/* ===============================
   Responsive
   =============================== */
@media (max-width: 576px) {
  .shop-tabs { gap: 5px; }
  .shop-tabs .tab-btn {
    font-size: 14px;
    padding: 8px 12px;
  }

  /* карточки свайпом */
  .shop-grid {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 12px;
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
  }
  .shop-card {
    flex: 0 0 100%;
    max-width: 100%;
    scroll-snap-align: start;
  }
}