/* ========================================================================= DAUCHIM · DC-NAV-FIX — мобилна навигация (24.08.2026) Зарежда се ПОСЛЕДЕН — побеждава dauchim.css и dauchim-lovable.css Причини за счупването: 1) .dc-header има backdrop-filter → той става containing block за fixed децата си. #dc-drawer беше вътре в хедъра → top:64px/bottom:0 се изчисляваха спрямо 64px кутия → чекмедже с височина 0. Фикс: dauchim.js го изнася в . 2) Различни прагове: бургер на 1339px, чекмедже скрито над 1280px → мъртва зона 1281–1339px без никаква навигация. Фикс: един праг — 1340px. 3) .dc-sticky (z-index 60) покриваше дъното на чекмеджето (z-index 59). ========================================================================= */ :root { --dc-header-h: 64px; } .dc-drawer { position: fixed !important; top: var(--dc-header-h, 64px) !important; left: 0 !important; right: 0 !important; bottom: 0 !important; width: auto !important; height: auto !important; max-height: none !important; z-index: 1000 !important; background: #fff !important; flex-direction: column !important; padding: .5rem clamp(1rem, 5vw, 2rem) calc(2rem + env(safe-area-inset-bottom)) !important; overflow-y: auto !important; -webkit-overflow-scrolling: touch !important; overscroll-behavior: contain !important; opacity: 0; transform: translateY(-8px); transition: opacity .22s ease, transform .22s ease; } .dc-drawer.is-mounted { display: flex !important; } .dc-drawer.is-open { opacity: 1 !important; transform: none !important; } /* --- Един праг за целия хедър: 1340px --- */ @media (max-width: 1339px) { .dc-header__mob, .e-con.dc-header__mob { display: flex !important; } .dc-burger, .e-con.dc-burger { display: grid !important; } .dc-nav, .dc-header__tel, .dc-header__cta, .e-con.dc-header__cta { display: none !important; } } @media (min-width: 1340px) { .dc-drawer, .dc-drawer.is-mounted, .dc-drawer.is-open { display: none !important; } .dc-header__mob, .e-con.dc-header__mob { display: none !important; } .dc-burger, .e-con.dc-burger { display: none !important; } } /* --- Заключване на скрола (без скачане на iOS) --- */ body.dc-locked { position: fixed !important; left: 0 !important; right: 0 !important; width: 100% !important; overflow: hidden !important; } body.dc-locked .dc-sticky { display: none !important; } /* --- Тапаеми зони — мин. 48px --- */ .dc-drawer__nav { display: block !important; width: 100% !important; } .dc-drawer__nav > a, .dc-drawer__nav .dc-nav__item > a { display: flex !important; align-items: center !important; min-height: 3rem !important; padding: .7rem .25rem !important; font-size: 1.0625rem !important; font-weight: 600 !important; color: #1E2C33 !important; border-bottom: 1px solid #EEF2F6 !important; } .dc-drawer__nav > a.is-current, .dc-drawer__nav .dc-nav__item > a.is-current { color: #0A6AA6 !important; } .dc-drawer__nav .dc-sub__toggle { width: 3rem !important; height: 3rem !important; top: .1rem !important; right: 0 !important; } .dc-drawer__nav .dc-sub a { display: flex !important; align-items: center !important; min-height: 2.6rem !important; } /* --- Дъно на чекмеджето --- */ .dc-drawer__foot { margin-top: auto !important; padding-top: 1.25rem !important; display: grid !important; gap: .6rem !important; } .dc-drawer__foot .dc-btn { width: 100% !important; height: 3.25rem !important; } .dc-drawer__note { margin: .5rem 0 0 !important; text-align: center !important; font-size: .8125rem !important; color: #5F7180 !important; } /* --- Бургер --- */ .dc-burger { place-items: center !important; cursor: pointer !important; } .dc-burger__bars { display: grid !important; gap: 4px !important; } .dc-burger__bars i { display: block !important; width: 20px !important; height: 2px !important; background: currentColor !important; border-radius: 2px !important; transition: transform .2s ease, opacity .2s ease !important; } .dc-burger.is-open .dc-burger__bars i:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; } .dc-burger.is-open .dc-burger__bars i:nth-child(2) { opacity: 0 !important; } .dc-burger.is-open .dc-burger__bars i:nth-child(3) { transform: translateY(-6px) rotate(-45deg) !important; } @media (prefers-reduced-motion: reduce) { .dc-drawer { transition: none !important; } }