.product-detail-image{cursor:zoom-in}
.product-lightbox{position:fixed;z-index:1090;inset:0;display:grid;place-items:center;padding:1rem}
.product-lightbox[hidden]{display:none}
.product-lightbox-backdrop{position:absolute;inset:0;background:rgba(10,12,10,.86)}
.product-lightbox-dialog{position:relative;isolation:isolate;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;grid-template-rows:minmax(0,1fr) auto;align-items:center;width:min(100%,1100px);max-height:calc(100vh - 2rem);touch-action:pan-y}
.product-lightbox-dialog img{position:relative;z-index:1;grid-column:2;max-width:100%;max-height:calc(100vh - 8rem);margin:auto;object-fit:contain}
.product-lightbox-dialog p{grid-column:1/4;margin:.7rem 0 0;color:#fff;text-align:center;font-weight:700}
.product-lightbox-close,.product-lightbox-nav{border:0;color:#fff;background:rgba(255,255,255,.12);font-size:2rem}
.product-lightbox-close{position:absolute;z-index:4;display:inline-flex;align-items:center;justify-content:center;top:8px;right:8px;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:rgba(19,22,19,.86);box-shadow:0 2px 10px rgba(0,0,0,.36);line-height:1}
.product-lightbox-close svg{width:20px;height:20px;pointer-events:none}
.product-lightbox-nav{width:42px;height:58px;border-radius:.35rem}
.product-lightbox-nav.previous{grid-column:1}
.product-lightbox-nav.next{grid-column:3}

@media(max-width:767.98px){
    .product-lightbox{padding:0}
    .product-lightbox-dialog{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;width:calc(100vw - 10px);max-width:calc(100vw - 10px);box-sizing:border-box;margin-right:5px;margin-left:5px;max-height:calc(100vh - 10px)}
    .product-lightbox-nav,.product-lightbox .product-gallery,.product-lightbox [data-gallery-track]{display:none}
    .product-lightbox-dialog img{grid-column:1;width:100%;max-width:100%;height:auto;max-height:calc(100vh - 5rem);object-fit:contain}
    .product-lightbox-dialog p{grid-column:1;max-width:100%;margin:.7rem 0 0;overflow-wrap:anywhere}
    .product-lightbox-close{position:absolute;display:inline-flex;align-items:center;justify-content:center;z-index:4;top:8px;right:8px;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.55);border-radius:50%;color:#fff;background:rgba(19,22,19,.86);box-shadow:0 2px 10px rgba(0,0,0,.36);line-height:1;opacity:1;visibility:visible;pointer-events:auto;transform:none}
}

@supports(height:100dvh){
    @media(max-width:767.98px){.product-lightbox-dialog{max-height:calc(100dvh - 10px)}.product-lightbox-dialog img{max-height:calc(100dvh - 5rem)}}
}