body { background-color: #1c1c1c; margin: 0; font-family: 'Segoe UI', sans-serif; }
        .galeria-header { position: sticky; top: 0; z-index: 10; background: #111; color: #fff;
            padding: 14px 20px; display: flex; align-items: center; justify-content: space-between;
            box-shadow: 0 2px 8px rgba(0,0,0,0.4); }
        .galeria-header span { font-weight: 600; }
        .galeria-header a { color: #fff; text-decoration: none; font-weight: 600; }
        .galeria-header a:hover { color: #9ecbff; }
        .galeria-obsah { max-width: 900px; margin: 20px auto; padding: 0 16px 40px; display: flex;
            flex-direction: column; gap: 16px; }
        .galeria-foto img { width: 100%; height: auto; display: block; border-radius: 6px;
            cursor: zoom-in; }

        /* ── PRIBLIŽOVANIE FOTOGRAFIÍ ────────────────────────────────────────────────
           Fotografie dražieb sú jediný spôsob, ako si návštevník obhliadne stav predmetu
           na diaľku — a v mriežke sú zmenšené na šírku stĺpca (do exportu sa navyše
           zmenšujú na 1600 px, viď priprav_web_export._zmensi_fotku). Bez priblíženia sa
           z nich nedá prečítať to podstatné: prasklina v omietke, stav okien, číslo domu.
           Prekrytie je súčasťou TEJTO stránky, nie knižnica z CDN — galéria je zámerne
           samostatný, ľahký súbor a ďalšia externá závislosť by ho len spomalila. */
        .lb { position: fixed; inset: 0; z-index: 100; background: rgba(0,0,0,0.94);
            display: none; align-items: center; justify-content: center; overflow: hidden;
            touch-action: none; }
        .lb.je-otvorene { display: flex; }
        .lb img { max-width: 100%; max-height: 100%; user-select: none; -webkit-user-drag: none;
            transform-origin: center center; will-change: transform; }
        .lb.priblizene img { cursor: grab; }
        .lb.tahame img { cursor: grabbing; }
        .lb-ovladanie { position: fixed; top: 0; left: 0; right: 0; display: flex;
            align-items: center; gap: 10px; padding: 12px 16px; color: #fff;
            background: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0)); z-index: 2; }
        .lb-ovladanie button { background: rgba(255,255,255,0.14); color: #fff; border: 0;
            border-radius: 6px; width: 40px; height: 40px; font-size: 1.1rem; cursor: pointer;
            line-height: 1; }
        .lb-ovladanie button:hover { background: rgba(255,255,255,0.28); }
        .lb-pocitadlo { margin-left: auto; font-weight: 600; font-size: 0.95rem; }
        .lb-sipka { position: fixed; top: 50%; transform: translateY(-50%); z-index: 2;
            background: rgba(255,255,255,0.14); color: #fff; border: 0; border-radius: 50%;
            width: 48px; height: 48px; font-size: 1.5rem; cursor: pointer; line-height: 1; }
        .lb-sipka:hover { background: rgba(255,255,255,0.3); }
        .lb-sipka.vlavo { left: 14px; }
        .lb-sipka.vpravo { right: 14px; }
        .lb-napoveda { position: fixed; bottom: 14px; left: 50%; transform: translateX(-50%);
            color: rgba(255,255,255,0.72); font-size: 0.85rem; z-index: 2; text-align: center;
            padding: 0 12px; }
        @media (max-width: 575px) {
            .lb-sipka { width: 40px; height: 40px; font-size: 1.2rem; }
            .lb-napoveda { display: none; }
        }