/* Load after premium.css. All additions are scoped to the hero. */
[data-hero-showcase] .cinema-inner { align-items: center; gap: clamp(32px, 5vw, 80px); min-height: min(700px, calc(100svh - 160px)); }
[data-hero-showcase] .cinema-copy { min-width: 0; }
[data-hero-showcase] .hero-price { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 22px; min-height: 150px; max-width: 480px; }
[data-hero-showcase] .hs-price-cell { display: grid; align-content: start; gap: 7px; }
[data-hero-showcase] .hs-price-cell > span { font-size: 12px; color: #c1e2d4; }
[data-hero-showcase] .hs-price-cell strong { font-family: Manrope, sans-serif; font-size: clamp(23px, 2.2vw, 32px); font-weight: 700; letter-spacing: -.04em; white-space: nowrap; }
[data-hero-showcase] .hs-price-cell strong small { font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 500; letter-spacing: 0; color: #c1e2d4; }
[data-hero-showcase] .hs-price-foot { grid-column: 1 / -1; margin: 0; font-size: 12px; line-height: 1.6; color: #c1e2d4; }
[data-hero-showcase] .hs-availability { display: block; min-height: 39px; }
[data-hero-showcase] .hs-product.cinema-product { display: flex; flex-direction: column; justify-content: start; min-width: 0; min-height: 0; transform: none; padding: 0; }
.hs-switcher { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); width: 100%; padding: 5px; gap: 4px; border: 1px solid #62988166; border-radius: 12px; background: #072216c9; }
.hs-switcher[hidden] { display: none; }
.hs-switcher button { position: relative; display: grid; gap: 3px; min-width: 0; min-height: 54px; padding: 7px 9px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #f8fdfb; text-align: left; cursor: pointer; font: inherit; line-height: 1.2; }
.hs-switcher button > span { font-family: Manrope, sans-serif; font-size: 17px; font-weight: 750; letter-spacing: -.03em; }
.hs-switcher button > small { color: #c0e3d4; font-size: 12px; line-height: 1.3; }
.hs-switcher button:hover { background: #165a3d; }
.hs-switcher button[aria-pressed='true'] { background: #ffd442; color: #0c3724; border-color: #ffe48a; box-shadow: 0 4px 18px #00000022; }
.hs-switcher button[aria-pressed='true'] > small { color: #265d45; }
.hs-switcher button:focus-visible, [data-hero-showcase] .hs-explore:focus-visible, [data-hero-showcase] .hs-browse:focus-visible { outline: 3px solid #ffffff; outline-offset: 4px; }
.hs-stage { position: relative; isolation: isolate; width: 100%; height: clamp(240px, 34vh, 345px); margin-top: 16px; display: grid; place-items: center; overflow: hidden; border: 1px solid transparent; border-radius: 12px; }
.hs-stage-serial { position: absolute; inset: 0; display: grid; place-items: center; z-index: -1; font: 800 clamp(65px, 11vw, 174px) / 1 Manrope, sans-serif; letter-spacing: -.075em; color: #89deb91b; }
.hs-product-photo { display: block; width: 100%; height: 100%; position: absolute; inset: 0; object-fit: contain; opacity: 1; transition: opacity 160ms ease; }
[data-hs-image-kind='cutout'] .hs-product-photo { padding: 0; filter: drop-shadow(0 25px 20px #00000055); }
[data-hs-image-kind='studio'] .hs-stage { border-color: #dbf1e7; background: #eff8f4; box-shadow: 0 24px 60px #00000033; }
[data-hs-image-kind='studio'] .hs-stage-serial { display: none; }
[data-hs-image-kind='studio'] .hs-product-photo { padding: 18px; filter: none; object-fit: contain; background: #eff8f4; }
.hs-image-message { display: none; padding: 20px; text-align: center; color: #bee9d6; font-size: 13px; }
[data-hs-image-kind='studio'] .hs-image-message { color: #366852; }
[data-hs-loading='true'] .hs-product-photo, [data-hs-image-error='true'] .hs-product-photo { opacity: 0; }
[data-hs-loading='true'] .hs-image-loading, [data-hs-image-error='true'] .hs-image-error { display: block; }
.hs-reference { margin: 8px 0 12px; font-size: 12px; line-height: 1.5; color: #aed6c5; }
.hs-product-copy { padding-top: 12px; border-top: 1px solid #64978166; }
.hs-meta { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.hs-model { font: 700 12px / 1.4 Manrope, sans-serif; letter-spacing: .09em; color: #d9f7ea; }
.hs-status { border: 1px solid #69a98d; border-radius: 20px; padding: 4px 9px; color: #dff8ed; font-size: 12px; font-weight: 600; white-space: nowrap; }
[data-hs-development='true'] .hs-status { border-color: #c4a448; background: #ffd44214; color: #ffe287; }
[data-hero-showcase] .hs-product-title { margin: 10px 0 8px; min-height: 52px; font: 700 clamp(20px, 2vw, 25px) / 1.15 Manrope, sans-serif; letter-spacing: -.035em; color: #f8fdfb; }
.hs-product-actions { display: flex; align-items: center; gap: 14px 24px; flex-wrap: wrap; min-height: 44px; }
.hs-explore { display: inline-flex; align-items: center; min-height: 44px; border: 0; border-bottom: 1px solid #ffd442; background: transparent; padding: 4px 0; font: 700 14px / 1.4 Manrope, sans-serif; color: #ffd442; cursor: pointer; }
.hs-browse { display: inline-flex; align-items: center; min-height: 44px; font-size: 14px; color: #d1f2e4; text-decoration: underline; text-underline-offset: 4px; }
.hs-feedback { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (min-width: 901px) { [data-hero-showcase] .cinema-inner { grid-template-columns: minmax(0, 1fr) minmax(0, .94fr); padding-block: 32px; } [data-hero-showcase] .hero-bottom { padding-block: 19px; } }
@media (max-width: 900px) { [data-hero-showcase] .cinema-inner { grid-template-columns: 1fr; padding-top: 48px; padding-bottom: 35px; } [data-hero-showcase] .hs-product { width: min(100%, 620px); margin-inline: auto; } .hs-stage { height: auto; aspect-ratio: 1.43; } .hs-stage-serial { font-size: clamp(100px, 23vw, 180px); } [data-hero-showcase] .hs-product-title { font-size: 24px; min-height: 56px; } }
@media (max-width: 420px) { .hs-switcher button { padding: 9px 7px; min-height: 68px; } .hs-switcher button > span { font-size: 16px; } .hs-switcher button > small { font-size: 12px; } .hs-stage { margin-top: 15px; } [data-hs-image-kind='studio'] .hs-product-photo { padding: 11px; } [data-hero-showcase] .hero-price { gap: 12px; min-height: 172px; } [data-hero-showcase] .hs-price-cell strong { font-size: 23px; } .hs-product-actions { gap: 7px 18px; min-height: 44px; } }
@media (max-width: 350px) { .hs-product-actions { display: grid; grid-template-columns: 1fr; gap: 0; } .hs-product-actions > * { width: fit-content; } }
@media (prefers-reduced-motion: reduce) { [data-hero-showcase] *, [data-hero-showcase] *::before, [data-hero-showcase] *::after { animation: none !important; transition: none !important; } }
.motion-paused [data-hero-showcase] *, .motion-paused [data-hero-showcase] *::before, .motion-paused [data-hero-showcase] *::after { animation: none !important; transition: none !important; }
[data-hs-image-kind='cutout'] .hs-product-photo{transform:scale(1.16) rotate(-6deg)}
@media(max-width:900px){[data-hero-showcase] .hs-product>.hero-price{width:100%;max-width:none;margin-top:23px;margin-bottom:0;padding:21px 0 0;border-left:0;border-top:1px solid #62988166;min-height:132px}[data-hero-showcase] .hs-product>.hero-price .hs-availability{min-height:0}[data-hero-showcase] .cinema-copy .intro{margin-bottom:21px}[data-hero-showcase] .cinema-inner{gap:30px}}
@media(min-width:701px) and (max-width:900px){[data-hero-showcase] .cinema-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px;padding-block:36px;min-height:0}[data-hero-showcase] .cinema-copy h1{font-size:clamp(38px,5.3vw,48px);white-space:nowrap}[data-hero-showcase] .cinema-copy .intro{font-size:16px;line-height:1.65;margin-top:23px}[data-hero-showcase] .hero-actions{flex-wrap:wrap;gap:12px 22px}[data-hero-showcase] .hero-actions .button{padding-inline:18px}[data-hero-showcase] .hero-price{margin-top:24px;gap:12px;min-height:140px;padding-left:13px}[data-hero-showcase] .hs-price-cell strong{font-size:24px}[data-hero-showcase] .hs-product-title{font-size:23px;min-height:56px}.hs-switcher button{padding-inline:7px}.hs-switcher button>small{font-size:12px}.hs-product-actions{gap:8px 18px}}