design

@scope: ограничение каскада CSS на секции лендинга

@scope: ограничение каскада CSS на секции лендинга

At-rule @scope (.pricing) ограничивает действие селекторов границей поддерева — меньше конфликтов .button между секциями маркетингового лендинга.

Не заменяет BEM-именование, но снижает вес глобальных утилит.

- [@scope — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/@scope) — root и limit.

- [@scope — Chrome Developers](https://developer.chrome.com/docs/css-ui/at-scope) — Примеры изоляции.

---

## Сборка

Проверьте порядок слоёв @layer вместе со scope — иначе utilities всё равно победят.

beforetoggle: хук жизненного цикла popover

Аналитика до открытия панели.

Мы используем обязательные cookie для работы сайта (корзина, вход, оформление заказа) и необязательные — для аналитики и маркетинга. Вы можете принять все, отклонить необязательные или настроить категории. Подробнее в политике cookies.