/* ===================================================================
   TRUSTOLD · Бренды + коллекции бренда (page-specific layout)
   Использует токены из design.css. Палитру/шрифты не переопределяет.
   =================================================================== */

/* ── общий интро-блок страниц ───────────────────────────────────── */
.brands-page,
.brand-collections-page{padding:30px 0 0}

.brands-intro{margin-bottom:50px}
.brands-intro .eyebrow{display:block;margin-bottom:18px}
.brands-intro .page-title{max-width:780px;text-wrap:balance}
.brands-intro .page-lead{margin-top:18px}
.brands-divider{margin-top:30px}

/* ── сетка карточек брендов ─────────────────────────────────────── */
.brands-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(196px,1fr));
  gap:18px;
}
/* логотип внутри .bcard (если у бренда есть картинка) */
.bcard-logo{
  display:flex;align-items:center;justify-content:center;
  width:100%;max-height:64px;
}
.bcard-logo img{
  max-height:64px;width:auto;object-fit:contain;
  filter:grayscale(1);opacity:.82;transition:filter .4s,opacity .4s;
}
.bcard:hover .bcard-logo img{filter:grayscale(0);opacity:1}

/* ── страница коллекций бренда ──────────────────────────────────── */
.bc-lead{
  display:flex;align-items:center;flex-wrap:wrap;gap:18px;
  margin-bottom:46px;
}
.bc-lead-hint{
  font-family:var(--sans);font-size:12px;letter-spacing:.06em;color:var(--muted-2);
}

/* состояние «пусто» — оформлено art-рамкой с ромбами */
.bc-empty{
  background:var(--surface);
  padding:60px 28px 52px;text-align:center;
}
.bc-empty .empty{padding:0 0 26px}
.bc-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}

/* ── сетка коллекций ────────────────────────────────────────────── */
.bc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
  gap:24px;
}
.collection-card{
  display:flex;flex-direction:column;background:var(--surface);
  border:1px solid var(--gold-22);
  transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s,border-color .4s;
}
.collection-card:hover{
  transform:translateY(-7px);box-shadow:var(--shadow-card);border-color:var(--gold-62);
}
.collection-card-media{
  position:relative;aspect-ratio:1/1;background:#E8E6E0;overflow:hidden;display:block;
}
.collection-card-media img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform 1.1s cubic-bezier(.2,.7,.2,1);
}
.collection-card:hover .collection-card-media img{transform:scale(1.08)}
.collection-card-ph{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#EDEAE2,#E2DED5);
}
.collection-card-body{
  padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1;
}
.collection-card-name{
  font-family:var(--serif);font-weight:600;font-size:20px;line-height:1.2;
  color:var(--ink);transition:color .35s;
}
.collection-card:hover .collection-card-name{color:var(--gold)}
.collection-card-count{
  font-family:var(--sans);font-size:11px;letter-spacing:.14em;color:var(--gold-2);
}

/* ── адаптив ────────────────────────────────────────────────────── */
@media (max-width:560px){
  .brands-intro{margin-bottom:34px}
  .brands-divider{margin-top:24px}
  .brands-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
  .bc-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}
  .bc-empty{padding:44px 20px 40px}
}