.product-lightbox{color:#fff;background:0 0;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:16px 24px;position:fixed;inset:0;overflow:hidden}.product-lightbox[open]{grid-template-rows:44px minmax(0,1fr) 20px;gap:12px;animation:.18s ease-out product-lightbox-enter;display:grid}.product-lightbox::backdrop{background:#171b19eb}.product-lightbox[open][data-has-caption=true]{grid-template-rows:44px minmax(0,1fr) auto}.product-lightbox-caption{font-size:var(--type-caption);margin:0 0 4px;line-height:1.5}.product-lightbox-header{justify-content:flex-end;align-items:center;gap:12px;display:flex}.product-lightbox-actions{align-items:center;gap:2px;display:flex}.product-lightbox button{color:#fff;background:0 0;border:0;border-radius:4px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:8px;transition:background .16s;display:grid}.product-lightbox button:hover{background:#ffffff14}.product-lightbox button:disabled{opacity:.3;cursor:default}.product-lightbox button:focus-visible{outline-offset:2px;outline:2px solid #fff}.product-lightbox-content{width:100%;min-width:0;max-width:1280px;min-height:0;margin-inline:auto;padding-inline:56px;position:relative}.product-lightbox-stage{touch-action:none;-webkit-user-select:none;user-select:none;cursor:zoom-in;height:100%;position:relative;overflow:hidden}.product-lightbox-stage>img{object-fit:contain;pointer-events:none}.product-lightbox-stage[data-zoomed=true]{cursor:grab}.product-lightbox-stage[data-dragging=true]{cursor:grabbing}.product-lightbox-stage[data-zoomed=true]>img{will-change:transform}.product-lightbox .product-lightbox-previous,.product-lightbox .product-lightbox-next{z-index:1;position:absolute;top:50%;transform:translateY(-50%)}.product-lightbox-previous{left:0}.product-lightbox-next{right:0}.product-lightbox-footer{text-align:center}.product-lightbox-count{color:#d8dfdb;font-size:var(--type-caption);font-variant-numeric:tabular-nums;margin:0;line-height:1.5}@keyframes product-lightbox-enter{0%{opacity:0}to{opacity:1}}@media (max-width:650px){.product-lightbox{padding:max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom))}.product-lightbox-content{padding-inline:0}.product-lightbox .product-lightbox-previous,.product-lightbox .product-lightbox-next{background:#171b19b3}}@media (max-height:500px){.product-lightbox{padding-block:8px}.product-lightbox[open]{gap:4px}}@media (prefers-reduced-motion:reduce){.product-lightbox[open]{animation:none}.product-lightbox button{transition:none}}