.product-gallery>button{cursor:zoom-in}
.product-lightbox{position:fixed;z-index:200;inset:0;background:#050505;color:#fff;display:grid;grid-template-rows:auto 1fr auto;animation:lightbox-in .22s ease}
.product-lightbox header,.product-lightbox footer{height:74px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-color:#292929;border-style:solid;border-width:0 0 1px}
.product-lightbox header>div,.product-lightbox footer>div:first-child{display:flex;flex-direction:column;gap:4px}.product-lightbox header span,.product-lightbox footer span{font:600 8px var(--body);letter-spacing:1.5px;color:#777}.product-lightbox header b{font:800 15px var(--display);letter-spacing:.5px}.product-lightbox header button{width:42px;height:42px;border:1px solid #444;display:grid;place-items:center}.product-lightbox header svg{width:20px}
.lightbox-stage{position:relative;min-height:0;display:grid;grid-template-columns:70px 1fr 70px;align-items:center;padding:18px}.lightbox-image-wrap{height:100%;min-height:0;display:grid;place-items:center;overflow:auto;position:relative}.lightbox-image-wrap img{display:block;max-width:100%;max-height:calc(100svh - 190px);object-fit:contain;cursor:zoom-in;transition:transform .25s ease}.lightbox-image-wrap>span{position:absolute;bottom:7px;background:rgba(0,0,0,.72);padding:7px 10px;font:600 7px var(--body);letter-spacing:1px;color:#aaa}.lightbox-image-wrap.zoomed{display:block}.lightbox-image-wrap.zoomed img{max-width:none;max-height:none;width:150%;cursor:zoom-out}.lightbox-image-wrap.zoomed>span{display:none}
.lightbox-arrow{width:48px;height:48px;border:1px solid #444;display:grid;place-items:center;justify-self:center}.lightbox-arrow svg{width:20px}.lightbox-arrow.prev svg{transform:rotate(180deg)}
.product-lightbox footer{border-width:1px 0 0}.product-lightbox footer b{font:800 13px var(--display);color:var(--red)}.lightbox-dots{display:flex;gap:8px}.lightbox-dots button{width:28px;height:3px;background:#444}.lightbox-dots button.active{background:var(--red)}
@keyframes lightbox-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}
@media(max-width:600px){.product-lightbox header,.product-lightbox footer{height:64px;padding:0 16px}.product-lightbox header b{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lightbox-stage{display:block;padding:10px}.lightbox-image-wrap{height:calc(100svh - 148px)}.lightbox-image-wrap img{max-height:calc(100svh - 148px);width:100%}.lightbox-arrow{position:absolute;z-index:2;top:50%;width:42px;height:42px;background:rgba(0,0,0,.7)}.lightbox-arrow.prev{left:15px}.lightbox-arrow.next{right:15px}.lightbox-image-wrap.zoomed img{width:180%}}
@media(prefers-reduced-motion:reduce){.product-lightbox{animation:none}.lightbox-image-wrap img{transition:none}}