.location-section {
  padding: 140px 0px;
  overflow: hidden;
  background: linear-gradient(270deg, rgba(153, 115, 99, 0.88) -14.9%, rgba(255, 218, 198, 0.88) 49.17%, rgba(143, 106, 90, 0.88) 113.23%);
}


.locationSwiper {
  overflow: visible !important;
}


.locationSwiper .swiper-slide {
  width: 500px;
  flex-shrink: 0;
}


/* ════════════════════════════════════════════
   RESPONSIVE
   ════════════════════════════════════════════ */

/* ── Tablet (max 1024px) ── */
@media (max-width: 1024px) {
  .location-section {
    padding: 100px 0px;
  }

  .card-wrapper {
    gap: 16px;
    padding: 10px 24px;
  }
}

/* ── Small Tablet (max 768px) ── */
@media (max-width: 768px) {
  .location-section {
    padding: 72px 0px;
  }

  .card-wrapper {
    gap: 14px;
    padding: 10px 20px;
  }
}

/* ── Mobile (max 480px) ── */
@media (max-width: 480px) {
  .location-section {
    padding: 52px 0px;
  }

  .locationSwiper .swiper-slide {
    width: 320px;
    flex-shrink: 0;
  }

  .card-wrapper {
    gap: 12px;
    padding: 8px 16px;
    scroll-snap-type: x mandatory;
  }

  .card-wrapper>* {
    flex: 0 0 88vw;
    max-width: 88vw;
  }
}