@media (max-width: 1100px) {
  .trek-cards {
    grid-template-columns: repeat(3, 1fr);
  }

  .destination-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 768px) {
  .home-header {
    padding: 0 12px;
  }

  .home-header-inner {
    height: auto;
    min-height: 66px;
    padding: 10px 0;
    gap: 10px;
    flex-wrap: wrap;
  }

  .home-header-search {
    order: 3;
    width: 100%;
    min-width: 0;
  }

  .home-nav {
    order: 2;
    flex: 1;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 12px;
  }

  .trek-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .carousel-item-body {
    padding: 26px 22px 44px;
  }

  .carousel-item-title {
    font-size: 28px;
  }

  .carousel-item-text {
    font-size: 15px;
  }

  .namasteearth-swiper .namasteearth-swiper-pagination {
    bottom: 14px;
  }

  .hero-heading {
    font-size: 36px;
  }

  .hero-subtext {
    font-size: 15px;
  }

  .hero {
    min-height: 380px;
  }

  .home-nav {
    gap: 14px;
  }

  .home-main {
    padding: 28px 16px 44px;
  }

  .intro-section {
    padding: 20px;
  }

  .intro-title,
  .favorites-heading,
  .destination-title {
    font-size: 26px;
  }

  .destination-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .home-footer-inner {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .btn-login {
    display: none;
  }
}

@media (max-width: 480px) {
  .trek-cards {
    grid-template-columns: 1fr;
  }

  .home-header-inner {
    justify-content: center;
  }

  .home-brand-logo-wrap .custom-logo {
    max-height: 42px;
  }

  .home-header-search {
    order: 2;
  }

  .home-nav {
    order: 3;
    width: 100%;
    justify-content: center;
    gap: 10px;
  }

  /* .namasteearth-carousel {
    padding: 28px 0 8px;
  } */

  .carousel-item-body {
    padding: 20px 16px 38px;
  }

  .carousel-item-title {
    font-size: 22px;
  }

  .carousel-item-text {
    font-size: 14px;
  }

  .namasteearth-swiper .namasteearth-swiper-pagination {
    bottom: 10px;
    gap: 8px;
  }

  .namasteearth-swiper .swiper-pagination-bullet-active {
    width: 28px;
  }

  .home-nav a:not(.btn-login) {
    font-size: 12px;
  }

  .hero-heading {
    font-size: 28px;
  }

  .hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .hero-book-btn,
  .hero-explore-link {
    text-align: center;
  }

  .favorites-heading {
    font-size: 22px;
  }

  .destination-grid {
    grid-template-columns: 1fr;
  }
}