.obp-panel-image.obp-image-trigger{cursor:zoom-in}
.obp-panel-image.obp-image-trigger:active{cursor:zoom-in}
.obp-image-trigger .obp-image-expand{position:absolute;inset:10px 10px auto auto;display:grid;place-items:center;width:32px;height:32px;padding:6px;border-radius:50%;background:#173d31e6;color:#fff;pointer-events:none}
.obp-image-expand svg{display:block;width:100%;height:100%}
.obp-stock-preview{position:relative;display:block;width:78px;height:96px;padding:0;border:0;border-radius:5px;overflow:hidden;background:#f7f6f2;cursor:zoom-in}
.obp-stock-preview .obp-image-expand{width:24px;height:24px;padding:4px;inset:4px 4px auto auto}
.obp-image-viewer-open{overflow:hidden}
.obp-shell .obp-image-viewer{box-sizing:border-box;width:min(1040px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:18px;border:1px solid #dfe6df;border-radius:16px;background:#f7f8f3;color:var(--ink);box-shadow:0 24px 90px #0005;overflow:auto;overscroll-behavior:contain}
.obp-image-viewer[open]{display:flex;flex-direction:column;gap:12px}
.obp-image-viewer::backdrop{background:#10251fdb;backdrop-filter:blur(4px)}
.obp-image-viewer header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}
.obp-shell .obp-image-viewer h2{margin:0;font-size:20px;line-height:1.4;letter-spacing:0;overflow-wrap:anywhere}
.obp-image-viewer .obp-image-close{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #cbd8cb;border-radius:50%;background:#fff;color:#173d31;font:28px/1 system-ui;cursor:pointer}
.obp-image-viewer .obp-image-close:hover{background:#e9eee3}
.obp-image-viewer .obp-image-full{display:block;flex:0 1 auto;min-height:0;width:100%;height:70vh;height:70dvh;max-height:calc(100vh - 165px);max-height:calc(100dvh - 165px);object-fit:contain;border-radius:8px}
.obp-shell .obp-image-viewer .obp-image-caption{margin:0;text-align:center;font-size:12px;color:#52665a}
@media(max-width:600px){.obp-shell .obp-image-viewer{width:calc(100vw - 16px);max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:12px;border-radius:12px}.obp-shell .obp-image-viewer h2{font-size:17px}.obp-image-trigger .obp-image-expand{width:28px;height:28px;inset:8px 8px auto auto}.obp-stock-preview .obp-image-expand{width:24px;height:24px;inset:4px 4px auto auto}}
@media(prefers-reduced-motion:reduce){.obp-image-trigger img{transition:none}}