.kns-brands-directory { padding: 48px 0 64px; background: #f7f8fa; }
.kns-brands-page-intro { margin-bottom: 32px; }
.kns-brands-page-intro h1 { margin: 0 0 14px; color: #073369; font-size: 32px; line-height: 1.2; letter-spacing: 0; }
.kns-brands-page-intro h1 span { color: #ed1725; }
.kns-brands-page-intro p { margin: 0; color: #4b5562; font-size: 14px; }
.kns-brands-logo-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
.kns-brands-logo { min-width: 0; margin: 0; padding: 0px; background: #fff; border: 1px solid #e1e7ee; border-radius: 6px; }
.kns-brands-logo-media { display: flex; align-items: center; justify-content: center; height: 150px; }
.kns-brands-logo-media img { display: block; width: 200px; height: 69px; object-fit: contain; }
.kns-brands-logo figcaption { margin-top: 18px; padding-top: 14px; border-top: 1px solid #edf0f3; color: #073369; font-size: 14px; font-weight: 600; line-height: 1.5; text-align: center; overflow-wrap: anywhere; }
@media (max-width: 991px) {
  .kns-brands-logo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
}
@media (max-width: 575px) {
  .kns-brands-directory { padding: 32px 0 40px; }
  .kns-brands-page-intro h1 { font-size: 27px; }
  .kns-brands-logo-grid { gap: 12px; }
  .kns-brands-logo { padding: 18px 12px 14px; }
  .kns-brands-logo-media { height: 110px; }
}
@media (max-width: 359px) {
  .kns-brands-logo-grid { grid-template-columns: minmax(0, 1fr); }
}