/* === ICOMOON (icons only) ========================================= */

/* 1) Подключение шрифта-иконок (пути относительны к /assets/font/icons.css) */
@font-face {
  font-family: 'icomoon';
  src: url('icomoon/icomoon.woff') format('woff'),
       url('icomoon/icomoon.svg#icomoon') format('svg'); /* fallback для старых движков */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

/* 2) Базовое правило для любых иконок через классы icon-* и .ic */
[class^="icon-"], [class*=" icon-"], .ic {
  font-family: 'icomoon' !important;  /* не дать Benzin/Gilroy подменить */
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
}

/* 3) Маппинг глифов (коды — как на оригинале) */
.icon-tiktok::before    { content: "\e90a"; color: #e6ca8c; } /* НОВАЯ иконка TikTok */
.icon-yt::before        { content: "\e909"; color: #e6ca8c; }
.icon-lupa::before      { content: "\e908"; }
.icon-minus::before     { content: "\e906"; }
.icon-Plus::before      { content: "\e907"; }
.icon-next::before      { content: "\e900"; }
.icon-prev::before      { content: "\e901"; }
.icon-tw::before        { content: "\e902"; color: #e6ca8c; } /* у тебя это Telegram */
.icon-fb::before        { content: "\e903"; color: #e6ca8c; }
.icon-insta::before     { content: "\e904"; color: #e6ca8c; }
.icon-arrow-right::before{ content: "\e905"; }

/* 4) Небольшая утилита для выравнивания и размеров (по желанию) */
.ic { width: 24px; height: 24px; text-align: center; }
.ic::before { font-size: 24px; line-height: 1; }

/* 5) Ховеры в стиле оригинала (можно убрать, если не нужно) */
.icon-insta:hover::before,
.icon-fb:hover::before,
.icon-tw:hover::before,
.icon-yt:hover::before,
.icon-tiktok:hover::before { /* Добавил TikTok в ховеры */
  filter: drop-shadow(0 0 2px rgba(230, 202, 140, .35));
}