@layer sections{.gallery{display:grid;gap:12px}.gallery-main{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:12px;background:var(--jute);scrollbar-width:none}.gallery-main::-webkit-scrollbar{display:none}.gallery-slide{flex:0 0 100%;aspect-ratio:1/1;scroll-snap-align:start;position:relative}.gallery-thumbs{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:2px}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumb{flex:0 0 auto;width:64px;aspect-ratio:1;border-radius:6px;overflow:hidden;border:1.5px solid var(--jute);scroll-snap-align:start;opacity:.72;transition:opacity var(--dur-fast),border-color var(--dur-fast);padding:0;background:var(--jute)}.gallery-thumb.is-active{opacity:1;border-color:var(--indigo)}@media(hover:hover)and (pointer:fine){.gallery-thumb:hover{opacity:.9}}.gallery-dots{display:flex;gap:0;justify-content:center;margin-top:0}.gallery-dot{width:var(--tap);height:var(--tap);padding:0;border:0;background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.gallery-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--jute);transition:background var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}.gallery-dot.is-active:before{background:var(--indigo);transform:scale(1.25)}.gallery-dot:focus-visible{outline:none}.gallery-dot:focus-visible:before{outline:2px solid var(--indigo);outline-offset:3px}@media(max-width:899px){.gallery{width:calc(100% + var(--s-5) * 2);margin-inline:calc(var(--s-5) * -1);position:relative}.gallery-main{border-radius:0}.gallery-dots{position:absolute;left:0;right:0;bottom:var(--s-2);margin:0}.gallery-dot:before{background:#f1f0ecb8;box-shadow:0 0 0 1px #14161a4d,0 1px 3px #14161a73}.gallery-dot.is-active:before{background:var(--chalk)}.gallery-dot:focus-visible:before{outline-color:var(--chalk)}.pdp-open{padding-top:0}}@media(max-width:899px){.gallery-dots{display:flex}.gallery-thumbs{display:none}}@media(min-width:900px){.gallery-dots{display:none}.gallery-thumbs{display:flex}}@media(min-width:900px){.pdp-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:64px;align-items:start}.buybox{position:sticky;top:calc(var(--header-h) + 24px)}}.pdp-jump{border-block:1px solid var(--edge);padding-block:var(--s-2)}.pdp-jump[hidden]{display:none}.pdp-jump-list{display:flex;gap:var(--s-1);list-style:none;margin:0;padding:0 var(--s-5);overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.pdp-jump-list::-webkit-scrollbar{display:none}.pdp-jump-link{display:flex;align-items:center;white-space:nowrap;scroll-snap-align:start;min-height:var(--tap);padding-inline:var(--s-3);font-size:13px;color:var(--ink-2);text-decoration:none;border-bottom:2px solid transparent;transition:color var(--dur-fast) var(--ease),border-color var(--dur-fast) var(--ease)}.pdp-jump-link:hover{color:var(--ink)}.pdp-jump-link.is-current{color:var(--ink);border-bottom-color:var(--indigo)}[data-jump]{scroll-margin-top:calc(var(--header-h) + var(--s-4))}@media(min-width:900px){.pdp-jump-list{justify-content:center;padding-inline:var(--s-6)}.pdp-jump-link{font-size:14px;padding-inline:var(--s-4)}}.gallery-zoom{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;padding:0;border:0;background:none;cursor:zoom-in}.gallery-zoom-hint{position:absolute;right:var(--s-3);bottom:var(--s-3);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f1f0eceb;color:var(--ink);box-shadow:var(--sh-1);transition:opacity var(--dur-fast) var(--ease),transform var(--dur-fast) var(--ease)}@media(hover:hover){.gallery-zoom-hint{opacity:0;transform:scale(.9)}.gallery-zoom:hover .gallery-zoom-hint,.gallery-zoom:focus-visible .gallery-zoom-hint{opacity:1;transform:none}}.zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#14161af7;display:flex;flex-direction:column}.zoom[hidden]{display:none}.zoom :focus-visible{outline:2px solid var(--chalk);outline-offset:2px}.zoom-bar{flex:0 0 auto;display:flex;align-items:center;gap:var(--s-1);padding:var(--s-2) var(--s-3);padding-top:calc(var(--s-2) + env(safe-area-inset-top));color:var(--chalk)}.zoom-count{margin-right:auto;padding-left:var(--s-3);font-size:13px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.zoom-btn{flex:0 0 auto;width:var(--tap);height:var(--tap);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--chalk);transition:background var(--dur-fast) var(--ease)}.zoom-btn:hover{background:#f1f0ec24}.zoom-btn span{display:flex}.zoom-btn .zoom-icon-out,[data-zoom-toggle][aria-pressed=true] .zoom-icon-in{display:none}[data-zoom-toggle][aria-pressed=true] .zoom-icon-out{display:flex}.zoom-stage{flex:1 1 auto;min-height:0;display:flex;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-x pan-y pinch-zoom;padding:var(--s-3);padding-bottom:calc(var(--s-3) + env(safe-area-inset-bottom));cursor:zoom-in}.zoom-stage::-webkit-scrollbar{display:none}.zoom-img{flex:none;margin:auto;max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:opacity var(--dur-fast) var(--ease)}.zoom.is-zoomed .zoom-stage{cursor:zoom-out}.zoom.is-zoomed .zoom-img{max-width:none;max-height:none}.zoom.is-panning .zoom-stage{cursor:grabbing}.zoom.is-loading .zoom-img{opacity:0}.zoom.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border-radius:50%;border:2px solid rgba(241,240,236,.25);border-top-color:var(--chalk);animation:zoomSpin .7s linear infinite}@keyframes zoomSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.zoom.is-loading:after{animation:none}}.zoom-nav{position:absolute;top:50%;transform:translateY(-50%);width:var(--tap);height:var(--tap);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--chalk);background:#14161a8c;border:1px solid rgba(241,240,236,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background var(--dur-fast) var(--ease)}.zoom-nav:hover{background:#14161acc}.zoom-prev{left:var(--s-3)}.zoom-next{right:var(--s-3)}.zoom-prev svg{transform:rotate(180deg)}.zoom.is-zoomed .zoom-nav{display:none}@media(min-width:900px){.zoom-prev{left:var(--s-5)}.zoom-next{right:var(--s-5)}}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/section-gallery.css.map */