.as-brands { --as-brand-gap: 16px; position: relative; width: 100%; margin: 24px 0; }
.as-brands .as-brands-list { display: grid; grid-template-columns: repeat(var(--as-brand-columns, 6), minmax(0, 1fr)); gap: var(--as-brand-gap); }
.as-brands .as-brand-item { min-width: 0; }
.as-brands .as-brand-link { display: flex; align-items: center; justify-content: center; height: 120px; padding: 20px; border: 1px solid #e8e8e8; border-radius: 8px; background: #fff; text-decoration: none; box-sizing: border-box; transition: border-color .2s; }
.as-brands .as-brand-link:hover { border-color: #777; }
.as-brands .as-brand-link:focus-visible, .as-brands .as-brands-arrow:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
.as-brands .as-brand-logo { display: block; width: 100%; height: 100%; max-width: 160px; max-height: 80px; object-fit: contain; }
.as-brands--carousel.as-brands-has-arrows { padding-inline: 40px; box-sizing: border-box; }
.as-brands--carousel .as-brands-list.slick-initialized { display: block; margin: 0 -8px; }
.as-brands--carousel .slick-slide { padding: 0 8px; box-sizing: border-box; }
.as-brands .as-brands-arrow { position: absolute; top: 50%; z-index: 1; width: 32px; height: 40px; margin: 0; padding: 0; transform: translateY(-50%); border: 1px solid #e8e8e8; border-radius: 6px; background: #fff; color: #333 !important; font: 28px/1 sans-serif; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.as-brands .as-brands-prev { inset-inline-start: 0; }
.as-brands .as-brands-next { inset-inline-end: 0; }
.as-brands .as-brands-arrow[hidden] { display: none !important; }
.as-brands .as-brands-arrow.slick-disabled { opacity: .35; cursor: default; }
@media (max-width: 1023px) { .as-brands .as-brands-list { grid-template-columns: repeat(min(var(--as-brand-columns, 6), 4), minmax(0, 1fr)); } }
@media (max-width: 767px) { .as-brands .as-brands-list { grid-template-columns: repeat(min(var(--as-brand-columns, 6), 3), minmax(0, 1fr)); } }
@media (max-width: 479px) {
  .as-brands .as-brands-list { grid-template-columns: repeat(min(var(--as-brand-columns, 6), 2), minmax(0, 1fr)); }
  .as-brands .as-brand-link { height: 96px; padding: 14px; }
  .as-brands--carousel.as-brands-has-arrows { padding-inline: 32px; }
  .as-brands .as-brands-arrow { width: 26px; }
}
@media (prefers-reduced-motion: reduce) { .as-brands .as-brand-link { transition: none; } }