.reviews-hero {
padding: var(--space-16) 0;
background: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-background) 100%);
}

.reviews-hero__content {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-8);
align-items: center;
}

@media (min-width: 768px) {
.reviews-hero__content {
grid-template-columns: 1fr 1fr;
}
}

.reviews-hero__title {
font-size: var(--text-4xl);
color: var(--color-text);
margin-bottom: var(--space-6);
line-height: var(--leading-tight);
}

.reviews-hero__subtitle {
font-size: var(--text-lg);
color: var(--color-text-muted);
line-height: var(--leading-relaxed);
}

.reviews-hero__image {
border-radius: var(--radius-2xl);
overflow: hidden;
box-shadow: var(--shadow-xl);
}

.reviews-hero__image img {
width: 100%;
height: 100%;
object-fit: cover;
}

.trust-stats {
padding: var(--space-12) 0;
background-color: var(--color-surface);
border-top: 1px solid var(--color-gray-100);
border-bottom: 1px solid var(--color-gray-100);
}

.trust-stats__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--space-6);
text-align: center;
margin-bottom: var(--space-8);
}

.trust-stat {
display: flex;
flex-direction: column;
gap: var(--space-2);
}

.trust-stat__number {
font-family: var(--font-heading);
font-size: var(--text-3xl);
font-weight: 600;
color: var(--color-primary);
}

.trust-stat__label {
font-size: var(--text-sm);
color: var(--color-text-muted);
text-transform: uppercase;
letter-spacing: 0.05em;
}

.trust-stats__description {
text-align: center;
max-width: 600px;
margin: 0 auto;
}

.trust-stats__description p {
color: var(--color-text-muted);
font-size: var(--text-base);
}

.review-filters {
padding: var(--space-8) 0;
background-color: var(--color-background);
position: sticky;
top: 0;
z-index: 10;
border-bottom: 1px solid var(--color-gray-200);
}

.filters__wrapper {
display: flex;
flex-direction: column;
gap: var(--space-4);
}

@media (min-width: 768px) {
.filters__wrapper {
flex-direction: row;
justify-content: space-between;
align-items: center;
}
}

.filters__group {
display: flex;
flex-direction: column;
gap: var(--space-2);
}

@media (min-width: 640px) {
.filters__group {
flex-direction: row;
align-items: center;
}
}

.filters__label {
font-size: var(--text-sm);
font-weight: 500;
color: var(--color-text);
white-space: nowrap;
}

.filters__buttons {
display: flex;
gap: var(--space-2);
flex-wrap: wrap;
}

.filter-btn {
padding: var(--space-2) var(--space-4);
font-size: var(--text-sm);
background-color: var(--color-surface);
border: 1px solid var(--color-gray-200);
border-radius: var(--radius-full);
cursor: pointer;
transition: all var(--transition-fast);
color: var(--color-text);
}

.filter-btn:hover {
border-color: var(--color-primary);
color: var(--color-primary);
}

.filter-btn.active {
background-color: var(--color-primary);
border-color: var(--color-primary);
color: var(--color-primary-text);
}

.filters__select {
min-width: 200px;
}

.featured-reviews {
padding: var(--space-16) 0;
background-color: var(--color-background);
}

.section-title {
font-size: var(--text-3xl);
text-align: center;
margin-bottom: var(--space-12);
color: var(--color-text);
}

.reviews-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-8);
}

@media (min-width: 768px) {
.reviews-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (min-width: 1024px) {
.reviews-grid {
grid-template-columns: repeat(3, 1fr);
}
}

.review-card {
background-color: var(--color-surface);
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: var(--shadow-md);
transition: transform var(--transition-base), box-shadow var(--transition-base);
display: flex;
flex-direction: column;
}

.review-card:hover {
transform: translateY(-4px);
box-shadow: var(--shadow-lg);
}

.review-card__image {
height: 240px;
overflow: hidden;
}

.review-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--transition-slow);
}

.review-card:hover .review-card__image img {
transform: scale(1.05);
}

.review-card__content {
padding: var(--space-6);
flex-grow: 1;
display: flex;
flex-direction: column;
}

.review-card__header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: var(--space-4);
}

.review-card__stars {
display: flex;
gap: var(--space-1);
color: #F4C542;
font-size: var(--text-lg);
}

.review-card__verified {
display: flex;
align-items: center;
gap: var(--space-1);
font-size: var(--text-xs);
color: var(--color-success-text);
background-color: var(--color-success);
padding: var(--space-1) var(--space-2);
border-radius: var(--radius-sm);
font-weight: 500;
}

.review-card__verified svg {
width: 12px;
height: 12px;
}

.review-card__title {
font-size: var(--text-xl);
margin-bottom: var(--space-3);
color: var(--color-text);
}

.review-card__quote {
border-left: 3px solid var(--color-primary);
padding-left: var(--space-4);
margin: 0 0 var(--space-4) 0;
flex-grow: 1;
}

.review-card__quote p {
font-style: italic;
color: var(--color-text-muted);
line-height: var(--leading-relaxed);
margin: 0;
}

.review-card__footer {
margin-top: auto;
padding-top: var(--space-4);
border-top: 1px solid var(--color-gray-100);
}

.review-card__author {
font-style: normal;
font-weight: 500;
color: var(--color-text);
font-size: var(--text-sm);
}

.review-card__detail {
color: var(--color-text-muted);
font-weight: 400;
}

.certificates-banner {
padding: var(--space-12) 0;
background-color: var(--color-secondary-light);
}

.certificates__content {
text-align: center;
max-width: 800px;
margin: 0 auto;
}

.certificates__title {
font-size: var(--text-2xl);
margin-bottom: var(--space-4);
color: var(--color-text);
}

.certificates__text {
color: var(--color-text-muted);
margin-bottom: var(--space-6);
}

.certificates__badges {
display: flex;
justify-content: center;
gap: var(--space-4);
flex-wrap: wrap;
}

.certificate-badge {
background-color: var(--color-surface);
padding: var(--space-3) var(--space-6);
border-radius: var(--radius-lg);
font-weight: 600;
color: var(--color-text);
box-shadow: var(--shadow-sm);
font-size: var(--text-sm);
}

.verified-info {
padding: var(--space-16) 0;
background-color: var(--color-surface);
}

.verified-info__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-8);
}

@media (min-width: 768px) {
.verified-info__grid {
grid-template-columns: 2fr 1fr;
}
}

.verified-info__title {
font-size: var(--text-2xl);
margin-bottom: var(--space-4);
color: var(--color-text);
}

.verified-info__content p,
.verified-info__feature p {
color: var(--color-text-muted);
}

.verified-info__feature {
background-color: var(--color-primary-light);
padding: var(--space-6);
border-radius: var(--radius-xl);
}

.verified-info__feature h3 {
font-size: var(--text-lg);
margin-bottom: var(--space-3);
color: var(--color-text);
}

.user-photos {
padding: var(--space-16) 0;
background-color: var(--color-background);
}

.section-subtitle {
text-align: center;
max-width: 600px;
margin: 0 auto var(--space-12);
color: var(--color-text-muted);
}

.photos-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-4);
}

@media (min-width: 768px) {
.photos-grid {
grid-template-columns: repeat(4, 1fr);
}
}

.photo-item {
aspect-ratio: 1;
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-md);
transition: transform var(--transition-base);
}

.photo-item:hover {
transform: scale(1.02);
}

.photo-item img {
width: 100%;
height: 100%;
object-fit: cover;
}

.response-commitment {
padding: var(--space-16) 0;
background-color: var(--color-primary-light);
}

.response-commitment__content {
text-align: center;
max-width: 700px;
margin: 0 auto;
}

.response-commitment__title {
font-size: var(--text-3xl);
margin-bottom: var(--space-4);
color: var(--color-text);
}

.response-commitment__content p {
color: var(--color-text-muted);
margin-bottom: var(--space-6);
}

.review-cta {
padding: var(--space-16) 0;
background-color: var(--color-surface);
}

.review-cta__card {
background: linear-gradient(135deg, var(--color-secondary-light) 0%, var(--color-accent-light) 100%);
border-radius: var(--radius-2xl);
padding: var(--space-10);
text-align: center;
}

.review-cta__title {
font-size: var(--text-2xl);
margin-bottom: var(--space-4);
color: var(--color-text);
}

.review-cta__content p {
color: var(--color-text-muted);
max-width: 600px;
margin: 0 auto var(--space-6);
}

.review-cta__actions {
display: flex;
gap: var(--space-4);
justify-content: center;
flex-wrap: wrap;
}

.recommended-products {
padding: var(--space-16) 0 var(--space-20);
background-color: var(--color-background);
}

.products-grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--space-6);
}

@media (min-width: 640px) {
.products-grid {
grid-template-columns: repeat(2, 1fr);
}
}

@media (min-width: 768px) {
.products-grid {
grid-template-columns: repeat(3, 1fr);
}
}

.product-card {
background-color: var(--color-surface);
border-radius: var(--radius-xl);
padding: var(--space-6);
box-shadow: var(--shadow-sm);
transition: box-shadow var(--transition-base);
}

.product-card:hover {
box-shadow: var(--shadow-md);
}

.product-card__image-placeholder {
width: 100%;
aspect-ratio: 4/3;
background-color: var(--color-gray-100);
border-radius: var(--radius-lg);
margin-bottom: var(--space-4);
}

.product-card__title {
font-size: var(--text-lg);
margin-bottom: var(--space-2);
color: var(--color-text);
}

.product-card__rating {
display: flex;
align-items: center;
gap: var(--space-2);
margin-bottom: var(--space-4);
}

.product-card__rating .stars {
color: #F4C542;
letter-spacing: 2px;
}

.product-card__count {
font-size: var(--text-sm);
color: var(--color-text-muted);
}

.product-card__link {
color: var(--color-primary);
font-weight: 500;
text-decoration: underline;
text-underline-offset: 4px;
}

.product-card__link:hover {
color: var(--color-primary-hover);
}

@media (max-width: 640px) {
.trust-stats__grid {
grid-template-columns: 1fr;
gap: var(--space-4);
}

.review-card__header {
flex-direction: column;
align-items: flex-start;
gap: var(--space-2);
}
}