#brands .section-head { margin-bottom: 24px; }
#brands .brand-card { gap: 14px; }
#brands .brand-card-link { gap: 14px; }
#brands .brand-media { height: 340px; }
#brands .brand-logo { left: 20px; bottom: 20px; height: 34px; }

@media (max-width: 900px) {
  #brands .brand-media { height: 440px; }
}

@media (max-width: 599px) {
  #brands .brands { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; align-items: stretch; }
  #brands .brand-card { min-width: 0; flex: none; gap: 10px; }
  #brands .brand-card-link { min-width: 0; flex: 1 1 auto; gap: 10px; }
  #brands .brand-media { height: 210px; }
  #brands .brand-logo { left: 10px; bottom: 10px; height: 20px; }
  #brands .brand-meta { align-items: flex-start; gap: 0; }
  #brands .brand-meta > svg { display: none; }
  #brands .brand-meta .h-3 { font-size: 24px !important; }
  #brands .brand-meta p { font-size: 12px; }
  #brands .brand-cta { align-self: stretch; width: 100%; min-height: 34px; height: 34px; padding: 0 8px; margin-top: auto; gap: 6px; font-size: 12px; line-height: 1; }
  #brands .brand-cta svg { width: 12px; height: 12px; }
}