/* ===== Кастомные иконки (кабинет, сравнение, избранное, корзина) — везде на сайте ===== */

/* 1. Прячем родные SVG-иконки из спрайта */
i.svg-inline-cabinet svg,
i.svg-inline-compare svg,
i.wish svg,
i.basket svg {
  display: none;
}

/* 2. Задаём размер и mask на саму обёртку <i> */
i.svg-inline-cabinet,
i.svg-inline-compare,
i.wish,
i.basket {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  background-color: #394046;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}

/* Личный кабинет */
i.svg-inline-cabinet {
  -webkit-mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-user.svg");
  mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-user.svg");
}

/* Сравнение */
i.svg-inline-compare {
  -webkit-mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-compare.svg");
  mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-compare.svg");
}

/* Избранное */
i.wish {
  -webkit-mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-chosen.svg");
  mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-chosen.svg");
}

/* Корзина */
i.basket {
  -webkit-mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-basket.svg");
  mask-image: url("/bitrix/templates/aspro_max/images/svg/custom/icon-basket.svg");
}

/* 3. (Опционально) скрыть текстовые подписи, оставить иконку + счётчик-бейдж */
.wrap_basket .title,
.basket-link .title {
  display: none;
}

.wrap_basket,
.basket-link {
  position: relative;
}

.wrap_basket .count,
.basket-link .count {
  position: absolute;
  top: -6px;
  right: -8px;
  min-width: 16px;
  height: 16px;
  line-height: 16px;
  padding: 0 4px;
  border-radius: 8px;
  background: #e31e23;
  color: #fff;
  font-size: 11px;
  text-align: center;
}