.product-lightbox{position:fixed;inset:0;max-width:none;max-height:none;width:100vw;height:100dvh;margin:0;padding:0;border:0;background-color:rgba(0,0,0,0);color:#fff}.product-lightbox::backdrop{background-color:rgba(10,10,10,.92)}.product-lightbox[open]{display:grid;grid-template-rows:auto minmax(0, 1fr) auto}.product-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:1.6rem;padding:1.2rem 1.6rem}.product-lightbox__counter{font-size:1.4rem;font-variant-numeric:tabular-nums}.product-lightbox__close{display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:none;color:inherit;cursor:pointer}.product-lightbox__close svg{width:2.4rem;height:2.4rem}.product-lightbox__stage{position:relative;min-height:0;width:100%}.product-lightbox__slide{display:flex;align-items:center;justify-content:center;padding:1.6rem}@media only screen and (min-width: 1024px){.product-lightbox__slide{padding:3.2rem}}.product-lightbox__slide img,.product-lightbox__slide video{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.product-lightbox__nav{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;transform:translateY(-50%);border:0;border-radius:50%;background-color:hsla(0,0%,100%,.12);color:#fff;cursor:pointer}.product-lightbox__nav--prev{left:.8rem}.product-lightbox__nav--next{right:.8rem}.product-lightbox__nav:hover{background-color:hsla(0,0%,100%,.24)}.product-lightbox__nav.swiper-button-disabled{opacity:.3;pointer-events:none}.product-lightbox__nav svg{width:2rem;height:2rem}.product-lightbox__thumbs{display:flex;gap:.8rem;padding:1.2rem 1.6rem;justify-content:center;justify-content:safe center;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.product-lightbox__thumbs::-webkit-scrollbar{display:none}.product-lightbox__thumb{flex:0 0 auto;width:6.4rem;height:6.4rem;padding:0;border:2px solid rgba(0,0,0,0);background:none;cursor:pointer}@media only screen and (min-width: 1024px){.product-lightbox__thumb{width:8rem;height:8rem}}.product-lightbox__thumb img{display:block;width:100%;height:100%;object-fit:contain;opacity:.5;transition:opacity .2s ease}.product-lightbox__thumb.is-active{border-color:#fff}.product-lightbox__thumb.is-active img,.product-lightbox__thumb:hover img,.product-lightbox__thumb:focus-visible img{opacity:1}