.milla-product-hero{position:relative;display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:clamp(2.5rem,5vw,5rem);align-items:start;padding:6.5rem 5vw 5rem;overflow:hidden;color:var(--milla-white);background:radial-gradient(circle at 22% 42%,oklch(52% .06 245 / .46),transparent 34%),linear-gradient(130deg,#172331,#0b121a 58%,#111821);--milla-accent: var(--milla-blue);--milla-accent-soft: color-mix(in oklch, var(--milla-accent) 30%, white);--milla-accent-ink: color-mix(in oklch, var(--milla-accent) 25%, black)}.milla-product-hero:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none;background-image:linear-gradient(oklch(100% 0 0 / .025) 1px,transparent 1px),linear-gradient(90deg,oklch(100% 0 0 / .025) 1px,transparent 1px);background-size:80px 80px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 86%);mask-image:linear-gradient(to bottom,black,transparent 86%)}.milla-product-hero__media{position:sticky;top:6.5rem;z-index:1;display:grid;align-self:start;min-width:0;min-height:min(68vh,720px);overflow:hidden;place-items:center;padding:24px;isolation:isolate}.milla-product-hero__stage{position:relative;z-index:1;display:grid;align-items:center;justify-items:center;width:100%;max-width:520px;min-width:0;aspect-ratio:4 / 5}.milla-product-hero__stage:before,.milla-product-hero__stage:after{position:absolute;border:1px solid oklch(100% 0 0 / .09);border-radius:50%;content:"";pointer-events:none}.milla-product-hero__stage:before{width:100%;aspect-ratio:1}.milla-product-hero__stage:after{width:72%;aspect-ratio:1}.milla-product-hero__watermark{position:absolute;z-index:0;left:50%;color:#ffffff0a;font-family:var(--milla-font-heading);font-size:clamp(calc(4 * var(--milla-rem)),9vw,calc(7 * var(--milla-rem)));font-weight:700;letter-spacing:-.045em;line-height:.8;text-transform:uppercase;transform:translate(-50%) rotate(-90deg);-webkit-user-select:none;user-select:none;white-space:nowrap}.milla-product-hero__halo{position:absolute;z-index:1;width:min(105%,500px);aspect-ratio:1;background:radial-gradient(circle closest-side,var(--milla-accent) 0%,transparent 72%);opacity:.3;pointer-events:none}.milla-product-hero__figure{position:relative;z-index:2;display:block;animation:milla-product-arrival .8s var(--milla-ease-out) both}.milla-product-hero__figure:after{position:absolute;right:6%;bottom:-26px;left:6%;z-index:-1;height:52px;background:radial-gradient(ellipse closest-side,oklch(0% 0 0 / .5),transparent);content:"";pointer-events:none}.milla-product-hero__image{display:block;width:min(100%,340px);max-height:min(62vh,560px);object-fit:contain}.milla-product-hero__details{position:relative;z-index:2;display:flex;flex-direction:column;gap:32px;min-width:0;padding:16px 0 0}.milla-product-hero__content{display:flex;flex-direction:column}.milla-product-hero__code{display:flex;gap:16px;align-items:center;margin:0 0 16px;color:#b0b9c1;font-size:calc(.75 * var(--milla-rem));font-weight:700;letter-spacing:.18em;line-height:1.3;text-transform:uppercase}.milla-product-hero__code:before{width:34px;height:1px;background:var(--milla-accent);content:""}.milla-product-hero__name{margin:0 0 12px;color:var(--milla-accent);font-family:var(--milla-font-heading);font-size:clamp(calc(1.5 * var(--milla-rem)),2.5vw,calc(2 * var(--milla-rem)));font-weight:600;letter-spacing:.14em;line-height:1;text-transform:uppercase}.milla-product-hero__content h1{max-width:12ch;margin:0;font-size:clamp(calc(3.25 * var(--milla-rem)),4.8vw,calc(5 * var(--milla-rem)));font-weight:600;letter-spacing:-.035em;line-height:.88}.milla-product-hero__content h1 span{display:block;color:var(--milla-accent)}.milla-product-hero__lead{max-width:44rem;margin:24px 0 0;color:#aeb9c2;font-size:calc(1 * var(--milla-rem));font-weight:500;line-height:1.65}.milla-product-hero__purchase{position:relative;z-index:1;display:block;width:100%;padding:24px;color:var(--milla-ink);background:var(--milla-surface)}@media(min-width:1051px){.milla-product-hero__purchase{max-width:560px}}.milla-product-hero__coming-soon{border-left:4px solid var(--milla-accent)}.milla-product-hero__coming-soon-heading{margin:0 0 12px;color:var(--milla-text-muted);font-size:calc(.75 * var(--milla-rem));font-weight:700;letter-spacing:.12em;text-transform:uppercase}.milla-product-hero__coming-soon-message{font-size:calc(1 * var(--milla-rem));line-height:1.5}.milla-product-hero__coming-soon-message p{margin:0}.milla-product-hero__coming-soon-message p+p{margin-top:8px}.product-form__error-message-wrapper[hidden]{display:none}.product-form__error-message{display:block;margin-bottom:12px;color:var(--milla-accent-ink);font-size:calc(.8 * var(--milla-rem));font-weight:600}.milla-product-hero__packs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-width:0;margin:0;padding:0;border:0}.milla-product-hero__packs legend{grid-column:1 / -1;width:100%;margin-bottom:12px;color:var(--milla-text-muted);font-size:calc(.75 * var(--milla-rem));font-weight:700;letter-spacing:.12em;text-transform:uppercase}.milla-product-hero__pack{position:relative}.milla-product-hero__pack input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.milla-product-hero__pack label{display:grid;min-height:88px;padding:12px;border:1px solid var(--milla-line-light);cursor:pointer;transition:border-color .18s var(--milla-ease-out),background .18s var(--milla-ease-out)}.milla-product-hero__pack label:hover{border-color:var(--milla-text-muted)}.milla-product-hero__pack input:checked+label{color:var(--milla-accent-ink);background:var(--milla-accent-soft);border-color:var(--milla-accent)}.milla-product-hero__pack input:disabled+label{cursor:not-allowed;opacity:.45}.milla-product-hero__pack-count{font-family:var(--milla-font-heading);font-size:calc(1.25 * var(--milla-rem));font-weight:700;line-height:1}.milla-product-hero__pack-price{align-self:end;font-size:calc(.875 * var(--milla-rem));font-weight:700;font-variant-numeric:tabular-nums}.milla-product-hero__pack-unit{color:var(--milla-text-muted);font-size:calc(.75 * var(--milla-rem));font-weight:500}.milla-product-hero__pack input:checked+label .milla-product-hero__pack-unit{color:var(--milla-accent-ink)}.milla-product-hero__bundles{margin-bottom:20px}.milla-product-hero__bundles-legend{margin:0 0 12px;color:var(--milla-text-muted);font-size:calc(.75 * var(--milla-rem));font-weight:700;letter-spacing:.12em;text-transform:uppercase}.milla-product-hero__bundle-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:8px;margin:0;padding:0;list-style:none}.milla-product-hero__bundle{display:grid;align-content:start;gap:6px;min-height:84px;padding:12px;border:1px solid var(--milla-line-light);color:var(--milla-ink);text-decoration:none;transition:border-color .18s var(--milla-ease-out),background .18s var(--milla-ease-out)}.milla-product-hero__bundle:hover{border-color:var(--milla-text-muted)}.milla-product-hero__bundle:focus-visible{outline:2px solid var(--milla-lime);outline-offset:2px}.milla-product-hero__bundle.is-active{color:var(--milla-accent-ink);background:var(--milla-accent-soft);border-color:var(--milla-accent)}.milla-product-hero__bundle.is-unavailable{opacity:.45}.milla-product-hero__bundle-label{font-family:var(--milla-font-heading);font-size:calc(1.125 * var(--milla-rem));font-weight:700;letter-spacing:.04em;line-height:1;text-transform:uppercase}.milla-product-hero__bundle-price{font-size:calc(.875 * var(--milla-rem));font-weight:700;font-variant-numeric:tabular-nums}.milla-product-hero__bundle-unit,.milla-product-hero__bundle-flag{color:var(--milla-text-muted);font-size:calc(.75 * var(--milla-rem));font-weight:500;line-height:1.2}.milla-product-hero__bundle.is-active .milla-product-hero__bundle-unit,.milla-product-hero__bundle.is-active .milla-product-hero__bundle-flag{color:var(--milla-accent-ink)}.milla-product-hero__bundle-flag{font-weight:700;letter-spacing:.08em;text-transform:uppercase}@media(max-width:760px){.milla-product-hero__bundles{margin-bottom:16px}.milla-product-hero__bundle-list{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:6px}.milla-product-hero__bundle{min-height:76px;padding:10px}.milla-product-hero__bundle-label{font-size:calc(1 * var(--milla-rem))}.milla-product-hero__bundle-unit,.milla-product-hero__bundle-flag{font-size:calc(.625 * var(--milla-rem))}}.milla-product-hero__app{margin-top:16px}.milla-product-hero__app .plan_card{border-color:var(--milla-line-light);background:transparent;color:var(--milla-ink)}.milla-product-hero__app .subscription_group{border-bottom-color:var(--milla-line-light)}.milla-product-hero__app .custom_radio_button:before{box-shadow:0 0 0 1px var(--milla-text-muted)}.milla-product-hero__app .custom_radio_button:has(input[type=radio]:checked):before{border-color:var(--milla-accent);background:var(--milla-accent)}.milla-product-hero__quantity{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding-top:16px;border-top:1px solid var(--milla-line-light)}.milla-product-hero__quantity-label{margin:0;color:var(--milla-text-muted);font-size:calc(.75 * var(--milla-rem));font-weight:700;letter-spacing:.12em;text-transform:uppercase}.milla-product-hero__quantity-control{display:grid;grid-template-columns:44px 56px 44px;align-items:center;border:1px solid var(--milla-line-light);background:var(--milla-white)}.milla-product-hero__quantity-btn{min-height:44px;padding:0;color:var(--milla-ink);background:transparent;border:0;cursor:pointer;font-size:calc(1.25 * var(--milla-rem));line-height:1}.milla-product-hero__quantity-btn:hover{background:var(--milla-surface)}.milla-product-hero__quantity-input{width:100%;min-height:44px;padding:0;color:var(--milla-ink);background:transparent;border:0;border-inline:1px solid var(--milla-line-light);text-align:center;font-size:calc(.875 * var(--milla-rem));font-weight:700;font-variant-numeric:tabular-nums;-webkit-appearance:textfield;appearance:textfield}.milla-product-hero__quantity-input::-webkit-outer-spin-button,.milla-product-hero__quantity-input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}.milla-product-hero__actions{display:grid;gap:12px;margin-top:16px}.milla-product-hero__actions .shopify-payment-button__button{min-height:52px}.milla-product-hero__submit{position:relative;display:flex;align-items:center;justify-content:center;min-height:52px;padding:16px 24px;color:var(--milla-accent-ink);background:var(--milla-accent);border:0;cursor:pointer;font-family:var(--milla-font-body);font-size:calc(.75 * var(--milla-rem));font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:filter .18s var(--milla-ease-out)}.milla-product-hero__submit:hover{filter:brightness(.96)}.milla-product-hero__submit:disabled{cursor:not-allowed;opacity:.5;filter:none}.milla-product-hero__submit .loading__spinner{width:20px;margin-left:8px}.milla-product-hero__submit .loading__spinner.hidden{display:none}@keyframes milla-product-arrival{0%{opacity:0;transform:translateY(28px) rotate(-2deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@media(max-width:1050px){.milla-product-hero{grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:32px;padding:6.5rem 3vw 4rem}.milla-product-hero__media{min-height:min(60vh,640px)}.milla-product-hero__image{width:min(100%,300px);max-height:min(58vh,500px)}.milla-product-hero__content h1{font-size:clamp(calc(2.75 * var(--milla-rem)),4.5vw,calc(4 * var(--milla-rem)))}}@media(max-width:760px){.milla-product-hero{display:block;padding:70px 0 32px}.milla-product-hero__media{position:static;min-height:360px;padding:16px 20px 24px}.milla-product-hero__details{gap:24px;padding:0}.milla-product-hero__content{padding:48px 20px 16px}.milla-product-hero__code{margin-bottom:12px}.milla-product-hero__name{margin-bottom:16px}.milla-product-hero__content h1{max-width:none;font-size:clamp(calc(3.25 * var(--milla-rem)),17vw,calc(4.75 * var(--milla-rem)))}.milla-product-hero__lead{margin-top:16px}.milla-product-hero__stage{max-width:none;min-height:360px;aspect-ratio:auto}.milla-product-hero__stage:before{width:min(100%,360px)}.milla-product-hero__stage:after{width:min(72%,260px)}.milla-product-hero__watermark{font-size:clamp(calc(4 * var(--milla-rem)),22vw,calc(6 * var(--milla-rem)))}.milla-product-hero__image{width:min(52vw,240px);max-height:340px}.milla-product-hero__halo{width:min(85vw,390px)}.milla-product-hero__purchase{margin:0 20px 32px;padding:16px;width:auto}.milla-product-hero__packs{gap:6px}.milla-product-hero__pack label{min-height:92px;padding:12px 10px}.milla-product-hero__pack-count{font-size:calc(1.125 * var(--milla-rem))}.milla-product-hero__pack-unit{font-size:calc(.625 * var(--milla-rem));line-height:1.2}.milla-product-hero__quantity{flex-direction:column;align-items:stretch}.milla-product-hero__quantity-control{justify-self:start}.milla-product-hero__actions{margin-top:12px}.milla-product-hero__submit{width:100%}}@media(max-width:390px){.milla-product-hero__content h1{font-size:calc(3.75 * var(--milla-rem))}}@media(prefers-reduced-motion:reduce){.milla-product-hero__figure{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-milla-product-hero.css.map */