/* Дополнения витрины к шаблону F: то, чего в макете не было (марки без логотипа, пустой список, сброс фильтров). */
.fit h2 { margin: 0 0 22px; }
.fit__gens { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; }
.fit__gens a { display: inline-flex; align-items: center; min-height: 32px; padding: 3px 8px; border-radius: 8px; background: var(--surface-2); color: inherit; font-size: 13px; font-weight: 600; line-height: 1.25; text-decoration: none; }
.fit__gens a:hover { box-shadow: inset 0 0 0 2px var(--accent); }
.spec__lines { display: flex; flex-direction: column; gap: 2px; }
.blogo-x { display: inline-grid; place-items: center; flex: none; border-radius: 50%; background: none; color: var(--ink); font-weight: 700; font-size: 14px; line-height: 1; }
.bgrid img { filter: brightness(0); }
.lp__logo.blogo-x { width: 56px; height: 56px; border-radius: 14px; font-size: 24px; box-shadow: var(--sh-1); background: var(--surface); }
.elogos .blogo-x { width: 22px; height: 22px; font-size: 12px; background: rgba(255, 255, 255, .15); color: inherit; }
.ft__b .blogo-x { width: 16px; height: 16px; font-size: 10px; background: rgba(255, 255, 255, .15); color: inherit; }
.dlg__brands .blogo--x { display: inline-grid; place-items: center; -webkit-mask: none; mask: none; background: none; color: var(--accent); font-weight: 700; }
.lst__empty { margin: 24px 0; color: var(--ink-2); }
.flt__reset { margin: 10px 0 0; text-align: center; }
.flt__reset a { color: var(--ink-2); }
.sr__empty { margin: 24px 0; }
/* в колонке .pc__buy flex-basis 100% у «Порівняти» выталкивает его во вторую колонку за край карточки */
.rows .pc--row .pc__buy > .pc__cmp { flex: none; }
