/* MiniBot image zoom V6 — independent of cached site.js and site.css. */
img[data-minibot-zoomable="true"] { cursor: zoom-in; }
img[data-minibot-zoomable="true"]:focus-visible { outline: 3px solid #efc977; outline-offset: 3px; border-radius: 8px; }
.minibot-zoom-backdrop[hidden] { display: none !important; }
.minibot-zoom-backdrop { position: fixed; inset: 0; z-index: 2147483000; padding: 10px; box-sizing: border-box; display: grid; place-items: center; background: rgba(1,4,9,.91); backdrop-filter: blur(7px); -webkit-backdrop-filter:blur(7px); }
.minibot-zoom-frame { position: relative; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; width: fit-content; max-width: min(97vw, 1750px); max-height: 96dvh; border: 1px solid #354254; border-radius: 16px; padding: 16px 18px 12px; background: #101722; color: #e8eef5; box-shadow: 0 28px 90px rgba(0,0,0,.65); }
.minibot-zoom-image { display: block; width: auto; height: auto; max-width: min(92vw, 1680px); max-height: calc(96dvh - 106px); object-fit: contain; border-radius: 9px; }
.minibot-zoom-caption { font-size: 13px; color: #bfc9d7; text-align: center; line-height: 1.45; margin: 10px 26px 0; max-width: 90vw; }
.minibot-zoom-caption:empty { display: none; }
.minibot-zoom-close { position: absolute; right: 10px; top: 10px; z-index: 1; cursor: pointer; background: #172439; color: #fff; border: 1px solid #536176; border-radius: 10px; font: 600 24px/1 sans-serif; width: 40px; height: 40px; box-shadow: 0 2px 10px #0009; }
.minibot-zoom-close:hover, .minibot-zoom-close:focus-visible { background: #31415a; outline: 2px solid #efc977; outline-offset: 2px; }
@media(max-width: 650px) { .minibot-zoom-backdrop { padding: 3px; } .minibot-zoom-frame { padding: 11px 7px 9px; border-radius: 11px; max-height: 98dvh; } .minibot-zoom-image { max-width: 94vw; max-height: calc(98dvh - 100px); } .minibot-zoom-caption { font-size: 11px; } }
