/* Стили строки «для чего этот товар» — рядом со своим модулем product-fit.js.
   Отдельным файлом, потому что нужны везде, где модуль работает: полки, страница
   товара И корзина. Лежали в parsed-card-final-style.css, а его страница корзины
   сайта не подключает — строка выводилась там без оформления (§0cc: один модуль —
   один файл стилей, подключается в общей шапке). */
/* Строка «для чего этот товар» (product-fit.js): консоль и позиция остатка, регион
   аккаунта в корзине. Одна вёрстка на плитку, страницу товара и корзину — и в
   Telegram, и на сайте. Обычный вид спокойный, предупреждение (жёсткая привязка к
   одной консоли) — заметное: из-за незамеченной строки «PS4 · П3» покупатели дважды
   взяли остаток не для своей консоли. */
.product-fit{display:flex;align-items:center;gap:5px;margin-top:6px;font-size:11px;
  line-height:1.25;font-weight:800;color:rgba(210,222,244,.62)}
.product-fit--warn{color:#ffcf6b}
/* Значок «!» всегда в разметке, виден только у предупреждения (см. fitHtml/refresh). */
.product-fit:not(.product-fit--warn) .product-fit-sign{display:none}
.product-fit-sign{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  width:14px;height:14px;border-radius:50%;background:rgba(255,180,60,.18);
  color:#ffcf6b;font-size:10px;font-weight:900;line-height:1}
/* В корзине и на странице товара строка крупнее — там её читают, а не проглядывают. */
.cart-item .product-fit,.game-detail .product-fit,.psub-buy .product-fit{font-size:12px;margin-top:4px}