/* Ваши стили. Этот файл не перезаписывается обновлениями темы.
   Токены темы можно переопределить здесь целиком:

   :root {
       --f-accent: #d7263d;
       --f-font: "Inter", system-ui, sans-serif;
       --f-radius: 0;
   }

   ------------------------------------------------------------------
   РЕЦЕПТ: чужой плавающий виджет перекрывает кнопки

   Чат, «Подписаться», обратный звонок и прочие круглые кнопки висят
   поверх страницы и на телефоне наезжают на панель покупки. Тема
   поднимает такие блоки на высоту --f-float-safe (величина берётся из
   настройки «Место для плавающих виджетов»), но знает не про каждый
   сервис. Свой добавьте одной строкой — селектор смотрите в инспекторе
   браузера:

   .ваш-класс-виджета {
       transform: translateY(calc(-1 * var(--f-float-safe)));
       transition: transform .2s ease;
   }

   Либо повесьте на элемент виджета атрибут data-f-float-safe (например,
   из custom.js) — тогда правило темы применится само.
   ------------------------------------------------------------------
   РЕЦЕПТ: типографика длинных текстов

   Описания товаров и разделов, информационные страницы и отзывы верстает
   класс .f-usercontent. Ширину строки, кегль и межстрочный интервал
   меняют переменные и правила:

   .f-usercontent { --f-measure: 76ch; font-size: 1.125rem; line-height: 1.7; }
   ------------------------------------------------------------------
   РЕЦЕПТ: баннеры в категориях

   Тема объявляет три места (зоны), но не хранит сами кампании — их
   ставит промо-плагин или ваш custom.js:

   [data-f-zone="category-top"]    — перед товарной выдачей;
   [data-f-zone="category-feed"]   — внутри выдачи, после второго ряда;
   [data-f-zone="category-bottom"] — под выдачей, перед страницами.

   У верхней зоны есть data-category-id — по нему выбирают, что показать
   в конкретной категории. Зоны внутри выдачи приходят тем же фрагментом,
   что и товары, поэтому переживают фильтрацию и сортировку.

   Первую (верхнюю) картинку грузите приоритетно — fetchpriority="high",
   остальным ставьте loading="lazy" и указывайте width/height: иначе
   баннеры испортят LCP и сдвинут вёрстку.
   ------------------------------------------------------------------ */