design

isolation: isolate — свой stacking context без z-index войны

isolation: isolate — свой stacking context без z-index войны

isolation: isolate создаёт новый контекст наложения — декоративный blur в hero не перекрывает unexpectedly dropdown в шапке из-за чужого z-index: 9999.

Дешевле по смыслу, чем поднимать z-index на каждом дочернем элементе карточки.

- [isolation — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/isolation) — isolate и auto.

- [Stacking context — MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Understanding_z-index/Stacking_context) — Когда создаётся контекст.

---

## Связка

Комбинируйте с <dialog> в top layer — isolation решает локальные конфликты внутри секции, не глобальные.

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

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

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