/* ============================================================================ nb-fixes.css — НАШИ точечные правки БОЕВОЙ темы `main`. Подключается последней строкой в списке addCss шапки темы. ⚠ Это чужая тема. Сюда попадает только то, что нельзя починить у себя, и каждая правка идёт с замером и причиной. Файл наш — его и правим, а файлы подрядчика (client_styles.css, dist/app.css, template_styles.css) не трогаем. ⚠ Долг: строка подключения живёт в header.php темы. Выкатка подрядчика может затереть её молча. Копия шапки до правки — backup/prod-2026-09-17/main-theme/. ========================================================================== */ /* --- Шторка корзины: затемнение закрывало только шапку --------------------- Симптом (Val 17.09, снимок с телефона): корзина открыта, а страница за ней не затемнена — тёмная полоса видна только вверху экрана. Причина, снятая замером на живом бою: * `.small-basket-background` — это `position: fixed; inset: 0`, то есть рассчитан на весь экран; * но лежит он ВНУТРИ `

`, а шапка при прокрутке получает ИНЛАЙНОВЫЙ `style="transform: translateY(-22px)"`; * элемент с transform становится containing block для `position: fixed` потомков. Поэтому `inset: 0` начинает означать не экран, а КОРОБКУ ШАПКИ. Замер, два состояния на одной странице: | прокрутка | transform шапки | высота затемнения | |---|---|---| | 0 | none | 844 (весь экран) | | 900 | translateY(-22px) | **72** (только шапка) | Сама шторка не страдает: её Vue выносит в (родитель — BODY.opened-basket), и она остаётся на весь экран. Отсюда и вид «шторка есть, затемнения нет». ⚠ Почему не убираем transform у шапки: он стоит ИНЛАЙНОВЫМ стилем от скрипта, перебить его из CSS можно только `!important` — правило системы это запрещает, и оно право: мы бы сломали компактную шапку ради затемнения. Что делаем вместо: перестаём зависеть от того, какой сейчас containing block. Слой растягивается настолько, что накрывает экран при любом смещении шапки. 300vh против сдвига в 22px — запас, который не придётся пересчитывать. Проверено на бою в обоих состояниях: слой накрывает экран целиком, попадание курсором в середину и в низ экрана приходится на него, нажатие по нему по-прежнему закрывает шторку. */ .small-basket-background{ top: -100vh; height: 300vh; bottom: auto; }