.page.product-detail.product-detail--immersive{--product-collapse:0;--hero-expanded:332px;--hero-compact:74px;--hero-action-height:calc(46px - var(--product-collapse) * 14px);--hero-action-step:calc(42px - var(--product-collapse) * 18px);--hero-compact-actions-width:72px;--hero-object-size:clamp(124px, 34vw, 168px);--hero-object-right:30px;--hero-object-top:80px;--hero-copy-expanded-width:calc((100% - var(--page-pad) * 2) * .57);--hero-copy-top:74px;--hero-title-size:clamp(28px, 7.7vw, 40px);--hero-chrome-height:calc(var(--header-height) + var(--safe-top) + var(--space-2) * 2);--hero-ease:cubic-bezier(.2, .65, .25, 1);width:min(100%, var(--page-max));min-height:0;max-width:var(--page-max);isolation:isolate;flex-direction:column;gap:0;margin:0;padding:0;display:flex;position:fixed;inset:0 auto 0 50%;transform:translate(-50%)}.page.product-detail.product-detail--immersive[data-hero-compact=true]{--product-collapse:1}.page.product-detail.product-detail--immersive[data-in-cart=true]{--hero-compact-actions-width:116px}.product-hero{isolation:isolate;height:calc(var(--hero-chrome-height) + var(--hero-expanded) - var(--product-collapse) * (var(--hero-expanded) - var(--hero-compact)));padding:calc(var(--hero-chrome-height) + 14px) var(--page-pad) 28px;background:var(--color-bg);border:0;border-radius:0;flex:none;position:relative}.product-hero__light{z-index:-1;background:radial-gradient(ellipse 145px 190px at 83% 58%, color-mix(in srgb, var(--color-lime) 23%, transparent), transparent 74%), radial-gradient(ellipse 220px 200px at 97% 25%, color-mix(in srgb, var(--color-stone) 13%, transparent), transparent 75%);transform:translateY(calc(var(--product-collapse) * -12px));pointer-events:none;position:absolute;inset:-120px -60px -30px}.product-hero__optics{z-index:0;top:calc(var(--header-height) + var(--safe-top) - 48px);width:clamp(300px,82vw,420px);height:auto;opacity:calc(1 - var(--product-collapse) * .75);transform-origin:72% 42%;transform:translateY(calc(var(--product-collapse) * -32px)) rotate(calc(var(--product-collapse) * -8deg)) scale(calc(1 - var(--product-collapse) * .25));pointer-events:none;position:absolute;right:-78px;overflow:visible}.product-hero__satellite{opacity:calc(1 - var(--product-collapse) * .75);transform:translate(calc(var(--product-collapse) * 15px), calc(var(--product-collapse) * -20px))}.product-hero__object{z-index:1;top:calc(var(--hero-chrome-height) + var(--hero-object-top));right:var(--hero-object-right);width:var(--hero-object-size);height:var(--hero-object-size);transform-origin:100% 0;transform:translateY(calc(-1 * var(--product-collapse) * (var(--hero-object-top) + 28px))) scale(calc(1 - var(--product-collapse) * .25));pointer-events:none;opacity:1;position:absolute}.product-hero .product-hero__object .product-hero__cube{border-radius:var(--radius-md);width:100%;height:100%;box-shadow:0 26px 38px -22px #000b, 0 0 0 1px #ffffff38, 12px -12px 28px -22px color-mix(in srgb, var(--color-lime) 60%, transparent);position:absolute;inset:0;transform:perspective(650px)rotateY(-12deg)rotate(-10deg)}.product-hero__object-shade{z-index:3;border-radius:var(--radius-md);background:linear-gradient(135deg, color-mix(in srgb, var(--color-bg) 75%, transparent), var(--color-bg));opacity:calc(var(--product-collapse) * .72);transition:opacity var(--hero-transform-duration,.36s) var(--hero-ease);pointer-events:none;position:absolute;inset:0;transform:perspective(650px)rotateY(-12deg)rotate(-10deg)}.product-hero__toolbar{z-index:3;height:calc(36px - var(--product-collapse) * 4px);align-items:center;gap:10px;display:flex;position:relative}.product-hero__back,.product-hero__favorite{height:calc(36px - var(--product-collapse) * 8px);padding:0 calc(12px - var(--product-collapse) * 2px);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--chrome-glass-background);box-shadow:var(--chrome-glass-inset-shadow);color:var(--color-text);font:500 12px/1 var(--font-family-ui);cursor:pointer;flex:none;justify-content:center;align-items:center;gap:7px;display:inline-flex}.product-hero__back{gap:calc(7px * (1 - var(--product-collapse)));padding-inline:calc(12px - var(--product-collapse) * 7px)}.product-hero__back>span{max-width:calc(42px * (1 - var(--product-collapse)));white-space:nowrap;opacity:calc(1 - var(--product-collapse));overflow:hidden}.product-hero__stock{font:400 11px/16px var(--font-family-ui);color:var(--color-muted);align-items:center;gap:6px;margin-left:auto;display:inline-flex}.product-hero__stock i{background:var(--color-primary);border-radius:50%;width:5px;height:5px}.product-hero__stock[data-unavailable=true] i{background:var(--color-muted)}.product-hero__favorite{width:calc(36px - var(--product-collapse) * 8px);padding:0}.product-hero__favorite svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:16px;height:16px}.product-hero__favorite[aria-pressed=true]{color:var(--color-primary)}.product-hero__favorite[aria-pressed=true] svg{fill:currentColor}.product-hero__stock,.product-hero__favorite{opacity:max(0, calc(1 - var(--product-collapse) * 3))}[data-hero-compact=true] :is(.product-hero__stock,.product-hero__favorite){visibility:hidden;transition:visibility 0s .16s}.product-hero__copy{z-index:2;top:calc(var(--hero-chrome-height) + var(--hero-copy-top) - var(--product-collapse) * (var(--hero-copy-top) - 14px));left:calc(var(--page-pad) + var(--product-collapse) * 36px);width:calc(var(--hero-copy-expanded-width) - var(--product-collapse) * ( var(--hero-copy-expanded-width) - (100% - var(--page-pad) * 2 - 44px - var(--hero-compact-actions-width)) ));position:absolute}.product-hero__title{-webkit-line-clamp:2;max-width:100%;color:var(--color-text);font-family:var(--font-family-display);font-size:calc(var(--hero-title-size) - var(--product-collapse) * (var(--hero-title-size) - 14px));letter-spacing:-.055em;overflow-wrap:anywhere;max-height:calc(1.08em * (2 - var(--product-collapse)));-webkit-box-orient:vertical;margin:0;font-weight:600;line-height:1.08;display:-webkit-box;overflow:hidden}.product-hero__title:has(.product-title-text__category){height:calc(1.08em * (2 - var(--product-collapse)));white-space:nowrap;flex-direction:column;align-items:flex-start;display:flex}[data-hero-compact=true] .product-hero__title:has(.product-title-text__category){flex-direction:row;gap:4px}.product-hero__title .product-title-text__category{text-overflow:ellipsis;flex:none;max-width:100%;display:inline-block;overflow:hidden}.product-hero__title .product-title-text__subscription{white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;color:var(--home-accent-text,var(--color-primary));overflow:hidden}.product-hero__price{margin:calc(15px - var(--product-collapse) * 13px) 0 0;color:var(--color-text);font-family:var(--font-family-ui);font-size:calc(28px - var(--product-collapse) * 14px);letter-spacing:-.035em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:500;line-height:1.1;display:flex}.product-hero__price del{color:var(--color-muted);letter-spacing:0;font-size:.55em;font-weight:400}[data-hero-compact=true] .product-hero__price del{display:none}.product-hero__description{-webkit-line-clamp:2;max-width:30ch;color:var(--color-muted);font:400 12px/1.5 var(--font-family-ui);opacity:max(0, calc(1 - var(--product-collapse) * 3));transform:translateY(calc(var(--product-collapse) * -8px));-webkit-box-orient:vertical;margin:10px 0 0;display:-webkit-box;overflow:hidden}[data-hero-compact=true] .product-hero__description{visibility:hidden;transition:visibility 0s .16s}.product-hero__actions{z-index:3;right:var(--page-pad);width:calc(100% - var(--page-pad) * 2 - var(--product-collapse) * max(0px, 100% - var(--page-pad) * 2 - var(--hero-compact-actions-width)));grid-template-columns:minmax(0, 1fr) calc((100% - 10px) / 2 - var(--product-collapse) * ((100% - 10px) / 2 - 32px));gap:calc(10px - var(--product-collapse) * 2px);display:grid;position:absolute;bottom:28px}.product-hero__actions .action-button{width:100%;min-width:0;height:var(--hero-action-height);min-height:0;padding:0 calc(12px - var(--product-collapse) * 9px);justify-content:center;gap:calc(8px * (1 - var(--product-collapse)));border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--chrome-glass-background);box-shadow:var(--chrome-glass-inset-shadow);color:var(--color-text);font:500 calc(13px - var(--product-collapse) * 2px)/1 var(--font-family-ui);letter-spacing:0;text-transform:none;white-space:nowrap;margin:0;position:relative}.product-hero__actions .action-button--outline{background-color:color-mix(in srgb, var(--color-bg) calc(var(--product-collapse) * 96%), transparent)}.product-hero__actions>.shiny-skeleton{height:var(--hero-action-height)}.product-hero__actions button:after{inset:calc(var(--product-collapse) * -6px) 0;content:"";position:absolute}.product-hero__actions .action-button__icon{width:calc(14px + var(--product-collapse) * 2px);height:calc(14px + var(--product-collapse) * 2px);flex:none}.product-hero__actions .action-button__arrow{max-width:calc(22px * (1 - var(--product-collapse)));opacity:calc(1 - var(--product-collapse));font-size:calc(20px - var(--product-collapse) * 4px);overflow:hidden}.product-hero__action-label{max-width:calc(220px * (1 - var(--product-collapse)));text-overflow:ellipsis;opacity:max(0, calc(1 - var(--product-collapse) * 3));overflow:hidden}.product-hero__currency-icon{width:calc(18px * var(--product-collapse));height:18px;opacity:var(--product-collapse);stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.product-hero__action-label--buy{display:inline-flex}.product-hero__action-extra{max-width:calc(54px * (1 - var(--product-collapse)));white-space:pre;opacity:calc(1 - var(--product-collapse));display:inline-block;overflow:hidden}.product-hero__actions .action-button:last-child{color:var(--color-ink);background:var(--color-lime);border-color:var(--color-lime);box-shadow:inset 0 1px #ffffff4d}.product-hero__actions .action-button:disabled{opacity:1;cursor:not-allowed;background:var(--color-surface);color:var(--color-muted);border-color:var(--color-border);box-shadow:none}.product-hero__actions .quantity-stepper{grid-template-columns:var(--hero-action-step) 1fr var(--hero-action-step);gap:calc(8px - var(--product-collapse) * 6px);width:100%;min-width:0;box-shadow:none;background:0 0;border:0;min-height:0;padding:0;display:grid;overflow:visible}.product-hero__actions .quantity-stepper button{width:var(--hero-action-step);min-width:0;height:var(--hero-action-height);background:var(--chrome-glass-background);background-color:color-mix(in srgb, var(--color-bg) calc(var(--product-collapse) * 96%), transparent);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);min-height:0;box-shadow:var(--chrome-glass-inset-shadow);color:var(--color-text);place-items:center;padding:0;display:grid;position:relative}.product-hero__actions .quantity-stepper output{border-radius:var(--radius-pill);background-color:color-mix(in srgb, var(--color-bg) calc(var(--product-collapse) * 96%), transparent);text-align:center;min-width:0;min-height:24px;font-size:calc(16px - var(--product-collapse) * 2px);color:var(--color-text);align-self:center;place-items:center;display:grid}.product-hero__actions .quantity-stepper button:disabled{opacity:.45}.product-hero button:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.product-purchase-drawer{z-index:4;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-md) var(--radius-md) 0 0;contain:layout style;border-bottom:0;flex:1 1 0;min-height:0;margin-top:-12px;display:flex;position:relative;overflow:hidden}.product-purchase-scroll{--product-purchase-gap:18px;--product-scroll-top-pad:18px;gap:var(--product-purchase-gap);overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent;width:100%;min-height:0;padding:var(--product-scroll-top-pad) var(--page-pad) calc(var(--nav-height) + var(--safe-bottom) + var(--floating-gap,12px) + 30px);scroll-padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + var(--floating-gap,12px) + 16px);flex-direction:column;display:flex;overflow-y:auto}.product-purchase-scroll>*{flex-shrink:0}@media (min-width:600px){.page.product-detail.product-detail--immersive{--hero-object-right:50px;--hero-copy-expanded-width:calc((100% - var(--page-pad) * 2) * .62)}.product-hero__optics{right:-30px}}@media (max-height:650px){.page.product-detail.product-detail--immersive{--hero-expanded:290px;--hero-title-size:clamp(28px, 7.7vw, 32px);--hero-copy-top:62px;--hero-object-size:124px;--hero-object-top:64px}.product-hero__description{font-size:11px;line-height:1.4}}.product-hero{transition:none}.product-hero__light,.product-hero__optics,.product-hero__satellite,.product-hero__object{transition:transform var(--hero-transform-duration,.36s) var(--hero-ease), opacity var(--hero-transform-duration,.36s) var(--hero-ease)}.product-hero__toolbar,.product-hero__back,.product-hero__favorite,.product-hero__title,.product-hero__price{transition:none}.product-hero__description{transition:opacity .12s ease-out, transform var(--hero-transform-duration,.36s) var(--hero-ease), visibility 0s}[data-hero-compact=true] .product-hero__description{transition:opacity .12s ease-out, transform var(--hero-transform-duration,.36s) var(--hero-ease), visibility 0s .16s}.product-hero__actions,.product-hero__actions .action-button,.product-hero__actions .quantity-stepper button,.product-hero__actions .quantity-stepper,.product-hero__actions :is(output,.action-button__arrow),.product-hero__actions .action-button__icon{transition:none}[data-hero-motion] :is(.product-hero__toolbar,.product-hero__copy,.product-hero__actions){animation:product-hero-compact-content var(--hero-motion-duration,.43s) linear both;will-change:opacity, transform}[data-hero-motion=expanded] :is(.product-hero__toolbar,.product-hero__copy,.product-hero__actions){animation-name:product-hero-expanded-content}[data-hero-motion] .product-hero__actions{pointer-events:none}@keyframes product-hero-compact-content{0%,to{opacity:1;transform:translateY(0)}15%{opacity:0;transform:translateY(-5px)}33%{opacity:0;animation-timing-function:cubic-bezier(.2,.65,.25,1);transform:translateY(6px)}}@keyframes product-hero-expanded-content{0%,to{opacity:1;transform:translateY(0)}15%{opacity:0;transform:translateY(-5px)}33%{opacity:0;animation-timing-function:cubic-bezier(.2,.65,.25,1);transform:translateY(6px)}}.page.product-detail.product-detail--immersive[data-hero-compositor]{--product-collapse:0;overflow:clip}[data-hero-compositor][data-hero-compact=true]>.product-hero{--product-collapse:1}[data-hero-compositor]>.product-hero{--hero-action-height:calc(46px - var(--product-collapse) * 14px);--hero-action-step:calc(42px - var(--product-collapse) * 18px);height:calc(var(--hero-chrome-height) + var(--hero-expanded));position:absolute;inset:0 0 auto}[data-hero-compositor] .product-hero__actions{bottom:calc(28px + var(--product-collapse) * (var(--hero-expanded) - var(--hero-compact)))}[data-hero-compositor]>.product-purchase-drawer{inset:calc(var(--hero-chrome-height) + var(--hero-compact) - 12px) 0 0;transform:translate3d(0, calc(var(--hero-expanded) - var(--hero-compact)), 0);transition:transform var(--hero-transform-duration,.235s) var(--hero-ease);margin-top:0;position:absolute}[data-hero-compositor][data-hero-compact=true]>.product-purchase-drawer{transform:translate(0,0)}[data-hero-compositor] .product-hero__satellite{opacity:1;transition:none;transform:none}[data-hero-compositor][data-hero-motion] :is(.product-purchase-drawer,.product-hero__object,.product-hero__optics,.product-hero__light){will-change:transform, opacity}[data-hero-compositor] .product-hero__cube,.product-detail--immersive[data-hero-compositor] .product-detail__option-tab{-webkit-backdrop-filter:none;backdrop-filter:none}@media (prefers-reduced-motion:reduce){.product-hero,.product-hero *{transition:none!important;animation:none!important}.page.product-detail.product-detail--immersive,.product-hero__description,[data-hero-compositor]>.product-purchase-drawer{transition:none}}.page.product-detail.product-detail--immersive[data-hero-compositor]{--hero-expanded:374px;--hero-title-size:clamp(32px, 8.7vw, 40px);--hero-copy-top:68px}.product-hero--shop .product-hero__title{font-family:var(--font-family-ui);letter-spacing:-.035em;font-weight:700}.product-hero__stock[data-preorder=true]{color:var(--color-warning)}.product-hero__stock[data-preorder=true] i{background:var(--color-warning)}.product-hero__facts{z-index:2;inset:auto var(--page-pad) 82px;flex-wrap:wrap;align-items:flex-start;gap:6px;margin:0;display:flex;position:absolute}.product-hero__fact{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-bg-raised) 93%, var(--color-stone));min-width:0;max-width:100%;color:var(--color-muted);font:500 11px/14px var(--font-family-ui);overflow-wrap:anywhere;align-items:center;padding:4px 8px;display:inline-flex}.product-hero__fact[data-tone]{--warranty-accent:var(--color-lime);border-color:color-mix(in srgb, var(--warranty-accent) 16%, transparent);background:color-mix(in srgb, var(--warranty-accent) 12%, var(--color-bg));color:color-mix(in srgb, var(--warranty-accent) 72%, var(--color-text))}.product-hero__fact[data-tone=short]{--warranty-accent:var(--color-warning)}.product-hero__fact[data-tone=none]{--warranty-accent:var(--color-danger)}.product-loading__facts .shiny-skeleton{border-radius:var(--radius-pill);width:138px;height:24px}.product-loading__facts .shiny-skeleton:last-child{width:156px}[data-hero-compact=true] .product-hero__facts{visibility:hidden}[data-hero-motion] .product-hero__facts{animation:product-hero-compact-content var(--hero-motion-duration,.28s) linear both}[data-hero-motion=expanded] .product-hero__facts{animation-name:product-hero-expanded-content}@media (max-height:650px){.page.product-detail.product-detail--immersive[data-hero-compositor]{--hero-expanded:338px;--hero-copy-top:56px;--hero-title-size:30px}.product-hero--shop .product-hero__description{-webkit-line-clamp:1}.product-hero__facts{bottom:80px}}@media (max-width:359px){.page.product-detail.product-detail--immersive[data-hero-compositor]{--hero-expanded:402px}}@media (max-width:359px) and (max-height:650px){.page.product-detail.product-detail--immersive[data-hero-compositor]{--hero-expanded:366px}}
