/* Native touch scrolling keeps vertical page gestures and purchase links intact. */
@media (max-width:760px) {
  .vinyl-grid {
    display:flex;
    gap:16px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:2px;
    padding:2px 2px 20px;
    scrollbar-width:thin;
    scrollbar-color:var(--orange) var(--line);
  }
  .vinyl-grid > .vinyl-card {
    flex:0 0 76%;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    animation:none;
  }
  .vinyl-grid > .vinyl-card h3 {margin-top:18px}
  .vinyl-grid > .vinyl-card:last-child {scroll-snap-align:end}
  .vinyl-grid:focus-visible {outline:2px solid var(--orange);outline-offset:6px}
  .vinyl-grid::-webkit-scrollbar {height:3px}
  .vinyl-grid::-webkit-scrollbar-track {background:var(--line)}
  .vinyl-grid::-webkit-scrollbar-thumb {background:var(--orange);border-radius:3px}
}