/* Иконки из спрайта icons/sprite.svg (Tabler Icons).
   Разметка: <svg class="ic" width="20" height="20" aria-hidden="true"><use href="/catalog/view/theme/default/icons/sprite.svg?v=...#heart"/></svg>
   Цвет иконки = CSS color (currentColor), заливка = fill, толщина линии = stroke-width.
   Правила для старых inline-svg (селекторы "... i path") сюда не переносить:
   на .ic они не действуют, их удаляем по мере перевода иконок на спрайт. */

.ic {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
  overflow: visible; /* концы линий могут выходить за обрезанный viewBox спрайта */
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* --- Карточка товара: кнопка «Подробнее» (серая) --- */
.btn_gray2 .ic { color: var(--gray-800); }
.btn_gray2:hover .ic { color: #fff; }