.product-stage{flex-direction:column}.product-stage:has(.stage-thumbnails){padding-bottom:150px}.stage-top,.stage-bottom{z-index:2}.stage-open{position:relative;display:flex;flex:1;min-height:0;width:100%;align-items:center;justify-content:center;border:0;padding:0;background:transparent;cursor:pointer}.stage-open img{display:block;max-width:85%;max-height:100%;width:auto;height:auto;object-fit:contain}.stage-expand{position:absolute;right:0;bottom:0;display:grid;place-items:center;width:44px;height:44px;border:1px solid #a7aaa1;background:#f9faf6;color:#222221}.stage-expand svg{width:21px;height:21px}.stage-open:focus-visible{outline:3px solid #222221;outline-offset:5px}.stage-thumbnails{position:absolute;left:50%;bottom:56px;z-index:2;display:flex;max-width:calc(100% - 52px);gap:8px;overflow-x:auto;transform:translateX(-50%)}.stage-thumbnails button,.viewer-thumbnails button{flex:none;display:grid;place-items:center;width:66px;height:66px;border:1px solid #9b9f95;padding:5px;background:#f7f8f4;cursor:pointer}.stage-thumbnails button[aria-current="true"],.viewer-thumbnails button[aria-current="true"]{border:2px solid #222221}.stage-thumbnails img,.viewer-thumbnails img{width:100%;height:100%;object-fit:contain}
.product-viewer{position:fixed;inset:0;z-index:1100;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;border:0;padding:clamp(8px,1.4vw,24px);overflow:hidden;background:transparent;color:#222221}.product-viewer::backdrop{background:rgba(20,21,19,.92)}.product-viewer:not([open]){display:none}.viewer-shell{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(320px,.82fr);width:100%;height:100%;overflow:hidden;background:#fff;box-shadow:0 22px 80px rgba(0,0,0,.3)}.viewer-image-side{display:flex;min-width:0;min-height:0;flex-direction:column;background:#eceeea}.viewer-top{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.08em}.viewer-close{position:relative;z-index:3;display:grid;place-items:center;width:46px;height:46px;border:1px solid #666962;background:#fff;color:#222221;cursor:pointer}.viewer-close svg{width:24px;height:24px}.viewer-image-frame{display:grid;flex:1;min-height:0;grid-template-columns:56px minmax(0,1fr) 56px;align-items:center;gap:12px;padding:8px 22px}.viewer-image-frame img{width:100%;height:100%;max-height:100%;object-fit:contain}.viewer-arrow{display:grid;place-items:center;width:48px;height:48px;border:1px solid #8d9089;background:#fff;color:#222221;cursor:pointer}.viewer-arrow svg{width:23px;height:23px}.viewer-arrow:disabled{opacity:.4;cursor:default}.viewer-thumbnails{display:flex;justify-content:center;gap:9px;min-height:94px;padding:10px 20px 18px;overflow-x:auto}.viewer-info{min-width:0;overflow-y:auto;padding:clamp(34px,4vw,76px) clamp(24px,3.4vw,62px) 44px;border-left:1px solid #d6d8d1}.viewer-info h2{margin:16px 0 0;font-size:clamp(29px,3vw,50px);font-weight:650;line-height:1.08;letter-spacing:-.03em;text-wrap:balance}.viewer-info .product-price{margin-top:28px}.viewer-info .shop-button{margin-top:17px;max-width:100%}.viewer-description{margin-top:34px;padding-top:25px;border-top:1px solid #c8cbc3;font-size:16px;line-height:1.55}.viewer-description p{max-width:none;text-wrap:pretty}.viewer-specs{margin-top:34px}.viewer-specs h3{margin:0 0 15px;font-size:15px;font-weight:700}.viewer-specs>div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid #d1d4cc;font-size:13px;line-height:1.35}.viewer-specs>div span{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.viewer-specs>div strong{font-weight:600;text-align:right}.product-viewer :is(button,a):focus-visible{outline:3px solid #b9bf15;outline-offset:3px}
html:has(.product-viewer[open]){overflow:hidden;scrollbar-gutter:stable}@media(max-width:800px){.product-viewer{padding:8px}.viewer-shell{display:block;overflow-y:auto}.viewer-image-side{height:min(61dvh,620px)}.viewer-info{overflow:visible;padding:30px 22px 48px;border-left:0;border-top:1px solid #d6d8d1}.viewer-info h2{font-size:clamp(27px,6.5vw,40px)}.viewer-top{padding:12px 14px}.viewer-image-frame{grid-template-columns:40px minmax(0,1fr) 40px;gap:4px;padding:0 8px}.viewer-arrow{width:38px;height:38px}.viewer-thumbnails{min-height:77px;padding:7px 10px 12px}.viewer-thumbnails button{width:56px;height:56px}.product-stage:has(.stage-thumbnails){padding-bottom:125px}.stage-thumbnails{bottom:50px}.stage-thumbnails button{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){.product-viewer *, .stage-open *{animation:none!important;transition:none!important}}
.product-stage:has(.stage-thumbnails){padding-bottom:60px}.stage-thumbnails{position:relative;left:auto;bottom:auto;max-width:100%;align-self:stretch;justify-content:flex-start;flex:none;margin-top:12px;transform:none}.viewer-image-frame--single{grid-template-columns:minmax(0,1fr)}@media(max-width:800px){.product-stage:has(.stage-thumbnails){padding-bottom:50px}.stage-thumbnails{bottom:auto}.viewer-image-frame--single{grid-template-columns:minmax(0,1fr)}}
.viewer-image-frame{grid-template-rows:minmax(0,1fr);overflow:hidden}.viewer-image-frame img{min-width:0;min-height:0;max-width:100%;max-height:100%}.viewer-thumbnails{flex:0 0 auto}.viewer-thumbnails button{overflow:hidden}.viewer-thumbnails img{min-width:0;min-height:0;max-width:100%;max-height:100%}