.t13-brands { padding: 56px 0 64px; }
.t13-brands h1 { margin: 0; font-size: clamp(28px, 4vw, 40px); line-height: 1.35; }
.t13-brands-intro { max-width: 65ch; margin: 18px 0 30px; line-height: 1.8; }
.t13-brands-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0; padding: 0; list-style: none; }
.t13-brand-card { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; height: 100%; min-height: 160px; padding: 24px 16px; border: 1px solid #e5e1e6; border-radius: 10px; background: #fff; color: #29252b; text-align: center; transition: border-color .15s, box-shadow .15s; }
.t13-brand-card:hover, .t13-brand-card:focus-visible { color: var(--t13-brand-accent, #3c2946); border-color: var(--t13-brand-accent, #3c2946); box-shadow: 0 6px 20px rgba(0,0,0,.07); }
.t13-brand-card:focus-visible { outline: 2px solid var(--t13-brand-accent, #3c2946); outline-offset: 3px; }
.t13-brand-logo { display: flex; align-items: center; justify-content: center; width: 100%; height: 64px; }
.t13-brand-logo img { display: block; width: 180px; max-width: 100%; height: 64px; object-fit: contain; }
.t13-brand-name { font-size: 15px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
@media(max-width: 991px) { .t13-brands-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media(max-width: 767px) { .t13-brands { padding-block: 32px 40px; } .t13-brands-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } .t13-brand-card { min-height: 142px; gap: 12px; padding: 18px 10px; } .t13-brand-name { font-size: 14px; } }
@media(prefers-reduced-motion: reduce) { .t13-brand-card { transition: none; } }