Hassanza Premium Transparent Gold-Detail Gradient Sunglasses Unisex

.hassanza-product {
font-family: Arial, Helvetica, sans-serif;
color: #333;
line-height: 1.7;
max-width: 100%;
margin: auto;
}

.hassanza-title {
text-align: center;
font-size: 30px;
font-weight: 700;
margin: 10px 0 20px;
background: linear-gradient(
90deg,
#8b6914,
#d4af37,
#f5e6a8,
#b8860b,
#d4af37
);
background-size: 300% auto;
color: transparent;
-webkit-background-clip: text;
background-clip: text;
animation: hassanzaShine 4s linear infinite;
}

@keyframes hassanzaShine {
0% {
background-position: 0% center;
}
100% {
background-position: 300% center;
}
}

.hassanza-intro {
background: linear-gradient(135deg, #fffdf7, #f8f0dc);
padding: 22px;
border-radius: 16px;
border-left: 5px solid #c9a227;
box-shadow: 0 5px 20px rgba(0,0,0,0.08);
margin-bottom: 25px;
}

.hassanza-intro p {
margin: 0;
font-size: 16px;
}

.hassanza-highlight {
color: #9a7410;
font-weight: 700;
}

.hassanza-heading {
text-align: center;
color: #9a7410;
font-size: 23px;
margin: 30px 0 18px;
}

.hassanza-features {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
gap: 16px;
margin: 20px 0 30px;
}

.hassanza-card {
background: linear-gradient(145deg, #ffffff, #faf5e8);
border: 1px solid #ead9a6;
border-radius: 16px;
padding: 20px 15px;
text-align: center;
transition: all 0.35s ease;
}

.hassanza-card:hover {
transform: translateY(-8px);
box-shadow: 0 12px 28px rgba(184,134,11,0.20);
}

.hassanza-icon {
display: block;
font-size: 32px;
margin-bottom: 8px;
}

.hassanza-card strong {
color: #8b6914;
font-size: 17px;
}

.hassanza-card p {
font-size: 14px;
margin: 8px 0 0;
color: #555;
}

.hassanza-section {
background: #fff;
border-radius: 14px;
padding: 20px;
margin: 20px 0;
border: 1px solid #eee3c7;
}

.hassanza-section h3 {
color: #9a7410;
margin-top: 0;
font-size: 21px;
}

.hassanza-list {
padding-left: 20px;
margin-bottom: 0;
}

.hassanza-list li {
margin-bottom: 9px;
}

.hassanza-cta {
text-align: center;
margin-top: 28px;
padding: 23px 18px;
border-radius: 16px;
background: linear-gradient(135deg, #241c15, #8b6914, #b8860b);
color: #fff;
animation: hassanzaPulse 3s ease-in-out infinite;
}

.hassanza-cta strong {
font-size: 19px;
}

@keyframes hassanzaPulse {
0%, 100% {
box-shadow: 0 0 0 rgba(212,175,55,0.1);
}
50% {
box-shadow: 0 0 25px rgba(212,175,55,0.40);
}
}

.hassanza-bottom {
text-align: center;
margin-top: 20px;
color: #777;
font-size: 14px;
}

@media (max-width: 600px) {
.hassanza-title {
font-size: 24px;
}

.hassanza-intro {
padding: 17px;
}

.hassanza-card {
padding: 16px 12px;
}

.hassanza-heading {
font-size: 20px;
}
}