/* BRAND TABS — кнопки фильтра брендов */
.brand-tabs { display:flex; flex-wrap:wrap; gap:8px; margin:30px 0; }
.brand-tabs__btn { appearance:none; -webkit-appearance:none; border:1px solid #b7c6d8; background:transparent; color:#34495e; font:inherit; font-weight:500; font-size:16px; line-height:1; padding:10px 18px 9px; border-radius:7px; cursor:pointer; transition:background-color .18s ease,color .18s ease,border-color .18s ease; display:inline-flex; align-items:center; gap:8px; }

/* hover */
.brand-tabs__btn:hover { border-color:#5c7898; color:#5c7898; background:rgba(92,120,152,.06); }

/* active */
.brand-tabs__btn.is-active { background:#5c7898; border-color:#5c7898; color:#fff; }

/* кнопка all brands чуть заметнее */
.brand-tabs__btn[data-brand="all"] { padding-left:16px; padding-right:20px; min-width:138px; justify-content:center; }

/* ALL BRANDS GRID ICON */
.brand-tabs__grid { position:relative; width:13px; height:13px; display:inline-block; flex-shrink:0; color:currentColor; }
.brand-tabs__grid::before { content:""; position:absolute; top:0; left:0; width:3px; height:3px; background:currentColor; border-radius:1px; box-shadow:5px 0 currentColor,10px 0 currentColor,0 5px currentColor,5px 5px currentColor,10px 5px currentColor,0 10px currentColor,5px 10px currentColor,10px 10px currentColor; }

/* GROUPS — обёртки брендов */
.brand-group { margin-bottom:48px; }
.brand-group[hidden] { display:none !important; }

/* SERIES — подгруппы внутри бренда */
.brand-series { margin-bottom:32px; }

.brand-series__title { font-size:18px; font-weight:600; margin:0 0 16px; color:var(--w-text-muted-color,#666); }

/* Обёртка кнопки "Показать ещё" — для центрирования */
.brand-loadmore-wrap { display:flex; justify-content:center; margin:32px 0 16px; }

/* Сама кнопка */
.brand-loadmore { appearance:none; -webkit-appearance:none; border:1px solid #b7c6d8; background:#fff; color:#34495e; font:inherit; font-weight:500; font-size:16px; line-height:1; padding:14px 32px; border-radius:7px; cursor:pointer; transition:background-color .18s ease,color .18s ease,border-color .18s ease,opacity .18s ease; min-width:200px; }
.brand-loadmore:hover { border-color:#5c7898; color:#5c7898; background:rgba(92,120,152,.06); }
.brand-loadmore:active { background:#5c7898; border-color:#5c7898; color:#fff; }

/* Состояние "идёт загрузка" — спиннер справа от текста */
.brand-loadmore.is-loading { pointer-events:none; opacity:.6; }
.brand-loadmore.is-loading::after { content:""; display:inline-block; width:14px; height:14px; margin-left:10px; vertical-align:middle; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:brand-spin .8s linear infinite; }

@keyframes brand-spin { to { transform:rotate(360deg); } }