dialog.cb-product__zoom{position:fixed;inset:0;margin:0;width:100%;height:100vh;height:100dvh;max-width:none;max-height:none;padding:0;border:0;overflow:hidden;background:var(--cream);color:var(--ink)}
dialog.cb-product__zoom::backdrop{background:var(--cream)}
.cb-product__zoom .cb-product__zoom-close{position:absolute;z-index:2;right:max(12px,env(safe-area-inset-right));top:max(12px,env(safe-area-inset-top));display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:var(--cream);box-shadow:none}
.cb-product__zoom-close .icon{width:26px;height:26px}
.cb-product__zoom .cb-product__zoom-stage{position:absolute;inset:max(60px,calc(env(safe-area-inset-top) + 52px)) 0 max(12px,env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;touch-action:pan-x pan-y pinch-zoom}
.cb-product__zoom[data-zoom-ready] .cb-product__zoom-stage{bottom:max(68px,calc(env(safe-area-inset-bottom) + 60px))}
.cb-product__zoom .cb-product__zoom-canvas{display:grid;place-items:center;width:100%;height:100%;min-width:100%;min-height:100%}
.cb-product__zoom .cb-product__zoom-canvas img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.cb-product__zoom[data-zoom-ready] .cb-product__zoom-canvas{width:var(--zoom-width,100%);height:var(--zoom-height,100%)}
.cb-product__zoom[data-zoom-ready] .cb-product__zoom-canvas img{width:var(--zoom-width,100%);height:var(--zoom-height,100%);max-width:none;object-fit:contain}
.cb-product__zoom[data-zoomed] .cb-product__zoom-stage{cursor:grab}
.cb-product__zoom[data-dragging] .cb-product__zoom-stage{cursor:grabbing}
.cb-product__zoom .cb-product__zoom-controls{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));display:flex;justify-content:center;align-items:center;gap:8px;background:var(--cream);font-size:12px;line-height:1.2}
.cb-product__zoom-controls button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;box-shadow:none}
.cb-product__zoom-controls [data-zoom-step]{font-size:22px}
.cb-product__zoom-controls [data-zoom-toggle]{margin-left:12px}
.cb-product__zoom-controls [data-zoom-symbol]{font-size:22px;min-width:18px}
.cb-product__zoom-controls [data-zoom-count]{min-width:40px;text-align:center;font-variant-numeric:tabular-nums}
.cb-product__zoom-controls button:disabled{opacity:.5}
.cb-product__zoom :is(button,[data-zoom-stage]):focus-visible{outline:2px solid var(--focus);outline-offset:-3px;box-shadow:none}
@media(forced-colors:active){dialog.cb-product__zoom,.cb-product__zoom::backdrop,.cb-product__zoom .cb-product__zoom-close,.cb-product__zoom .cb-product__zoom-controls{background:Canvas;color:CanvasText}}