/* Brand pages. Builds on hf.css + style.css tokens. Orange / navy / white, grey bands only. */
.brands-hero{ padding-bottom:var(--section-y); }
.brands-logo-card{ background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); box-shadow:0 18px 44px rgba(17,19,51,.10); display:grid; place-items:center; min-height:280px; padding:40px; }
.brands-logo-card img{ max-width:340px; width:80%; max-height:150px; object-fit:contain; }
.brands-logo-card img.brands-logo--roundel{ max-height:190px; }
.brands-logo-card:has(.brands-logo--dark){ background:var(--navy); }

.brands-split{ display:grid; grid-template-columns:1.1fr .9fr; gap:40px; align-items:center; }
.brands-photo img{ width:100%; height:auto; border-radius:var(--r-lg); box-shadow:var(--shadow-md); display:block; }

.brands-prods{ display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:14px; }
.brands-prod{ display:flex; justify-content:space-between; align-items:center; gap:12px; padding:20px 22px; background:var(--white); border:1px solid var(--line); border-radius:var(--r); font-weight:700; font-size:18px; color:var(--navy); text-decoration:none; box-shadow:var(--shadow-sm); transition:border-color .2s, transform .2s; }
.brands-prod .arr{ color:var(--orange); }
.brands-prod:hover{ border-color:var(--orange); transform:translateY(-2px); }

.brands-strip{ display:flex; flex-wrap:wrap; justify-content:center; gap:16px; }
.brands-mini{ display:grid; place-items:center; width:200px; height:96px; background:var(--white); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow-sm); transition:border-color .2s; }
.brands-mini:hover{ border-color:var(--orange); }
.brands-mini img{ max-width:150px; max-height:52px; object-fit:contain; }
.brands-mini:has(.brands-logo--dark){ background:var(--navy); }

.brands-grid{ display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:18px; }
.brands-card{ display:flex; flex-direction:column; gap:8px; background:var(--white); border:1px solid var(--line); border-radius:var(--r-lg); padding:0 0 22px; overflow:hidden; text-decoration:none; color:var(--ink); box-shadow:var(--shadow-sm); transition:transform .2s, border-color .2s; }
.brands-card:hover{ transform:translateY(-3px); border-color:var(--orange); }
.brands-card > *:not(.brands-card__logo){ margin-inline:22px; }
.brands-card__logo{ display:grid; place-items:center; height:140px; background:var(--white); border-bottom:1px solid var(--line); margin-bottom:8px; }
.brands-card__logo:has(.brands-logo--dark){ background:var(--navy); }
.brands-card__logo img{ max-width:180px; max-height:70px; object-fit:contain; }
.brands-card h3{ color:var(--navy); margin:0; }
.brands-card p{ margin:0; }

@media (max-width:1000px){
  .brands-split{ grid-template-columns:1fr; }
  .brands-logo-card{ min-height:200px; }
}