/* Base */ *, *::after, *::before { box-sizing: border-box; } body { background-color: var(--color-white); margin: 0; color: var(--color-secondary-black); background-color: #F1EBE2;; font-family: 'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; line-height: 1.5; font-size: var(--line-height-body-m); font-weight:var(--font-weight-regular); @media screen and (max-width: 768px) { font-size: 16px; font-weight: 300; } } /* New-UI (non-admin) branch bg — base.ftlh applies class="new-ui" to only inside the newUI branch, so admin/MainManager/Transit pages keep the legacy beige (#F1EBE2). */ body.new-ui { background-color: var(--bg-page); /* Sticky footer — доданий 2026-08-25. Причина конкретна: футер завжди сидів просто ЗА контентом, без жодного механізму притискання. Поки на всіх сторінках рендерився рекламний банер, він добирав висоту й проблеми не було видно. Після того як банер лишили тільки на /b/search, короткі сторінки (кошик із кількома позиціями, порожні стани, /b/password) стали показувати футер посеред екрана з порожнечею під ним. Це не регресія верстки — це відсутній механізм, який досі маскувався. */ display: flex; flex-direction: column; min-height: 100vh; } /* Контент займає весь вільний простір, футер притискається донизу. margin-top:auto на футері, а не flex:1 на контенті — так було обрано тому, що корінь контенту в різних шаблонах різний, а футер завжди один. З 2026-08-26 єдиний корінь усе-таки є — .page-main у base.ftlh — але правило лишається на футері: воно робить рівно те саме й не залежить від того, чи має обгортка власну висоту. */ body.new-ui > footer { margin-top: auto; } /* Прямі нащадки body — flex-items. Сторінкові корені майже всі мають `max-width: X; margin: 0 auto`, а auto-марджини на поперечній осі скасовують stretch (Flexbox §9.4 крок 11) — коробка падає до fit-content. Тому контент загорнутий у .page-main (base.ftlh): у неї auto-марджинів немає, вона розтягується, а корені всередині лишаються звичайними блоками. Явних властивостей не потребує — stretch за замовчуванням. */ h1, h2, h3, h4, h5, h6, p { margin-top: 0; } ul { list-style-type: none; } li{ list-style-type: none; display: list-item; unicode-bidi: isolate; } a { display: inline-block; } img{ display: block; max-width: 100%; height: auto; object-fit: cover; } address { font-style: normal; }