/* White product photography, with an accessible enlarged-image dialog. */
#productViewer .yt-product-image-open{display:block;position:sticky;top:0;width:100%;min-width:0;padding:0;border:1px solid #dbe3ee;border-radius:12px;overflow:hidden;background:#fff;cursor:zoom-in;color:#35435a;font:500 12px/1.4 system-ui,sans-serif}
#productViewer .yt-product-image-open #productViewerImage{position:static;display:block;width:100%;height:auto;aspect-ratio:1;max-height:66dvh;object-fit:contain;border-radius:0;background:#fff!important}
#productViewer .yt-product-image-open>span{display:block;padding:10px 16px;border-top:1px solid #edf0f5;background:#fff;text-align:right}
#productViewer .yt-product-image-open:focus-visible{outline:2px solid #8abaff;outline-offset:4px}
#productImageZoom{width:min(1600px,96vw);max-width:96vw;max-height:94dvh;padding:0;margin:auto;overflow:hidden;border:1px solid #ffffff30;border-radius:16px;background:#fff;box-shadow:0 30px 100px #0009;color:#edf4ff;box-sizing:border-box}
#productImageZoom::backdrop{background:#050b16df}
#productImageZoom .yt-image-zoom-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 18px;background:#0c1522;font:500 14px/1.5 system-ui,sans-serif}
#productImageZoom .yt-image-zoom-top button{flex:none;width:40px;height:40px;border-radius:50%;border:1px solid #ffffff30;background:#ffffff09;color:#fff;font:26px/1 system-ui;cursor:pointer}
#productImageZoom .yt-image-zoom-top button:focus-visible{outline:2px solid #9ec7ff;outline-offset:2px}
#productImageZoom>img{display:block;width:100%;height:calc(90dvh - 66px);object-fit:contain;background:#fff}
#productImageZoom[open]{animation:yt-image-zoom-in .2s ease-out}
@keyframes yt-image-zoom-in{from{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:700px){#productViewer .yt-product-image-open{position:static}#productViewer .yt-product-image-open #productViewerImage{aspect-ratio:4/3;max-height:40dvh}#productImageZoom{width:96vw;border-radius:12px}#productImageZoom .yt-image-zoom-top{font-size:12px;padding:10px 12px}#productImageZoom>img{height:calc(88dvh - 60px)}}
@media(prefers-reduced-motion:reduce){#productImageZoom[open]{animation:none}}