/* Brand motors carousel — small, no external deps. Static overflow-x scroll works without JS. */
.brand-motors-carousel { border-top: 1px solid var(--border); padding: 48px 0; }
.bmc-track { display: flex; gap: 14px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 8px; scroll-behavior: smooth; }
.bmc-track:focus { outline: 2px solid var(--accent); outline-offset: 4px; }
.bmc-card { flex: 0 0 min(240px, 80vw); scroll-snap-align: start; border: 1px solid var(--border); border-radius: 12px; padding: 18px; text-decoration: none; color: inherit; background: transparent; }
.bmc-card:hover, .bmc-card:focus { border-color: var(--accent); }
.bmc-card h3 { margin: 0 0 6px; font-size: 1rem; color: var(--text); }
.bmc-card p { margin: 0; font-size: 0.85rem; color: var(--text-secondary); }
.bmc-controls { display: flex; gap: 8px; margin-top: 12px; }
.bmc-controls button { font-family: var(--body); font-size: 0.85rem; padding: 8px 12px; border-radius: 8px; border: 1px solid var(--border); background: transparent; color: var(--text); cursor: pointer; }
.bmc-controls button:hover, .bmc-controls button:focus { border-color: var(--accent); }
@media (prefers-reduced-motion: reduce) { .bmc-track { scroll-behavior: auto; } }