.premium-home {
  --hp-primary: #315f9c;
  --hp-secondary: #0f172a;
  --hp-accent: #b6d400;
  --hp-bg-light: #f5f8ff;
  --hp-bg-dark: #0b1426;
  --hp-text: #172033;
  --hp-muted: #64748b;
  --hp-border: #d8e4f5;
  --hp-radius: 24px;
  color: var(--hp-text);
  background: linear-gradient(180deg, #fff 0, var(--hp-bg-light) 42%, #fff 100%);
}
.homepage-preview-banner { position: sticky; z-index: 95; top: 0; padding: 9px 18px; background: #fff5cc; color: #674b00; font-size: .82rem; font-weight: 850; text-align: center; }
.page-home .store-header, .store-header.is-compact { transition: box-shadow .24s ease, background-color .24s ease; }
.store-header.is-compact { box-shadow: 0 12px 38px rgba(15,23,42,.12); }
.store-header.is-compact .header-primary-inner { min-height: 64px; }
.store-header.is-compact .brand-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }

.premium-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: currentColor; font-size: .72rem; font-weight: 900; letter-spacing: .16em; opacity: .74; text-transform: uppercase; }
.premium-section { position: relative; padding: clamp(48px, 6vw, 86px) 0; color: var(--section-text, var(--hp-text)); }
.premium-section-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.premium-section-head.compact { margin-bottom: 22px; }
.premium-section-head h2 { max-width: 900px; margin: 8px 0 6px; color: inherit; font-size: clamp(1.9rem, 3.6vw, 3.35rem); line-height: 1.02; letter-spacing: -.052em; }
.premium-section-head p { max-width: 720px; margin: 0; color: var(--hp-muted); }
.premium-text-link { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; color: var(--hp-primary); font-weight: 850; }
.premium-text-link:hover { text-decoration: underline; text-underline-offset: 4px; }

/* Hero */
.premium-hero { position: relative; overflow: hidden; background: var(--hp-bg-dark); }
.premium-hero-viewport { position: relative; overflow: hidden; }
.premium-hero-track { position: relative; min-height: var(--hero-height-desktop, 640px); }
.premium-hero-slide { position: absolute; inset: 0; display: grid; min-height: var(--hero-height-desktop, 640px); overflow: hidden; color: var(--hero-text, #fff); opacity: 0; pointer-events: none; transform: translateX(5%); transition: opacity var(--hero-duration, .65s) ease, transform var(--hero-duration, .65s) cubic-bezier(.22,.8,.24,1); }
.premium-hero-slide:first-child { position: relative; }
.premium-hero-slide.is-active { z-index: 2; opacity: 1; pointer-events: auto; transform: translateX(0); }
[data-transition="fade"] .premium-hero-slide { transform: none; }
[data-transition="none"] .premium-hero-slide { transition: none; transform: none; }
[data-transition="depth"] .premium-hero-slide { transform: scale(1.035); }
[data-transition="depth"] .premium-hero-slide.is-active { transform: scale(1); }
.premium-hero-background { position: absolute; z-index: 0; inset: 0; }
.premium-hero-background img { width: 100%; height: 100%; object-fit: var(--hero-bg-fit, cover); object-position: var(--hero-bg-position, center); }
.premium-hero-overlay { position: absolute; z-index: 1; inset: 0; pointer-events: none; opacity: var(--hero-overlay-opacity, .2); }
.premium-hero-overlay.overlay-dark { background: #07101f; }
.premium-hero-overlay.overlay-custom { background: var(--hero-overlay-color, #07101f); }
.premium-hero-overlay.overlay-light { background: #fff; }
.premium-hero-overlay.overlay-none { display: none; }
.premium-hero-inner { position: relative; z-index: 3; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .85fr); align-items: center; gap: clamp(34px, 6vw, 96px); min-height: inherit; padding-top: 58px; padding-bottom: 78px; }
.premium-hero-copy { display: grid; justify-items: start; max-width: 820px; text-align: left; }
.premium-hero-copy h1, .premium-hero-copy h2 { margin: 14px 0 20px; color: inherit; font-size: clamp(3rem, 6.4vw, 6.7rem); font-weight: 740; line-height: .91; letter-spacing: -.07em; text-wrap: balance; }
.premium-hero-copy p { max-width: 720px; margin: 0; color: inherit; font-size: clamp(1.02rem, 1.6vw, 1.24rem); opacity: .82; }
.premium-hero-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 30px; }
.premium-button { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 50px; padding: 12px 20px; border: 1px solid rgba(255,255,255,.34); border-radius: 14px; font-weight: 850; line-height: 1.15; transition: transform .18s ease, box-shadow .18s ease, background-color .18s ease; }
.premium-button:hover { transform: translateY(-2px); }
.premium-button-primary { color: var(--button-color, var(--hp-secondary)); background: var(--button-bg, #fff); box-shadow: 0 16px 36px rgba(0,0,0,.19); }
.premium-button-secondary { color: var(--button-color, #fff); background: color-mix(in srgb, var(--button-bg, #fff) 12%, transparent); backdrop-filter: blur(12px); }
.premium-hero-visual { display: grid; align-self: stretch; place-items: center; min-width: 0; }
.premium-hero-visual picture { display: grid; width: min(100%, 700px); height: min(76vh, 640px); place-items: center; }
.premium-hero-visual img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 34px 46px rgba(0,0,0,.34)); transform: translateY(0) scale(1); transition: transform .8s cubic-bezier(.22,.8,.24,1); }
.premium-hero-slide:not(.is-active) .premium-hero-visual img { transform: translateY(24px) scale(.96); }
.premium-hero-slide.image-left .premium-hero-copy { grid-column: 2; }
.premium-hero-slide.image-left .premium-hero-visual, .premium-hero-slide.image-left .premium-hero-data { grid-column: 1; grid-row: 1; }
.premium-hero-slide.image-center .premium-hero-inner { grid-template-columns: 1fr; }
.premium-hero-slide.image-center .premium-hero-copy { justify-self: center; max-width: 980px; text-align: center; }
.premium-hero-slide.image-center .premium-hero-visual { position: absolute; inset: 0; opacity: .34; }
.premium-hero-slide.align-center .premium-hero-copy { justify-items: center; margin-inline: auto; text-align: center; }
.premium-hero-slide.align-right .premium-hero-copy { justify-items: end; margin-left: auto; text-align: right; }
.premium-hero-data { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.premium-hero-data div { display: grid; min-height: 150px; align-content: end; padding: 22px; border: 1px solid rgba(255,255,255,.17); border-radius: calc(var(--hp-radius) + 2px); background: rgba(255,255,255,.1); box-shadow: inset 0 1px rgba(255,255,255,.14), 0 24px 60px rgba(0,0,0,.12); backdrop-filter: blur(16px); }
.premium-hero-data div:first-child { grid-column: 1 / -1; min-height: 190px; }
.premium-hero-data span { display: grid; width: 44px; height: 44px; place-items: center; margin-bottom: auto; border-radius: 14px; background: rgba(255,255,255,.14); }
.premium-hero-data strong { font-size: clamp(2rem, 4vw, 4.2rem); line-height: 1; }
.premium-hero-data small { margin-top: 8px; opacity: .72; }
.premium-hero-controls { position: absolute; z-index: 8; right: 0; bottom: 22px; left: 0; display: flex; align-items: center; justify-content: center; gap: 10px; pointer-events: none; }
.premium-hero-controls > * { pointer-events: auto; }
.premium-carousel-arrow, .premium-carousel-pause { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; background: rgba(9,18,34,.52); color: #fff; cursor: pointer; backdrop-filter: blur(12px); transition: transform .18s ease, background-color .18s ease; }
.premium-carousel-arrow:hover, .premium-carousel-pause:hover { transform: translateY(-1px); background: rgba(9,18,34,.78); }
.premium-carousel-dots { display: flex; align-items: center; gap: 7px; padding: 8px 11px; border-radius: 999px; background: rgba(9,18,34,.46); backdrop-filter: blur(12px); }
.premium-carousel-dots button { width: 9px; height: 9px; padding: 0; border-radius: 999px; background: rgba(255,255,255,.46); cursor: pointer; transition: width .2s ease, background-color .2s ease; }
.premium-carousel-dots button[aria-current="true"] { width: 28px; background: #fff; }

/* Search band */
.premium-search-band { position: relative; z-index: 10; margin-top: -1px; background: #fff; box-shadow: 0 16px 54px rgba(15,23,42,.08); }
.premium-search-band-inner { display: grid; grid-template-columns: minmax(200px,.55fr) minmax(360px,1.25fr) auto; align-items: center; gap: 28px; min-height: 126px; }
.premium-search-band-inner > div { display: grid; }
.premium-search-band-inner > div strong { margin-top: 5px; font-size: 1.05rem; }
.premium-search-band form { display: flex; align-items: center; height: 56px; overflow: hidden; border: 1px solid var(--hp-border); border-radius: 17px; background: var(--hp-bg-light); }
.premium-search-band form > .icon { margin-left: 16px; color: var(--hp-muted); }
.premium-search-band input { min-width: 0; flex: 1; height: 100%; padding: 0 14px; border: 0; outline: 0; background: transparent; }
.premium-search-band button { align-self: stretch; padding: 0 22px; background: var(--hp-secondary); color: #fff; font-weight: 850; cursor: pointer; }
.premium-search-band dl { display: flex; gap: 8px; margin: 0; }
.premium-search-band dl div { min-width: 82px; padding: 10px 12px; border-left: 1px solid var(--hp-border); }
.premium-search-band dt { color: var(--hp-muted); font-size: .68rem; font-weight: 750; text-transform: uppercase; }
.premium-search-band dd { margin: 2px 0 0; font-size: 1.35rem; font-weight: 900; }

/* Benefits */
.premium-benefits { background: #fff; }
.premium-benefit-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.premium-benefit-grid article { display: flex; gap: 18px; min-height: 170px; padding: 26px; border: 1px solid var(--hp-border); border-radius: var(--hp-radius); background: linear-gradient(145deg,#fff,var(--hp-bg-light)); box-shadow: 0 16px 42px rgba(15,23,42,.055); }
.premium-benefit-icon { display: grid; width: 50px; height: 50px; flex: 0 0 50px; place-items: center; border-radius: 16px; background: var(--hp-secondary); color: #fff; }
.premium-benefit-icon .icon { width: 25px; height: 25px; }
.premium-benefit-grid h3 { margin: 2px 0 8px; font-size: 1.13rem; }
.premium-benefit-grid p { margin: 0; color: var(--hp-muted); }

/* Scroll carousels */
.premium-category-section { overflow: hidden; background: linear-gradient(180deg,var(--hp-bg-dark),color-mix(in srgb,var(--hp-bg-dark) 88%,var(--hp-primary))); color: #fff; }
.premium-category-section .premium-section-head p { color: rgba(255,255,255,.66); }
.premium-category-section .premium-text-link { color: #fff; }
.premium-scroll-carousel { position: relative; }
.premium-carousel-toolbar { position: static; z-index: 5; display: flex; justify-content: flex-end; gap: 8px; margin: -12px 0 14px; }
.premium-product-section .premium-carousel-toolbar .premium-carousel-arrow { border-color: var(--hp-border); background: #fff; color: var(--hp-secondary); box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.premium-category-track, .homepage-product-track { display: flex; gap: 18px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; touch-action: pan-y; cursor: grab; }
.premium-category-track::-webkit-scrollbar, .homepage-product-track::-webkit-scrollbar { display: none; }
.premium-category-track.is-dragging, .homepage-product-track.is-dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
.premium-category-card { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(130px,.78fr); flex: 0 0 clamp(300px, 28vw, 430px); min-height: 320px; overflow: hidden; border: 1px solid rgba(255,255,255,.13); border-radius: var(--hp-radius); background: var(--category-bg); color: var(--category-text); scroll-snap-align: start; box-shadow: 0 22px 55px rgba(0,0,0,.2); transition: transform .24s ease, box-shadow .24s ease; }
.premium-category-card:hover { transform: translateY(-6px); box-shadow: 0 32px 70px rgba(0,0,0,.28); }
.premium-category-copy { position: relative; z-index: 2; display: grid; align-content: end; padding: 26px 0 26px 26px; }
.premium-category-label { margin-bottom: auto; font-size: .68rem; font-weight: 900; letter-spacing: .14em; opacity: .62; text-transform: uppercase; }
.premium-category-card h3 { margin: 18px 0 8px; font-size: clamp(1.55rem,2.5vw,2.35rem); line-height: .98; letter-spacing: -.05em; }
.premium-category-card p { display: -webkit-box; margin: 0; overflow: hidden; font-size: .84rem; opacity: .72; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.premium-category-count { margin-top: 14px; font-size: .76rem; font-weight: 850; opacity: .72; }
.premium-category-image { display: grid; min-width: 0; place-items: center; padding: 18px 14px 18px 0; }
.premium-category-image img { width: 100%; max-height: 270px; object-fit: contain; filter: drop-shadow(0 20px 22px rgba(0,0,0,.22)); transition: transform .32s ease; }
.premium-category-card:hover .premium-category-image img { transform: scale(1.035) rotate(-1deg); }
.premium-category-image > span { display: grid; width: 120px; height: 120px; place-items: center; border-radius: 38px; background: rgba(255,255,255,.35); }
.premium-category-image .icon { width: 54px; height: 54px; }
.premium-category-badge { position: absolute; top: 18px; right: 18px; z-index: 3; padding: 6px 10px; border-radius: 999px; background: color-mix(in srgb,var(--category-text) 88%,transparent); color: var(--category-bg); font-size: .66rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.premium-category-arrow { position: absolute; right: 20px; bottom: 20px; z-index: 4; display: grid; width: 36px; height: 36px; place-items: center; border-radius: 999px; background: color-mix(in srgb,var(--category-text) 12%,transparent); }
.premium-scroll-progress { height: 3px; margin-top: 22px; overflow: hidden; border-radius: 999px; background: rgba(255,255,255,.16); }
.premium-scroll-progress span { display: block; width: 24%; height: 100%; border-radius: inherit; background: #fff; transform-origin: left center; transition: transform .16s linear; }

.premium-product-section { border-top: 1px solid color-mix(in srgb,var(--hp-border) 70%,transparent); }
.premium-product-section:nth-of-type(even) { background: rgba(255,255,255,.62); }
.homepage-product-track { grid-template-columns: none; padding: 4px 2px 18px; }
.homepage-product-card { flex: 0 0 clamp(238px, 23vw, 315px); scroll-snap-align: start; }
.homepage-product-card .product-img { aspect-ratio: 1; }

/* Brands and CTA */
.premium-brand-section { background: #fff; }
.premium-brand-grid { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: 12px; }
.premium-brand-grid a { display: grid; min-height: 150px; place-items: center; padding: 18px 12px; border: 1px solid var(--hp-border); border-radius: calc(var(--hp-radius) - 4px); background: #fff; text-align: center; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.premium-brand-grid a:hover { transform: translateY(-3px); border-color: color-mix(in srgb,var(--hp-primary) 55%,var(--hp-border)); box-shadow: 0 18px 38px rgba(15,23,42,.08); }
.premium-brand-grid img { width: 100%; max-width: 120px; height: 58px; margin-bottom: 10px; object-fit: contain; }
.premium-brand-grid a > span { display: grid; width: 58px; height: 58px; place-items: center; margin-bottom: 10px; border-radius: 18px; background: var(--hp-bg-light); color: var(--hp-primary); font-size: 1.35rem; font-weight: 950; }
.premium-brand-grid strong { font-size: .94rem; }
.premium-brand-grid small { margin-top: 4px; color: var(--hp-muted); }
.premium-cta-section { padding-top: 28px; padding-bottom: 94px; }
.premium-cta-card { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 46px; overflow: hidden; min-height: 300px; padding: clamp(34px,5vw,70px); border-radius: calc(var(--hp-radius) + 10px); background: radial-gradient(circle at 90% 10%,color-mix(in srgb,var(--hp-primary) 75%,transparent),transparent 35%),linear-gradient(135deg,var(--hp-secondary),var(--hp-bg-dark)); color: #fff; box-shadow: 0 32px 80px rgba(15,23,42,.2); }
.premium-cta-card::after { position: absolute; right: -10%; bottom: -70%; width: 500px; height: 500px; border: 1px solid rgba(255,255,255,.12); border-radius: 50%; content: ""; }
.premium-cta-card > * { position: relative; z-index: 1; }
.premium-cta-card h2 { max-width: 800px; margin: 9px 0 12px; font-size: clamp(2rem,4vw,4rem); line-height: .98; letter-spacing: -.055em; }
.premium-cta-card p { max-width: 700px; margin: 0; color: rgba(255,255,255,.7); }
.premium-cta-actions { display: flex; flex: 0 0 auto; gap: 11px; flex-wrap: wrap; }

@media (max-width: 1199px) {
  .premium-hero-inner { grid-template-columns: minmax(0,1fr) minmax(280px,.72fr); gap: 34px; }
  .premium-hero-copy h1, .premium-hero-copy h2 { font-size: clamp(3rem,6vw,5.3rem); }
  .premium-search-band-inner { grid-template-columns: 1fr 1.5fr; padding-block: 22px; }
  .premium-search-band dl { grid-column: 1 / -1; justify-content: flex-end; }
  .premium-brand-grid { grid-template-columns: repeat(4,minmax(0,1fr)); }
}

@media (max-width: 899px) {
  .premium-hero-track, .premium-hero-slide { min-height: var(--hero-height-mobile, 620px); }
  .premium-hero-inner { grid-template-columns: 1fr; align-content: center; gap: 22px; padding-top: 44px; padding-bottom: 86px; }
  .premium-hero-copy { grid-row: 1; max-width: 720px; }
  .premium-hero-copy h1, .premium-hero-copy h2 { font-size: clamp(2.7rem,9vw,4.7rem); }
  .premium-hero-visual { position: absolute; right: -7%; bottom: 36px; width: 49%; height: 48%; opacity: .8; }
  .premium-hero-visual picture { height: 100%; }
  .premium-hero-data { grid-template-columns: repeat(3,1fr); margin-top: 14px; }
  .premium-hero-data div, .premium-hero-data div:first-child { grid-column: auto; min-height: 112px; padding: 15px; }
  .premium-hero-data span { width: 36px; height: 36px; }
  .premium-hero-data strong { font-size: 1.8rem; }
  .premium-search-band-inner { grid-template-columns: 1fr; gap: 14px; }
  .premium-search-band dl { grid-column: auto; justify-content: flex-start; }
  .premium-benefit-grid { grid-template-columns: 1fr; }
  .premium-benefit-grid article { min-height: 0; }
  .premium-brand-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .premium-cta-card { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 767px) {
  .premium-section { padding: 48px 0; }
  .premium-section-head { align-items: flex-start; flex-direction: column; gap: 12px; margin-bottom: 22px; }
  .premium-section-head h2 { font-size: clamp(1.9rem,9vw,2.8rem); }
  .premium-carousel-toolbar { margin: 0 0 12px; }
  .premium-hero-copy h1, .premium-hero-copy h2 { font-size: clamp(2.55rem,12vw,4rem); }
  .premium-hero-copy p { max-width: 90%; font-size: .98rem; }
  .premium-hero-actions { display: grid; width: min(100%,360px); }
  .premium-button { width: 100%; }
  .premium-hero-visual { right: -14%; bottom: 55px; width: 58%; height: 42%; opacity: .55; }
  .premium-hero-data { display: none; }
  .premium-search-band-inner { padding: 20px 0; }
  .premium-search-band form { height: auto; min-height: 54px; }
  .premium-search-band button { padding: 0 16px; }
  .premium-search-band dl { width: 100%; }
  .premium-search-band dl div { min-width: 0; flex: 1; }
  .premium-category-card { flex-basis: min(86vw,360px); min-height: 300px; }
  .homepage-product-card { flex-basis: min(72vw,290px); }
  .premium-brand-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .premium-cta-section { padding-bottom: 54px; }
  .premium-cta-card { min-height: 0; padding: 30px 24px; border-radius: var(--hp-radius); }
}

@media (max-width: 430px) {
  .premium-hero-inner { padding-top: 34px; }
  .premium-hero-copy p { max-width: 100%; }
  .premium-hero-visual { display: none; }
  .premium-search-band form .icon { display: none; }
  .premium-search-band input { padding-left: 14px; }
  .premium-search-band button { font-size: .78rem; }
  .premium-search-band dl { gap: 0; }
  .premium-search-band dl div { padding-inline: 8px; }
  .premium-category-card { grid-template-columns: minmax(0,1fr) 112px; flex-basis: 88vw; }
  .premium-category-copy { padding: 22px 0 22px 22px; }
  .premium-category-card p { display: none; }
  .premium-category-image { padding-right: 6px; }
  .homepage-product-card { flex-basis: 78vw; }
}

@media (min-width: 1920px) {
  .premium-hero-copy h1, .premium-hero-copy h2 { font-size: 7rem; }
  .premium-category-card { flex-basis: 420px; }
}

@media (prefers-reduced-motion: reduce) {
  .premium-hero-slide, .premium-hero-visual img, .premium-category-card, .premium-category-image img, .premium-button { transition: none !important; }
  .premium-category-track, .homepage-product-track { scroll-behavior: auto; }
}

/* v2: e-commerce scale and denser commercial hierarchy. */
.premium-home{background:#fff}
.premium-section{padding:clamp(46px,5vw,72px) 0}
.premium-section-head{margin-bottom:24px}
.premium-section-head h2{font-size:clamp(1.75rem,2.7vw,2.75rem);line-height:1.08;letter-spacing:-.04em}
.premium-hero-copy h1,.premium-hero-copy h2{font-size:clamp(2.5rem,4.2vw,4.65rem);font-weight:790;line-height:.98;letter-spacing:-.052em}
.premium-hero-inner{padding-top:46px;padding-bottom:70px}
.premium-hero-copy{max-width:700px}
.premium-hero-copy p{max-width:620px;font-size:clamp(.98rem,1.25vw,1.13rem);line-height:1.6}
.premium-button{min-height:48px;border-radius:12px}
.premium-benefits{background:#fff}
.premium-benefit-grid article{min-height:138px;padding:22px;border-radius:18px;box-shadow:none}
.premium-benefit-icon{border-radius:13px;background:#315f9c}
.premium-category-section{background:#0b1426}
.premium-category-card{flex-basis:clamp(285px,26vw,390px);min-height:285px;border-radius:20px}
.premium-category-card h3{font-size:clamp(1.45rem,2vw,1.95rem);line-height:1.04}
.premium-category-image img{max-height:235px}
.premium-product-section{background:#f7f9fc;border-top:0}
.premium-product-section:nth-of-type(even){background:#fff}
.homepage-product-card{flex-basis:clamp(228px,21vw,290px)}
.premium-brand-grid a{min-height:132px;border-radius:16px;box-shadow:none}
.premium-cta-card{min-height:250px;padding:clamp(30px,4vw,54px);border-radius:24px;box-shadow:0 22px 56px rgba(15,23,42,.16)}
.premium-cta-card h2{font-size:clamp(1.9rem,3vw,3.15rem)}
.premium-media-section{background:#fff}
.premium-media-card{display:grid;grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(28px,5vw,68px);padding:clamp(26px,4vw,52px);border:1px solid var(--hp-border);border-radius:24px;background:#0f172a;color:#fff;box-shadow:0 22px 60px rgba(15,23,42,.13)}
.premium-media-copy{display:grid;justify-items:start;align-content:center}
.premium-media-copy h2{margin:9px 0 13px;font-size:clamp(1.8rem,3vw,3.2rem);line-height:1.02;letter-spacing:-.045em}
.premium-media-copy p{margin:0;color:#bdc8d8;line-height:1.7}
.premium-media-copy .premium-button{margin-top:22px;background:#b6d400;color:#111b2f;border-color:#b6d400;box-shadow:none}
.premium-media-card .premium-eyebrow{color:#cfe86a}
.premium-media-visual{position:relative;min-width:0;overflow:hidden;aspect-ratio:16/9;border-radius:18px;background:#07101f;box-shadow:0 18px 46px rgba(0,0,0,.26)}
.premium-media-visual video,.premium-media-visual noscript,.premium-media-visual noscript video{display:block;width:100%;height:100%;object-fit:cover}
.premium-external-video{display:grid;width:100%;height:100%;place-items:center;background-color:#07101f;background-size:cover;background-position:center}
.premium-external-video::before{position:absolute;inset:0;background:rgba(6,13,25,.28);content:""}
.premium-external-video button{position:relative;z-index:1;display:grid;justify-items:center;gap:9px;min-width:150px;padding:18px 22px;border:1px solid rgba(255,255,255,.4);border-radius:16px;background:rgba(11,20,38,.76);color:#fff;cursor:pointer;backdrop-filter:blur(8px)}
.premium-external-video button span{display:grid;width:52px;height:52px;place-items:center;border-radius:50%;background:#b6d400;color:#0f172a;font-size:1.05rem}
.premium-external-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.premium-media-section.appearance-wide .premium-media-card{grid-template-columns:1fr}
.premium-media-section.appearance-wide .premium-media-copy{max-width:850px}
.premium-media-section.align-center .premium-media-copy{justify-items:center;margin-inline:auto;text-align:center}
.premium-media-section.align-right .premium-media-copy{justify-items:end;text-align:right}
.premium-faq-section{background:#f5f8ff}
.premium-faq-layout{display:grid;grid-template-columns:minmax(240px,.55fr) minmax(0,1.25fr);align-items:start;gap:clamp(30px,6vw,86px)}
.premium-faq-intro{position:sticky;top:170px}
.premium-faq-intro h2{margin:8px 0 12px;font-size:clamp(1.9rem,3vw,3rem);line-height:1.04;letter-spacing:-.045em}
.premium-faq-intro p{margin:0;color:var(--hp-muted)}
.premium-faq-list{display:grid;gap:10px}
.premium-faq-item{overflow:hidden;border:1px solid #d8e4f5;border-radius:15px;background:#fff}
.premium-faq-item summary{display:grid;grid-template-columns:36px minmax(0,1fr) 38px;align-items:center;gap:12px;min-height:70px;padding:14px 16px;cursor:pointer;list-style:none;font-weight:800}
.premium-faq-item summary::-webkit-details-marker{display:none}
.premium-faq-number{color:#315f9c;font-size:.75rem;font-weight:900}
.premium-faq-plus{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#eef4fc;color:#315f9c;font-size:1.35rem;transition:transform .18s ease}
.premium-faq-item[open] .premium-faq-plus{transform:rotate(45deg)}
.premium-faq-answer{padding:0 66px 18px 64px;color:#5e6d81}
.premium-faq-answer p{margin:0;line-height:1.7}
@media(max-width:1023px){.premium-media-card{grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:28px}.premium-faq-layout{grid-template-columns:1fr;gap:24px}.premium-faq-intro{position:static;max-width:720px}.premium-brand-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.premium-section{padding:42px 0}.premium-hero-track,.premium-hero-slide{min-height:clamp(520px,var(--hero-height-mobile,620px),680px)}.premium-hero-inner{align-content:end;padding-top:32px;padding-bottom:84px}.premium-hero-copy{padding:18px;border-radius:16px;background:rgba(8,17,32,.28);backdrop-filter:blur(2px)}.premium-hero-copy h1,.premium-hero-copy h2{margin:9px 0 12px;font-size:clamp(2.15rem,10vw,3.25rem)}.premium-hero-copy p{font-size:.93rem}.premium-hero-actions{margin-top:18px}.premium-category-card{flex-basis:min(86vw,340px);min-height:272px}.homepage-product-card{flex-basis:min(72vw,270px)}.premium-media-card{grid-template-columns:1fr;padding:22px;border-radius:20px}.premium-media-copy{order:2}.premium-media-visual{order:1;border-radius:14px}.premium-media-copy h2{font-size:2rem}.premium-media-copy .premium-button{width:auto}.premium-faq-item summary{grid-template-columns:28px minmax(0,1fr) 36px;gap:8px;min-height:64px;padding:12px}.premium-faq-answer{padding:0 48px 15px}.premium-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.premium-cta-card{padding:26px 22px}}
@media(max-width:430px){.premium-section{padding:38px 0}.premium-benefit-grid article{padding:18px}.premium-category-card{grid-template-columns:minmax(0,1fr) 105px;flex-basis:88vw}.homepage-product-card{flex-basis:78vw}.premium-media-card{padding:16px}.premium-faq-item summary{grid-template-columns:minmax(0,1fr) 34px}.premium-faq-number{display:none}.premium-faq-answer{padding:0 50px 14px 12px}.premium-brand-grid a{min-height:112px}}
@media(min-width:1920px){.premium-hero-copy h1,.premium-hero-copy h2{font-size:4.85rem}.premium-category-card{flex-basis:390px}}
@media(prefers-reduced-motion:reduce){.premium-faq-plus{transition:none}}


.mc-carousel { position: relative; }
.mc-carousel__meta { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin: 0 0 18px; }
.mc-carousel__counter { color: inherit; font-size: .78rem; font-variant-numeric: tabular-nums; font-weight: 900; letter-spacing: .16em; white-space: nowrap; }
.mc-carousel__toolbar { margin: 0; }
.mc-carousel__progress span { width: 100%; transform: scaleX(.08); transform-origin: left center; }
.mc-category-track,
.mc-product-track { max-width: 100%; touch-action: pan-x pan-y; scroll-padding-inline: 1px; }
.mc-category-track { gap: clamp(14px,1.5vw,22px); }
.mc-category-card { flex-basis: clamp(330px,30vw,445px); min-height: 382px; isolation: isolate; }
.mc-category-card__copy { padding: 30px 4px 28px 30px; }
.mc-category-card__copy h3 { max-width: 11ch; font-size: clamp(1.75rem,2.6vw,2.8rem); }
.mc-category-card__copy p { max-width: 30ch; }
.mc-category-card__cta { display: inline-flex; align-items: center; gap: 8px; width: fit-content; margin-top: 18px; padding-bottom: 4px; border-bottom: 1px solid color-mix(in srgb,var(--category-text) 42%,transparent); font-size: .78rem; font-weight: 900; }
.mc-category-card__image { align-self: stretch; padding: 34px 18px 24px 0; }
.mc-category-card__image img { height: 100%; max-height: 310px; object-fit: contain; }
.mc-category-card:focus-visible { outline: 3px solid var(--hp-accent); outline-offset: 4px; }
.mc-category-section .mc-carousel__counter { color: rgba(255,255,255,.8); }
.mc-category-section .premium-carousel-arrow:disabled { opacity: .35; cursor: not-allowed; transform: none; }

.mc-featured-section { overflow: hidden; border-top: 1px solid color-mix(in srgb,var(--hp-border) 70%,transparent); background: #fff; }
.mc-featured-section__head { margin-bottom: 22px; }
.mc-featured-tabs__list { display: flex; gap: 8px; max-width: 100%; margin-bottom: 24px; overflow-x: auto; scrollbar-width: none; scroll-snap-type: x proximity; }
.mc-featured-tabs__list::-webkit-scrollbar { display: none; }
.mc-featured-tabs__list [role="tab"] { flex: 0 0 auto; min-height: 44px; padding: 10px 18px; border: 1px solid var(--hp-border); border-radius: 999px; background: #fff; color: var(--hp-secondary); font: inherit; font-size: .84rem; font-weight: 850; cursor: pointer; scroll-snap-align: start; transition: background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease; }
.mc-featured-tabs__list [role="tab"]:hover { transform: translateY(-1px); border-color: color-mix(in srgb,var(--hp-primary) 42%,var(--hp-border)); }
.mc-featured-tabs__list [role="tab"][aria-selected="true"] { border-color: var(--hp-secondary); background: var(--hp-secondary); color: #fff; }
.mc-featured-tabs__list [role="tab"]:focus-visible { outline: 3px solid color-mix(in srgb,var(--hp-primary) 34%,transparent); outline-offset: 2px; }
.mc-featured-tabs__panels { display: grid; gap: 34px; }
.mc-featured-panel { min-width: 0; padding: clamp(20px,2.6vw,34px); border: 1px solid var(--hp-border); border-radius: calc(var(--hp-radius) + 2px); background: linear-gradient(180deg,#fff,color-mix(in srgb,var(--hp-bg-light) 66%,#fff)); color: var(--section-text,#172033); }
.mc-featured-tabs.is-enhanced .mc-featured-panel[hidden] { display: none; }
.mc-featured-panel__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.mc-featured-panel__head p { max-width: 720px; margin: 4px 0 0; color: var(--hp-muted); }
.mc-product-carousel .premium-carousel-arrow { border-color: var(--hp-border); background: #fff; color: var(--hp-secondary); box-shadow: 0 8px 24px rgba(15,23,42,.08); }
.mc-product-carousel .premium-carousel-arrow:disabled { opacity: .32; cursor: not-allowed; transform: none; }
.mc-product-carousel__meta { justify-content: flex-end; }
.mc-product-carousel__meta .mc-carousel__counter { margin-right: auto; color: var(--hp-muted); }
.mc-product-track { display: flex !important; gap: clamp(12px,1.4vw,18px); padding: 4px 2px 18px; overflow-x: auto; overscroll-behavior-inline: contain; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; }
.mc-product-track::-webkit-scrollbar { display: none; }
.mc-product-card { flex: 0 0 clamp(238px,22vw,305px); min-width: 0; scroll-snap-align: start; }

@media (min-width: 1600px) {
  .mc-category-card { flex-basis: 430px; }
  .mc-product-card { flex-basis: 296px; }
}
@media (max-width: 1024px) {
  .mc-category-card { flex-basis: clamp(315px,43vw,390px); min-height: 360px; }
  .mc-category-card__copy { padding: 26px 2px 24px 26px; }
  .mc-product-card { flex-basis: clamp(238px,35vw,292px); }
}
@media (max-width: 767px) {
  .mc-category-showcase__head { align-items: flex-start; flex-direction: column; gap: 12px; }
  .mc-carousel__meta { margin-bottom: 14px; }
  .mc-category-card { grid-template-columns: minmax(0,1fr) 42%; flex-basis: min(86vw,360px); min-height: 330px; }
  .mc-category-card__copy { padding: 24px 0 22px 22px; }
  .mc-category-card__copy h3 { margin-top: 13px; font-size: clamp(1.55rem,8vw,2.15rem); }
  .mc-category-card__copy p { -webkit-line-clamp: 2; }
  .mc-category-card__cta { margin-top: 14px; }
  .mc-category-card__image { padding: 28px 10px 20px 0; }
  .mc-featured-panel { padding: 18px 14px; }
  .mc-featured-panel__head { align-items: flex-start; flex-direction: column; gap: 8px; }
  .mc-product-card { flex-basis: min(72vw,274px); }
}
@media (max-width: 430px) {
  .mc-category-card { flex-basis: calc(100vw - 54px); min-height: 314px; }
  .mc-category-card__copy { padding-left: 19px; }
  .mc-category-card__image { padding-right: 6px; }
  .mc-featured-tabs__list { margin-right: -10px; padding-right: 10px; }
  .mc-featured-tabs__list [role="tab"] { min-height: 42px; padding-inline: 15px; }
  .mc-product-card { flex-basis: min(76vw,268px); }
}
@media (max-width: 379px) {
  .mc-category-card { grid-template-columns: minmax(0,1fr) 39%; flex-basis: calc(100vw - 42px); min-height: 300px; }
  .mc-category-card__copy p { display: none; }
  .mc-product-card { flex-basis: min(82vw,264px); }
}
@media (prefers-reduced-motion: reduce) {
  .mc-category-card,
  .mc-category-card__image img,
  .mc-featured-tabs__list [role="tab"] { transition: none !important; transform: none !important; }
  .mc-category-track,
  .mc-product-track { scroll-behavior: auto; }
}