/* ============ SPECIALTIES strip (mobile + desktop) ============
   Ham 2026-11-08: seamless horizontal strip — NO arrows, NO dots,
   NO auto-advance. The track is a native horizontal scroll
   (overflow-x:auto, scrollbar hidden); the next card peeks so the strip
   reads as scrollable. Desktop mouse gets drag-to-scroll (see
   spec-carousel.js); touch swipe and trackpad work natively.
   - Desktop: 4 cards visible (273px cards, 28px gap).
   - Mobile: 1 card per page (300px card, next card peeking).
   - RTL-safe, respects prefers-reduced-motion. */

.spec-track{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.spec-track::-webkit-scrollbar{display:none}
.spec-track:active{cursor:grabbing}
.spec-track .spec-grid{display:flex;gap:28px;width:max-content}
.spec-track .spec-grid .spec-card{flex:0 0 273px;width:273px}
@media (max-width:640px){
  .spec-track .spec-grid .spec-card{flex:0 0 300px;width:300px}
}