/* Východiskový stav je SKRYTÝ. `body .…` zvyšuje špecifickosť nad pôvodné pravidlá
           v <head> stránky, takže nezáleží na poradí blokov. */
        body .filtrovanie-tlacidlo,
        body .lavy-panel {
            opacity: 0; visibility: hidden; pointer-events: none;
            transition: transform 0.22s ease, opacity 0.22s ease, visibility 0.22s;
        }
        body .filtrovanie-tlacidlo { transform: translateY(-50%) translateX(-130px); }
        body .lavy-panel { transform: translateX(-130px); }
        body.cerdap-rail-otvoreny .filtrovanie-tlacidlo,
        body.cerdap-rail-otvoreny .lavy-panel { opacity: 1; visibility: visible; pointer-events: auto; }
        body.cerdap-rail-otvoreny .filtrovanie-tlacidlo { transform: translateY(-50%); }
        body.cerdap-rail-otvoreny .lavy-panel { transform: none; }

        .cerdap-rail-uchyt {
            position: fixed; left: 0; top: 50%; transform: translateY(-50%); z-index: 1041;
            width: 24px; height: 86px; padding: 0;
            background: var(--cerdap-plocha, #fff); color: var(--cerdap-modra, #0B2E63);
            border: 1px solid var(--cerdap-linka, #D5DEE9); border-left: none;
            border-radius: 0 9px 9px 0; box-shadow: 0 2px 8px rgba(0,0,0,0.12);
            display: flex; align-items: center; justify-content: center;
            font-size: 0.95rem; transition: 0.18s;
        }
        .cerdap-rail-uchyt:hover { background: var(--cerdap-modra, #0B2E63); color: #fff; }
        /* Po vysunutí sa úchyt presunie za panel, aby ho neprekrýval. */
        body.cerdap-rail-otvoreny .cerdap-rail-uchyt { left: 84px; }
        @media (max-width: 767px) {
            body.cerdap-rail-otvoreny .cerdap-rail-uchyt { left: 66px; }
        }
        @media print { .cerdap-rail-uchyt, .filtrovanie-tlacidlo, .lavy-panel { display: none !important; } }