.brand-carousel-section { margin-block:55px 76px; padding-block:40px 30px; background:#f6f7f9; }
.brand-carousel-heading { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:24px; }
.brand-carousel-heading h2 { margin:10px 0 0; font-family:var(--heading); font-size:clamp(28px,3vw,40px); font-weight:650; letter-spacing:-1.2px; line-height:1.2; }
.brand-carousel-actions,.brand-carousel-controls { display:flex; align-items:center; gap:10px; }
.brand-carousel-actions { gap:24px; }
.brand-carousel-controls[hidden] { display:none; }
.brand-carousel-controls button[hidden] { display:none; }
.brand-carousel-controls button { display:grid; place-items:center; width:42px; height:42px; padding:0; color:var(--navy); border:1px solid #e0e6ed; border-radius:50%; background:white; cursor:pointer; transition:color .2s,border-color .2s; }
.brand-carousel-controls button:hover { color:var(--blue); border-color:var(--blue); }
.brand-carousel-controls .icon { width:18px; height:18px; }
.brand-prev-icon { transform:rotate(180deg); }
.brand-carousel-track { display:flex; gap:24px; overflow-x:auto; overscroll-behavior-inline:contain; scrollbar-width:none; padding:8px 2px 28px; touch-action:pan-x pan-y; -webkit-overflow-scrolling:touch; }
.brand-carousel-track::-webkit-scrollbar { display:none; }
.brand-carousel-card { flex:0 0 clamp(224px,20vw,280px); display:grid; place-items:center; aspect-ratio:2 / 1; min-width:0; min-height:0; padding:20px; background:white; border:1px solid #edf0f4; border-radius:16px; box-shadow:0 12px 24px #14243b07; transition:transform .25s,box-shadow .25s,border-color .25s; -webkit-user-drag:none; }
.brand-carousel-card:hover { transform:translateY(-4px); box-shadow:0 16px 28px #14243b0d; border-color:#c7e5fb; }
.brand-carousel-card .manufacturer-logo { display:block; width:100%; height:60px; object-fit:contain; pointer-events:none; user-select:none; -webkit-user-drag:none; }
.brand-carousel-card .manufacturer-logo--apple { width:44px; height:54px; }
.brand-carousel-card .manufacturer-logo--xiaomi { width:56px; height:56px; }
.manufacturer-name { font-family:var(--heading); font-size:25px; font-weight:750; }
.brand-carousel-controls button:focus-visible,.brand-carousel-card:focus-visible,.brand-carousel-track:focus-visible { outline:3px solid var(--blue); outline-offset:-3px; }
@media (max-width:1000px) {
    .brand-carousel-card { flex-basis:200px; padding:18px; }
}
@media (max-width:640px) {
    .brand-carousel-section { margin-block:32px 46px; padding-block:28px 16px; }
    .brand-carousel-heading { align-items:center; gap:12px; }
    .brand-carousel-heading .eyebrow { font-size:9px; letter-spacing:1.5px; }
    .brand-carousel-heading h2 { font-size:28px; }
    .brand-carousel-actions>.text-link { display:none; }
    .brand-carousel-controls { gap:5px; }
    .brand-carousel-controls button { width:32px; height:32px; }
    .brand-carousel-controls .icon { width:14px; height:14px; }
    .brand-carousel-track { gap:14px; padding-bottom:20px; }
    .brand-carousel-card { flex-basis:176px; padding:14px; border-radius:14px; }
    .brand-carousel-card .manufacturer-logo { height:44px; }
    .brand-carousel-card .manufacturer-logo--apple { width:32px; height:40px; }
    .brand-carousel-card .manufacturer-logo--xiaomi { width:44px; height:44px; }
    .manufacturer-name { font-size:20px; }
}
@media (prefers-reduced-motion:reduce) {
    .brand-carousel-card,.brand-carousel-controls button { transition:none; }
    .brand-carousel-card:hover { transform:none; }
}