/**
 * NFS AUTO — единый набор линейных иконок (обводка, скругления)
 * Использование: class="nfs-ico nfs-ico--md" + stroke="currentColor"
 */

.nfs-ico {
  display: inline-block;
  vertical-align: -0.18em;
  flex-shrink: 0;
  color: inherit;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.nfs-ico use {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  pointer-events: none;
}

.nfs-ico--xs { width: 10px; height: 10px; }
.nfs-ico--sm { width: 12px; height: 12px; }
.nfs-ico--md { width: 14px; height: 14px; }
.nfs-ico--lg { width: 18px; height: 18px; }
.nfs-ico--xl { width: 20px; height: 20px; }
.nfs-ico--xxl { width: 24px; height: 24px; }
.nfs-ico--3xl { width: 32px; height: 32px; }
.nfs-ico--4xl { width: 48px; height: 48px; }
.nfs-ico--5xl { width: 64px; height: 64px; }
.nfs-ico--6xl { width: 80px; height: 80px; }

/* Иконки на тёмных градиентных подложках карточек возможностей */
.nfs-feat-icon .nfs-ico {
  color: #fff;
}

/* Кнопки действий карточки авто — чуть крупнее */
.nfs-act-btn .nfs-ico {
  width: 13px;
  height: 13px;
}

.nfs-act-btn.ai .nfs-ico {
  color: #7ab3ff;
}

.nfs-ico--spin {
  animation: nfs-ico-spin 1s linear infinite;
  transform-origin: center;
}

@keyframes nfs-ico-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}