/* Brand-preserving storefront improvements, November 2026. */
.app-nav-link {display:inline-flex;align-items:center;justify-content:center;background:#ffdc3e;color:#071a3a;border-radius:999px;padding:14px 18px;font-weight:800;white-space:nowrap;}
.hero {min-height:0;padding-top:42px;padding-bottom:42px;gap:clamp(24px,4vw,56px);}
.hero h1 {font-size:clamp(2.7rem,4.3vw,4rem);line-height:1.04;max-width:650px;}
.hero .eyebrow {margin-bottom:16px;}
.hero-text {font-size:1rem;margin-top:20px;}
.hero-visual {min-height:470px;}
.hero-proof {margin-top:24px;padding-top:16px;}
.hero .app-download-panel {margin-top:20px;padding:12px 16px;}
.hero .app-download-qr img {width:98px;height:98px;}
.hero .app-install-note {font-size:.8rem;margin:12px 0 0;max-width:490px;}
.hero-actions .button {min-height:46px;font-size:.9rem;}
.ordering-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.ordering-grid article {border:1px solid #e6dcae;border-radius:22px;background:#fff;padding:28px;}
.step-number {font-size:2rem;color:#856000;font-weight:800;}
.ordering-grid h3 {font-size:1.25rem;margin:14px 0 12px;}
.ordering-grid p {color:#4b5260;line-height:1.7;}
.ordering-grid a,.legacy-panel a {display:inline-block;margin-top:14px;font-weight:800;text-decoration:underline;text-underline-offset:5px;}
.legacy-panel {max-width:1180px;margin:0 auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:50px;padding:44px;background:#fff2b6;border:1px solid #ead078;border-radius:28px;color:#071a3a;}
.legacy-year {font-size:clamp(4.5rem,8vw,7rem);font-weight:800;letter-spacing:-.07em;line-height:1.1;}
.legacy-panel h2 {margin:0 0 18px;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.12;letter-spacing:-.04em;}
.legacy-panel p {line-height:1.75;max-width:650px;}
.faq-section details {border-bottom:1px solid #e3dcc6;padding:20px 0;}
.faq-section summary {font-size:1.1rem;font-weight:800;cursor:pointer;padding-right:20px;}
.faq-section details p {color:#4b5260;max-width:850px;line-height:1.8;margin:16px 0 0;}
.product-app-panel {margin-top:24px;padding:18px;border:1px solid #e7d393;border-radius:18px;background:#fff9e6;}
.product-app-panel strong {font-size:1.08rem;}
.product-app-panel p {font-size:.88rem;color:#4b5260;margin:8px 0;line-height:1.6;}
.product-app-panel img {display:block;width:206px;height:80px;}
.product-app-panel .platform-help {font-size:.76rem;}
.product-facts {margin:0;}
.product-facts div {display:grid;grid-template-columns:110px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid #e9e1c9;}
.product-facts dt {color:#596371;font-size:.9rem;}
.product-facts dd {margin:0;font-weight:700;overflow-wrap:anywhere;}
.product-guide-card p {line-height:1.75;}
a:focus-visible,summary:focus-visible {outline:3px solid #916a00;outline-offset:5px;}
@media(max-width:1099px){.hero{grid-template-columns:1fr 1fr;padding:32px 28px;gap:28px;}.hero-visual{min-height:400px;}.hero h1{font-size:2.9rem;}.legacy-panel{margin:0 28px;}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding:32px 22px;gap:28px;}.hero h1{font-size:clamp(2.4rem,10vw,3.2rem);}.hero-visual{min-height:0;aspect-ratio:1;max-width:430px;}.hero-slideshow{width:100%;right:0;}.stock-badge{bottom:0;}.hero-actions .button{width:auto;flex:1;padding:0 16px;}.ordering-grid{grid-template-columns:1fr;gap:16px;}.ordering-grid article{padding:24px;}.legacy-panel{grid-template-columns:1fr;gap:20px;padding:28px;margin:0 22px;}.product-app-panel img{max-width:100%;height:auto;}.product-facts div{grid-template-columns:90px 1fr;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important;}.hero-slide{transition:none!important;}}

/* Keep the mobile slideshow in normal flow; do not inherit the old 50% translation. */
@media (max-width:700px) {
  .hero { grid-template-columns:minmax(0,1fr); }
  .hero > .hero-copy { min-width:0; }
  .hero > .hero-visual { width:100%; min-width:0; max-width:430px; min-height:0; aspect-ratio:auto; margin-inline:auto; padding-bottom:16px; }
  .hero .hero-visual .hero-slideshow { position:relative; inset:auto; transform:none; width:100%; max-width:100%; margin-inline:auto; aspect-ratio:1; }
  .hero .hero-visual .stock-badge { right:12px; bottom:0; max-width:calc(100% - 24px); }
}