.product-zoom-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:none;flex-direction:column;overflow:hidden;background:#000000f2;padding-top:env(safe-area-inset-top,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);min-height:100dvh;min-height:100vh;min-height:-webkit-fill-available}.product-zoom-modal[aria-hidden=true]{display:none}.product-zoom-modal.product-zoom-modal--open{display:flex}.product-zoom-modal__backdrop{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.product-zoom-modal__zoom-area{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}.product-zoom-modal__image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-origin:center center;will-change:transform}.product-zoom-modal__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none;pointer-events:none}.product-zoom-modal__bar{flex-shrink:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);background:#00000080;padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}@media screen and (min-width:640px){.product-zoom-modal__bar{padding:1rem 1.5rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}}.product-zoom-modal__counter{justify-self:start;font-family:var(--font-body);font-size:12px;color:#ffffffe6}@media screen and (min-width:768px){.product-zoom-modal__counter{font-size:16px}}.product-zoom-modal__nav{display:flex;align-items:center;justify-content:center;gap:1rem}@media screen and (min-width:640px){.product-zoom-modal__nav{gap:1.5rem}}.product-zoom-modal__btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#fff;color:#1c1917;font-size:1.25rem;line-height:1;cursor:pointer;transition:background .2s,color .2s;-webkit-tap-highlight-color:transparent}@media screen and (min-width:640px){.product-zoom-modal__btn{width:3rem;height:3rem;font-size:1.5rem}}.product-zoom-modal__btn:hover:not(:disabled){background:#f5f5f4}.product-zoom-modal__btn:active:not(:disabled){background:#e7e5e4}.product-zoom-modal__btn:focus{outline:none}.product-zoom-modal__btn:focus-visible{box-shadow:0 0 0 2px var(--color-gold, #c9a227);outline:none}.product-zoom-modal__btn:disabled{opacity:.5;cursor:not-allowed}.product-zoom-modal__spacer{width:1px}.product-zoom-modal__zoom-controls{flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:.5rem;border-top:1px solid rgba(255,255,255,.1);background:#00000080;padding:.5rem 1rem 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}@media screen and (min-width:768px){.product-zoom-modal__zoom-controls{display:none}}@media screen and (min-width:640px){.product-zoom-modal__zoom-controls{gap:.75rem;padding:.75rem 1.25rem 1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0))}}.product-zoom-modal__zoom-btn{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;border:none;background:transparent;color:#fff;font-size:1.25rem;line-height:1;cursor:pointer;transition:background .2s;-webkit-tap-highlight-color:transparent}@media screen and (min-width:640px){.product-zoom-modal__zoom-btn{width:2.5rem;height:2.5rem;font-size:1.5rem}}.product-zoom-modal__zoom-btn:hover:not(:disabled){background:#fff3}.product-zoom-modal__zoom-btn:disabled{opacity:.4;cursor:not-allowed}.product-zoom-modal__zoom-btn:focus{outline:none}.product-zoom-modal__zoom-btn:focus-visible{box-shadow:0 0 0 2px var(--color-gold, #c9a227)}.product-zoom-modal__zoom-pct{min-width:3ch;text-align:center;font-family:var(--font-body);font-size:12px;color:#fff}@media screen and (min-width:768px){.product-zoom-modal__zoom-pct{font-size:16px}}@media screen and (max-width:359px){.product-zoom-modal__bar{padding-left:.75rem;padding-right:.75rem}.product-zoom-modal__nav{gap:.75rem}.product-zoom-modal__btn{width:2.5rem;height:2.5rem;font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-zoom-modal.css.map */