/* Εικόνες σε πλήρη οθόνη με ζουμ — βλ. js/image-zoom.js. */
.manual-body img, .manual img, img[data-zoomable] { cursor: zoom-in; }
.izoom-lock, .izoom-lock body { overflow: hidden; }
.izoom {
    position: fixed; inset: 0; z-index: 2147483000; display: none;
    background: #0b1022; touch-action: none; user-select: none;
}
.izoom.open { display: block; animation: izoom-in .18s ease; }
@keyframes izoom-in { from { opacity: 0; } to { opacity: 1; } }
.izoom-stage { position: absolute; inset: 56px 16px 64px; display: flex; align-items: center; justify-content: center; overflow: hidden; }
.izoom-img {
    max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5); transform-origin: center center; will-change: transform;
    transition: transform .08s linear; background: #fff;
}
.izoom-close {
    position: absolute; top: 12px; right: 14px; width: 44px; height: 44px; border-radius: 50%;
    border: 0; background: rgba(255, 255, 255, .14); color: #fff; font-size: 1.35rem; line-height: 1; cursor: pointer;
}
.izoom-close:hover, .izoom-close:focus-visible { background: #e8792b; outline: none; }
.izoom-bar {
    position: absolute; top: 12px; left: 50%; transform: translateX(-50%); display: flex; gap: 4px;
    background: rgba(255, 255, 255, .12); border-radius: 999px; padding: 4px;
}
.izoom-bar button {
    min-width: 44px; height: 36px; border: 0; border-radius: 999px; background: transparent; color: #fff;
    font-size: 1.15rem; font-weight: 700; cursor: pointer; padding: 0 .8rem;
}
.izoom-bar .izoom-pct { font-size: .85rem; min-width: 64px; }
.izoom-bar button:hover, .izoom-bar button:focus-visible { background: rgba(255, 255, 255, .2); outline: none; }
.izoom-caption {
    position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); max-width: min(90vw, 900px);
    color: #e6ebf5; font-size: .95rem; text-align: center;
}
.izoom-hint { position: absolute; left: 50%; bottom: 8px; transform: translateX(-50%); color: #8f9bb8; font-size: .75rem; white-space: nowrap; }
@media (max-width: 640px) { .izoom-hint { display: none; } .izoom-stage { inset: 60px 6px 56px; } }