.product-main-button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.product-main-button #product-main{display:block}
.product-lightbox{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#fff;overflow:hidden}
.product-lightbox[open]{display:grid;grid-template-columns:minmax(54px,1fr) minmax(0,1200px) minmax(54px,1fr);grid-template-rows:1fr auto;align-items:center;justify-items:center}
.product-lightbox::backdrop{background:rgba(0,0,0,.92)}
.product-lightbox figure{grid-column:2;grid-row:1;margin:0;width:100%;height:100%;display:grid;place-items:center;padding:28px 0 10px}
.product-lightbox img{width:auto;max-width:100%;height:auto;max-height:calc(100vh - 88px);object-fit:contain}
.product-lightbox button{position:relative;z-index:1;border:1px solid #fff8;background:#111c;color:#fff;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;padding:0;font:38px/1 system-ui,sans-serif}
.product-lightbox button:hover{background:#e8396d}.product-lightbox button[hidden]{display:none}
.product-lightbox .product-lightbox-close{position:fixed;top:18px;right:18px;font-size:32px}
.product-lightbox-previous{grid-column:1;grid-row:1}
.product-lightbox-next{grid-column:3;grid-row:1}
.product-lightbox-status{grid-column:1/-1;grid-row:2;padding:0 0 18px;font:16px/1.3 system-ui,sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:600px){.product-lightbox[open]{grid-template-columns:58px 1fr 58px;grid-template-rows:1fr auto}.product-lightbox figure{grid-column:1/-1;padding:60px 12px 75px}.product-lightbox img{max-height:calc(100vh - 145px)}.product-lightbox-previous,.product-lightbox-next{grid-row:2;margin-bottom:12px}.product-lightbox-previous{grid-column:1}.product-lightbox-next{grid-column:3}.product-lightbox-status{grid-column:2;grid-row:2;padding:0 0 28px}.product-lightbox .product-lightbox-close{top:12px;right:12px}}