.product__zoom{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.product-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:clamp(1rem,4vw,3rem)}.product-lightbox[hidden]{display:none}.product-lightbox__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}.product-lightbox__dialog{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:min(72rem,100%);max-width:100%}.product-lightbox__figure{display:flex;overflow:hidden;align-items:center;justify-content:center;min-width:0;max-height:74vh;padding:clamp(.75rem,3vw,2rem);margin:0;border-radius:1rem;background:#fff;flex:1 1 auto}.product-lightbox__image{width:auto;max-width:100%;max-height:calc(74vh - 1.5rem);cursor:zoom-in;object-fit:contain;transition:transform .3s ease}.product-lightbox__image.is-zoomed{cursor:zoom-out;transform:scale(2)}.product-lightbox__close{position:absolute;top:-2.75rem;right:0;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;background:none;color:#fff;cursor:pointer}.product-lightbox__arrow{position:absolute;z-index:2;top:50%;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.45);color:#fff;cursor:pointer;flex:0 0 auto;transform:translateY(-50%);transition:background var(--transition)}.product-lightbox__arrow svg{width:40%;height:auto}.product-lightbox__prev{left:.5rem}.product-lightbox__prev svg{transform:rotate(90deg)}.product-lightbox__next{right:.5rem}.product-lightbox__next svg{transform:rotate(-90deg)}.product-lightbox__counter{position:absolute;bottom:-2.25rem;left:50%;margin:0;color:#fff;font-size:.875rem;transform:translateX(-50%)}.product-lightbox--single .product-lightbox__arrow,.product-lightbox--single .product-lightbox__counter{display:none}.product-lightbox-open{overflow:hidden}@media (min-width: 768px){.product-lightbox__dialog{gap:clamp(.5rem,2vw,2rem)}.product-lightbox__figure{max-height:80vh}.product-lightbox__image{max-height:calc(80vh - 4rem)}.product-lightbox__arrow{position:static;width:clamp(2.5rem,4vw,3rem);height:clamp(2.5rem,4vw,3rem);background:hsla(0,0%,100%,.12);transform:none}}@media (hover: hover)and (pointer: fine){.product-lightbox__arrow:hover{background:hsla(0,0%,100%,.28)}}@media (prefers-reduced-motion: reduce){.product-lightbox__image{transition:none}}