**Полезная информация**

Если нужен перенос в скриптах пишем в скрипте \n и добавляем в стили white-space: pre-wrap
Пример:

Если у border не указать цвет, будет цвет указанный в свойстве color

currentColor — берет текущий цвет текста border: 2px solid currentColor — Рамка такого же цвета, как текст,
Пример:

currentColor

Когда несколько аккордеонов не друг под другом а сеткой или в один ряд ставим на родителя align-items: flex-start чтобы не открывались все сразу

Свойство overflow: hidden ломает position: fixed и sticky т.е оно не работает (выносим блок за пределы блока с overflow: hidden чтобы заработало)

Свойство backdrop-filter: создает новый контекст наложения, часто backdrop-filter:blur(10px) (дизайнеры любят вешать на шапку к примеру), шапка создает новый контекст наложения, и любой выезжающий список (например, дропдаун меню) будет под шапкой, даже если у списка z-index: 9999.

Для Swiper слайдера чтобы не обрезались тени ставим на .swiper {padding: 0 20px} также можно добавить на свайпер и на слайд тень

Отключить стрелку навигации на последнем слайде для Swiper слайдера без js .swiper-button-disabled {display: none}