/* A-Racing | Top brands carousel */
.ar-brand-carousel { --ar-brand-gap: 16px; --ar-brand-visible: 4; margin-top: 75px; margin-bottom: 46px; min-width: 0; }
.ar-brand-carousel * { box-sizing: border-box; }
.ar-brand-head { display:flex; justify-content:space-between; align-items:center; gap:18px; margin-bottom:23px; }
.ar-brand-head h2 {font-size:clamp(21px,2.3vw,27px);font-weight:850;color:#fff;letter-spacing:-.025em;margin:0;line-height:1.25;}
.ar-brand-controls { display:flex; align-items:center; gap:10px; flex-shrink:0; }
.ar-brand-progress {font-size:12px;font-weight:650;color:#c9cbd1;min-width:43px;text-align:center;letter-spacing:.035em;}
.ar-brand-arrow {display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#272a31;border:1px solid #555965;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease;}
.ar-brand-arrow:hover {background:#383d47;border-color:#e44255;}
.ar-brand-arrow:focus-visible {outline:3px solid #ff9aa6;outline-offset:3px;}
.ar-brand-arrow[hidden],.ar-brand-progress[hidden] {display:none!important;}
.ar-brand-arrow svg {width:19px;height:19px;}
.ar-brand-viewport {max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;}
.ar-brand-viewport::-webkit-scrollbar {display:none;}
.ar-brand-track {display:flex;align-items:stretch;gap:var(--ar-brand-gap);width:100%;min-width:0;}
.ar-brand-slide {display:flex;align-items:center;justify-content:center;flex:0 0 calc((100% - (var(--ar-brand-visible) - 1) * var(--ar-brand-gap)) / var(--ar-brand-visible));min-width:0;height:105px;padding:16px 18px;scroll-snap-align:start;border:1px solid #464952;background:#1a1c21;border-radius:14px;text-decoration:none;transition:background .18s ease,border-color .18s ease;}
.ar-brand-slide:hover {background:#272a31;border-color:#d94053;}
.ar-brand-slide:focus-visible {outline:3px solid #fa8290;outline-offset:-3px;}
.ar-brand-slide img {display:block;max-width:100%;max-height:72px;width:auto;height:auto;object-fit:contain;}
.ar-brand-name {font-weight:800;text-transform:uppercase;color:#f1f2f5;font-size:clamp(13px,1.6vw,17px);line-height:1.35;text-align:center;overflow-wrap:anywhere;}
@media (max-width:1050px) { .ar-brand-carousel { --ar-brand-visible:3; } }
@media (max-width:760px) { .ar-brand-carousel { --ar-brand-visible:2; --ar-brand-gap:11px; margin-top:55px; } .ar-brand-slide { height:92px;padding:13px; } .ar-brand-slide img {max-height:63px;} }
@media (max-width:359px) { .ar-brand-carousel { --ar-brand-visible:1; } .ar-brand-head h2 {font-size:20px;} .ar-brand-slide {height:95px;} }
@media (prefers-reduced-motion: reduce) { .ar-brand-viewport {scroll-behavior:auto;} .ar-brand-slide,.ar-brand-arrow {transition:none;} }
@media (max-width: 480px) {
  .ar-brand-head { flex-wrap: wrap; gap: 9px 12px; }
  .ar-brand-head h2 { flex:1 1 100%; min-width:0; font-size:22px; }
  .ar-brand-controls { margin-left:auto; }
}
