.products-hero{position:relative;min-height:380px;display:flex;align-items:center;color:#fff;background-color:var(--color-primary);overflow:hidden}.products-hero__media{position:absolute;inset:0;background-image:url('/assets/images/popular-products-showcase.webp');background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(0.55)}.products-hero__overlay{position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(0,166,183,0.4),transparent 55%),linear-gradient(120deg,rgba(6,22,44,0.9),rgba(6,22,44,0.2))}.products-hero__content{position:relative;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.3fr);gap:var(--space-8);padding-top:var(--space-12);padding-bottom:var(--space-12)}.products-hero__text h1{color:#fff}.products-hero__subtitle{color:rgba(255,255,255,0.9);max-width:40rem}.products-hero__eyebrow{font-size:var(--font-size-sm);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,0.8);margin-bottom:var(--space-2)}.products-hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-4)}.products-hero__summary{align-self:center;background-color:rgba(15,23,42,0.85);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-md);backdrop-filter:blur(14px)}.products-hero__summary-item+.products-hero__summary-item{margin-top:var(--space-4)}.products-hero__summary-label{display:block;font-size:var(--font-size-xs);letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,0.7);margin-bottom:var(--space-1)}.products-hero__summary-value{font-size:var(--font-size-md);color:#fff}
.products-breadcrumb{background-color:var(--color-gray-100);border-bottom:1px solid var(--color-gray-200)}.products-breadcrumb__list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);padding-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted)}.products-breadcrumb__list li+li::before{content:"/";margin:0 var(--space-2);color:var(--color-gray-400)}.products-breadcrumb__list a{color:var(--color-primary)}
.products-section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6);margin-bottom:var(--space-8)}.products-section-header__cta{flex-shrink:0}.products-section-header p{margin-bottom:0}
.products-highlight{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,2fr);gap:var(--space-6);align-items:stretch}.products-highlight__body{display:flex;flex-direction:column;justify-content:space-between}.products-highlight__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5);margin-top:var(--space-4)}.products-highlight__item dt{font-weight:600;margin-bottom:var(--space-2)}.products-highlight__item dd{margin:0;color:var(--color-muted);font-size:var(--font-size-sm)}
.products-categories{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:var(--space-8);align-items:flex-start}.products-filter{background-color:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.products-filter__title{margin-bottom:var(--space-4)}.products-filter__group{margin-bottom:var(--space-4)}.products-filter__submit{width:100%}.products-filter__hint{font-size:var(--font-size-xs);color:var(--color-muted);margin-top:var(--space-3)}.products-categories__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}.products-category-card{border-radius:var(--radius-xl);padding:var(--space-5);background:var(--color-surface);box-shadow:var(--shadow-xs);border:1px solid rgba(221,225,231,0.8);transition:transform var(--duration-base) var(--easing-standard),box-shadow var(--duration-base) var(--easing-standard),border-color var(--duration-base) var(--easing-standard)}.products-category-card:hover,.products-category-card:focus-visible{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(0,166,183,0.25)}.products-category-card h3{margin-bottom:var(--space-2)}.products-category-card__list{margin-top:var(--space-3);margin-bottom:var(--space-3);padding-left:0;font-size:var(--font-size-sm);color:var(--color-muted)}.products-category-card__list li+li{margin-top:var(--space-1)}.products-category-card__link{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.products-category-card--navy{background:linear-gradient(145deg,var(--color-primary) 0%,#1b486f 45%,#f5f6f8 100%);color:#fff}.products-category-card--navy p,.products-category-card--navy .products-category-card__list{color:rgba(255,255,255,0.9)}.products-category-card--teal{background:linear-gradient(145deg,#00a6b7 0%,#1ac0cf 45%,#f5f6f8 100%);color:#02212b}.products-category-card--amber{background:linear-gradient(145deg,#d7952b 0%,#f4b458 50%,#fff7ec 100%)}.products-category-card--gray{background:linear-gradient(145deg,#1c1f24 0%,#4b5563 45%,#f5f6f8 100%);color:#fff}.products-category-card--gray p,.products-category-card--gray .products-category-card__list{color:rgba(255,255,255,0.92)}
.products-layout-two{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr);gap:var(--space-8);align-items:center}.products-layout-two--reverse{grid-template-columns:minmax(0,1.4fr) minmax(0,1.4fr)}.products-layout-two--reverse>.products-layout-two__text{order:2}.products-layout-two--reverse>.products-layout-two__media,.products-layout-two--reverse>.products-layout-two__sidecard{order:1}.products-layout-two__media{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md)}.products-layout-two__sidecard{align-self:stretch;display:flex;flex-direction:column;justify-content:center}
.products-bullets{list-style:none;padding-left:0;margin-bottom:var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted)}.products-bullets li{position:relative;padding-left:1.3rem}.products-bullets li::before{content:"";position:absolute;left:0;top:.55rem;width:.55rem;height:.55rem;border-radius:999px;background:linear-gradient(135deg,var(--color-accent),var(--color-primary))}
.products-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.products-chip{display:inline-flex;align-items:center;padding:0.25rem 0.75rem;border-radius:999px;background-color:var(--color-gray-100);font-size:var(--font-size-xs);font-weight:500;color:var(--color-gray-800)}
.products-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-4)}.products-spec-title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}
.products-review-quote{font-style:italic;color:var(--color-muted)}.products-review-meta{font-size:var(--font-size-sm);color:var(--color-gray-700);margin-top:var(--space-2);margin-bottom:var(--space-2)}.products-review-stars{color:#f5c14b;font-size:1.1rem}
.products-cta{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 50%,#20c8d5 100%);color:#fff}.products-cta__inner{display:flex;justify-content:space-between;align-items:center;gap:var(--space-6)}.products-cta__inner h2{color:#fff}.products-cta__inner p{color:rgba(255,255,255,0.9);margin-bottom:0}.products-cta__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.products-cta__actions .btn-outline{color:#fff;border-color:rgba(255,255,255,0.9)}.products-cta__actions .btn-outline:hover{background-color:rgba(255,255,255,0.12)}
@media (max-width:1024px){.products-hero__content{grid-template-columns:minmax(0,1.9fr) minmax(0,1.4fr)}.products-highlight{grid-template-columns:1.2fr 1.8fr}.products-highlight__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.products-categories{grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.products-layout-two,.products-layout-two--reverse{grid-template-columns:minmax(0,1fr);}.products-layout-two--reverse>.products-layout-two__text,.products-layout-two--reverse>.products-layout-two__media,.products-layout-two--reverse>.products-layout-two__sidecard{order:initial}.products-spec-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:768px){.products-hero{min-height:0}.products-hero__content{grid-template-columns:minmax(0,1fr);gap:var(--space-6);padding-top:var(--space-10);padding-bottom:var(--space-10)}.products-hero__summary{margin-top:var(--space-3)}.products-section-header{flex-direction:column;align-items:flex-start}.products-highlight{grid-template-columns:minmax(0,1fr)}.products-highlight__grid{grid-template-columns:minmax(0,1fr)}.products-categories__grid{grid-template-columns:minmax(0,1fr)}.products-cta__inner{flex-direction:column;align-items:flex-start}}
@media (max-width:480px){.products-hero__actions{flex-direction:column;align-items:stretch}.products-cta__actions{flex-direction:column;align-items:stretch}.products-filter{padding:var(--space-4)}}