.brand-strip.brand-carousel{display:block;background:#edf0f4;color:#171b23;padding:24px;border:1px solid #ffffff18;border-radius:12px;overflow:hidden}
.brand-carousel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:17px}
.brand-carousel-heading p{font-size:10px;font-weight:800;letter-spacing:1.8px;color:#5b6575;margin-bottom:7px}
.brand-carousel-heading span{font-size:15px;font-weight:700}
.brand-arrows{display:flex;gap:8px}.brand-arrow{width:40px;height:40px;border:1px solid #ccd2dc;background:white;border-radius:50%;font-size:21px;color:#202631;transition:background .2s,color .2s}
.brand-arrow:hover:not(:disabled){background:var(--accent);color:white;border-color:var(--accent)}.brand-arrow:disabled{opacity:.3;cursor:default}
.brand-track{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:2px;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding:3px 2px 12px;scrollbar-width:thin;scrollbar-color:#bdc4ce transparent;touch-action:pan-x pan-y}
.brand-carousel .brand-filter{flex:0 0 180px;min-width:0;min-height:142px;padding:16px 12px;border:1px solid #d8dde5;border-radius:9px;background:#fff;color:#202631;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;scroll-snap-align:start;transition:border-color .2s,box-shadow .2s,transform .2s}
.brand-carousel .brand-filter:hover{border-color:var(--accent);transform:translateY(-2px)}.brand-carousel .brand-filter[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:#fff6f6}
.brand-mark{height:52px;width:110px;display:flex;align-items:center;justify-content:center}.brand-carousel .brand-mark img{width:95px;height:46px;object-fit:contain}.brand-mark svg{width:64px;height:44px}.brand-wordmark{font-size:16px;font-weight:800;overflow-wrap:anywhere;line-height:1.1;max-width:110px}
.brand-name{font-size:12px;font-weight:800}.brand-count{font-size:11px;color:#697385}.brand-carousel .brand-filter[aria-pressed=true] .brand-name{color:var(--accent)}.brand-swipe-hint{display:none;font-size:10px;color:#697385;text-align:center;margin-top:5px}
@media(max-width:760px){.brand-strip.brand-carousel{padding:18px 13px}.brand-carousel-heading{margin-bottom:12px}.brand-carousel-heading span{font-size:12px}.brand-arrows{display:none}.brand-carousel .brand-filter{flex-basis:126px;min-height:126px;padding:12px 8px}.brand-track{gap:10px;scrollbar-width:none}.brand-track::-webkit-scrollbar{display:none}.brand-carousel .brand-mark{width:95px;height:44px}.brand-carousel .brand-mark img{width:82px;height:38px}.brand-swipe-hint{display:block}.brand-name{font-size:11px}.brand-count{font-size:10px}}
@media(prefers-reduced-motion:reduce){.brand-carousel *{transition:none!important;scroll-behavior:auto!important}}