/* brand_style.css — сторінка бренду (/deye) та індекс брендів (/brands)
   Узгоджено з дизайн-токенами catalog_style.css. Підключати ПІСЛЯ нього. */

/* ============ ШАПКА БРЕНДУ (brand.php) ============ */
.brand-hero {
  display:flex; gap:24px; align-items:flex-start;
  background:#fff; border-radius:var(--radius,12px);
  box-shadow:var(--shadow,0 5px 20px rgba(0,0,0,.06));
  padding:26px; margin:10px 0 28px;
}
.brand-hero-logo {
  flex:0 0 auto; width:120px; height:120px;
  background:#f8fafc; border-radius:12px;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.brand-hero-logo img { width:100%; height:100%; object-fit:contain; padding:12px; box-sizing:border-box; }
.brand-hero-text { min-width:0; }
.brand-hero-text h1 {
  font-size:clamp(26px,3.6vw,40px); font-weight:800;
  color:var(--dark,#0f172a); line-height:1.15; margin:0 0 10px;
}
.brand-hero-meta { display:flex; flex-wrap:wrap; gap:8px 20px; margin-bottom:14px; }
.brand-meta-item { font-size:14px; color:var(--muted,#64748b); }
.brand-meta-item strong { color:var(--dark,#0f172a); }
.brand-intro { margin-bottom:0; }

/* ============ ІНДЕКС БРЕНДІВ (brands.php) ============ */
.brands-index-grid {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
  gap:20px; padding-bottom:60px;
}
.brand-card {
  display:flex; gap:16px; align-items:center;
  background:#fff; border-radius:var(--radius,12px);
  box-shadow:var(--shadow,0 5px 20px rgba(0,0,0,.06));
  padding:20px; text-decoration:none; color:inherit;
  transition:transform .2s, box-shadow .2s;
}
.brand-card:hover { transform:translateY(-3px); box-shadow:var(--shadow-hover,0 12px 30px rgba(0,0,0,.1)); }
.brand-card-logo {
  flex:0 0 auto; width:72px; height:72px;
  background:#f8fafc; border-radius:10px;
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.brand-card-logo img { width:100%; height:100%; object-fit:contain; padding:8px; box-sizing:border-box; }
.brand-card-body { min-width:0; flex:1; display:flex; flex-direction:column; gap:6px; }
.brand-card-body h3 { margin:0; font-size:17px; font-weight:700; color:var(--dark,#0f172a); }
.brand-card-desc {
  margin:0; font-size:13px; color:var(--muted,#64748b); line-height:1.45;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.brand-card-meta { display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.brand-country { font-size:12px; color:var(--muted,#94a3b8); }
.brand-card .subcat-arrow { flex:0 0 auto; }

/* ============ АДАПТИВ ============ */
@media (max-width:640px) {
  .brand-hero { flex-direction:column; align-items:center; text-align:center; padding:22px 18px; }
  .brand-hero-meta { justify-content:center; }
  .brand-hero-logo { width:96px; height:96px; }
  .brand-intro { text-align:left; }
}