/* Brand links grid (home/partials/brands-grid.php) - one look on every page that includes it. */
.e-brands-grid-section{margin-bottom:3.5rem}
.e-brands-grid-section h2{font-family:"Segoe-Semi-Bold","Open Sans";color:#00826c;font-size:28px;font-weight:400;
  line-height:1.32;margin:0 0 1.25rem}
/* 15 brands: 5 / 3 columns divide evenly (no lone card on the last row), same layout on every page width */
.e-brand-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;
  list-style:none;padding-left:0;margin:0}
.e-brand-grid li{display:flex}
.e-brand-grid .brand-card{flex:none;width:100%;height:100%;padding:1.5rem 1rem;gap:.875rem;
  justify-content:flex-start;text-decoration:none}
.e-brand-grid .brand-card:hover .brand-name{text-decoration:underline}
.e-brand-grid .brand-logo img{max-width:100%;height:auto;display:block}
.e-brand-grid .brand-name{color:#00826c}
:where(.e-brand-grid) .brand-card { flex: 0 0 280px; background: #FFFFFF; border: 1px solid rgba(0, 130, 108, 0.12); border-radius: 20px; padding: 32px 24px; display: flex; flex-direction: column; align-items: center; gap: 20px; text-decoration: none; transition: all 0.3s ease; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
:where(.e-brand-grid) .brand-card:hover { transform: translateY(-4px); box-shadow: 0 8px 24px rgba(51, 51, 51, 0.12); border-color: rgba(0, 130, 108, 0.3); }
:where(.e-brand-grid) .brand-logo { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; background: rgba(13, 150, 126, 0.08); border-radius: 50%; padding-left: 8px; padding-right: 8px; }
:where(.e-brand-grid) .brand-name { font-size: 1.1rem; font-weight: 600; color: var(--brand-dark); text-align: center; }
@media (max-width: 991.98px){
  .e-brand-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width: 767.98px){
  .e-brands-grid-section{margin-bottom:2.5rem}
  .e-brands-grid-section h2{font-size:24px !important} /* rca-in-rate.css forces every h2 to 22px !important */
  .e-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* two columns: keep "RCA Mercedes-Benz" on one line */
  .e-brand-grid .brand-card{padding:1.25rem .5rem}
  .e-brand-grid .brand-name{font-size:.95rem}
}