.section { padding-top: var(--space-16); padding-bottom: var(--space-16); }
.section__header { max-width: 640px; margin: 0 auto var(--space-8); text-align: left; }
.section__header--split { display: flex; flex-direction: column; gap: var(--space-4); justify-content: space-between; align-items: flex-start; }
.section__description { color: var(--color-text-muted); font-size: var(--font-size-md); }
.hero { padding-top: var(--space-16); padding-bottom: var(--space-16); }
.hero__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-10); align-items: center; }
.hero__lead { font-size: var(--font-size-lg); color: var(--color-text-muted); max-width: 40rem; }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); margin-bottom: var(--space-6); }
.hero__highlights { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: var(--space-4); font-size: var(--font-size-sm); color: var(--color-text-muted); }
.hero__highlight-item dt { font-weight: 600; margin-bottom: var(--space-1); color: var(--gray-900); }
.hero__highlight-item dd { margin: 0; }
.hero__media { position: relative; }
.hero__image { border-radius: var(--radius-xl); box-shadow: var(--shadow-lg); }
.categories__grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: var(--space-8); align-items: center; }
.categories__list { display: grid; gap: var(--space-3); font-size: var(--font-size-sm); color: var(--color-text); }
.categories__list .badge { margin-right: var(--space-2); }
.categories__image-wrapper { align-self: stretch; display: flex; align-items: center; justify-content: center; }
.categories__image { border-radius: var(--radius-xl); box-shadow: var(--shadow-md); }
.categories__footer { flex-wrap: wrap; justify-content: flex-start; gap: var(--space-3); }
.products-grid { margin-top: var(--space-4); }
.product-card__media { position: relative; margin-bottom: var(--space-4); }
.product-card__image { border-radius: var(--radius-md); }
.product-card__badge { position: absolute; top: var(--space-3); left: var(--space-3); }
.product-card__price { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }
.product-card__features { list-style: none; display: grid; gap: var(--space-1); font-size: var(--font-size-sm); color: var(--color-text-muted); }
.why-grid { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: var(--space-4); }
.why-card__list { list-style: none; display: grid; gap: var(--space-1); font-size: var(--font-size-sm); color: var(--color-text-muted); }
.steps { list-style: none; display: grid; gap: var(--space-4); max-width: 800px; margin: 0 auto; }
.steps__item { padding: var(--space-4); border-radius: var(--radius-lg); background-color: var(--color-surface); box-shadow: var(--shadow-xs); border: 1px solid var(--gray-200); }
.steps__title { font-size: var(--font-size-lg); margin-bottom: var(--space-2); }
.steps__link { font-size: var(--font-size-sm); font-weight: 500; }
.reviews-grid { margin-top: var(--space-4); }
.review-card__header { display: flex; align-items: center; gap: var(--space-3); margin-bottom: var(--space-3); }
.review-card__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; }
.review-card__name { font-weight: 600; margin-bottom: var(--space-1); }
.review-card__product { font-size: var(--font-size-xs); color: var(--color-text-muted); }
.review-card__rating { font-size: var(--font-size-sm); margin-bottom: var(--space-2); color: var(--color-warning); }
.review-card__stars { letter-spacing: 0.08em; }
.review-card__text { font-size: var(--font-size-sm); color: var(--color-text); }
.personalized { max-width: 800px; }
.personalized__content { padding: var(--space-6); border-radius: var(--radius-xl); background: linear-gradient(135deg, #e0edff 0%, #ffffff 40%, #e5f0ff 100%); box-shadow: var(--shadow-md); }
.personalized__list { list-style: none; display: grid; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-text); margin-top: var(--space-4); margin-bottom: var(--space-4); }
.personalized__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
.secure__grid { margin-top: var(--space-4); }
.secure-card__list { list-style: none; display: grid; gap: var(--space-1); font-size: var(--font-size-sm); color: var(--color-text-muted); }
.mobile { max-width: 800px; }
.mobile__list { list-style: none; display: grid; gap: var(--space-2); font-size: var(--font-size-sm); color: var(--color-text); margin-top: var(--space-4); margin-bottom: var(--space-4); }
.mobile__actions { display: flex; flex-wrap: wrap; gap: var(--space-3); }
@media (max-width: 960px) { .hero__grid { grid-template-columns: minmax(0, 1fr); } .hero { padding-top: var(--space-12); padding-bottom: var(--space-12); } .hero__media { order: -1; } .categories__grid { grid-template-columns: minmax(0, 1fr); } .section__header--split { align-items: flex-start; }
}
@media (max-width: 640px) { .section { padding-top: var(--space-12); padding-bottom: var(--space-12); } .section__header { text-align: left; } .hero__actions { flex-direction: column; align-items: stretch; } .personalized__content { padding: var(--space-4); } .steps__item { padding: var(--space-3); }
}