/* Shop3 — секция «Бренды» (ADR 0007, спецификация §8; plan-0.3 §1 п. 14). Подключается, только если такая секция есть на странице
   (render.php, assets()). Только токены var(--s3-*) и логические свойства (canon §6.2, docs/dev/rtl.md); общая обёртка — base.css. */

.s3-brands { margin: 0; padding: 0; list-style: none; }
.s3-brands--grid { display: grid; grid-template-columns: repeat(var(--s3x-cols, var(--s3-columns-brands)), minmax(0, 1fr)); gap: var(--s3-space-4); }
.s3-brands__link { display: flex; align-items: center; justify-content: center; width: 100%; min-height: var(--s3-size-thumb-lg); padding: var(--s3-space-3); box-sizing: border-box; border: var(--s3-border-width-thin) solid var(--s3-border-subtle); border-radius: var(--s3-radius-md); background: var(--s3-surface); color: var(--s3-text); font-weight: var(--s3-font-weight-medium); text-align: center; text-decoration: none; }
/* a:hover, a:focus темы и Bootstrap (0,1,1) сильнее одного класса: без этого блок-ссылка при наведении подчёркнута и в цвете ссылки (VD-2 #2) */
.s3-brands__link:is(:hover, :focus) { text-decoration: none; }
/* отклик наведения — рамка цвета primary, как у чипов и плиток алфавита брендов (shop3.css .s3-chip, .s3-alpha); картинка — без изменений (VD-2 #14) */
.s3-brands__link:is(:hover, :focus-visible) { border-color: var(--s3-primary); }
.s3-brands__link img { display: block; max-width: 100%; height: auto; }
.s3-brands--gray img { filter: grayscale(1); opacity: var(--s3-opacity-subtle); transition: filter var(--s3-duration-base), opacity var(--s3-duration-base); }
.s3-brands--gray .s3-brands__link:hover img, .s3-brands--gray .s3-brands__link:focus-visible img { filter: none; opacity: 1; }
.s3-section__rail .s3-brands__item { display: flex; }

@media (max-width: 991.98px) {
  .s3-brands--grid { grid-template-columns: repeat(var(--s3-columns-brands), minmax(0, 1fr)); }
}
@media (max-width: 600.98px) {
  .s3-brands--grid { gap: var(--s3-space-3); }
}