/* ===========================
   RESPONSIVE - TOUR CATEGORY
=========================== */

/* ============================================
   TABLET - max-width: 900px
============================================ */
@media (max-width: 900px) {
  /* Hero & Intro */
  .tour-category-hero {
    margin-top: 60px;
    height: 30vh;
  }

  .tour-category-hero-content {
    margin-top: 0px;
  }
  .tour-category-hero-title {
    font-size: 2.5rem;
  }
  .tour-category-intro-inner {
    grid-template-columns: 1fr;
    gap: 1.5rem;
    padding: 2rem 1.5rem;
  }
  .tour-category-intro-left {
    order: 1;
  }
  .tour-category-intro-right {
    order: 2;
  }
  .tour-category-intro-right p {
    font-size: 0.95rem;
    line-height: 1.6;
  }
  /* Breadcrumb & Tabs */
  .tour-category-breadcrumb-inner {
    padding: 1rem 1.5rem;
    flex-wrap: wrap;
  }
  .tour-category-tabs-inner {
    justify-content: flex-start;
  }
  /* Tour list & Card */
  .tour-card-trip-title {
    font-size: 1.4rem;
  }

  .tour-card-days {
    font-size: 1.4rem;
  }

  .tour-category-tourlist {
    padding: 0 1.5rem 2.5rem;
  }
  .tour-card-media {
    min-height: 280px;
  }
  .tour-card-content {
    padding: 1.25rem;
  }
  .tour-card-title {
    font-size: 1.45rem;
  }
  .tour-card-price {
    border-right: none;
    padding-right: 0;
  }
  .tour-card-destination-row {
    grid-template-columns: 1fr;
    gap: 0.35rem;
  }
  /* Pagination */
  .tour-category-pagination {
    padding: 0 1.5rem;
    margin-bottom: 2.5rem;
  }
  .tour-category-page-btn {
    width: 46px;
    height: 46px;
  }
  /* Recently Viewed */
  .tour-category-recent {
    padding: 1rem 0;
  }
  .tour-category-recent-title {
    font-size: 1.5rem;
  }
  .recent-tour-image {
    width: 180px;
    min-width: 180px;
  }

  .tour-category-index-extras {
    padding: 0;
  }
}

/* ============================================
   MOBILE - max-width: 600px
============================================ */
@media (max-width: 600px) {
  /* Intro */
  .tour-category-intro-inner {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }
  .tour-category-intro-title {
    font-size: 1.5rem;
  }
  .tour-category-intro-icon {
    width: 60px;
    height: 60px;
  }
  .tour-category-intro-icon i {
    font-size: 2.5rem;
  }
  .tour-category-intro-right p {
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 0.75rem;
  }
  /* Tour Card */
  .tour-card {
    grid-template-columns: 1fr;
  }
  .tour-card-media {
    min-height: 200px;
  }
  /* Recently Viewed */
  .tour-category-recent-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 2rem;
  }
  .recent-tour-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    min-height: auto;
  }
  .recent-tour-image {
    width: 100%;
    min-width: 100%;
    height: 180px;
    border-radius: 10px 10px 0 0;
  }
  .recent-tour-content {
    padding: 0.5rem 0.75rem 0.75rem;
  }
  .recent-tour-name {
    font-size: 0.9rem;
  }
  .recent-tour-price {
    font-size: 0.9rem;
    margin-top: 4px;
  }

  .tour-search-box {
    margin: 1rem auto 1rem auto;
  }
  /* Hero */
  .tour-category-hero-title {
    font-size: 2rem;
  }
  /* Breadcrumb */
  .tour-category-breadcrumb-inner {
    padding: 2rem 2rem 1rem 2rem;
    font-size: 1rem;
  }
  /* Contact Info Bar */
  .contact-info-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
  .contact-info-icon {
    width: 40px;
    height: 40px;
  }
  .contact-info-icon i {
    font-size: 1.8rem;
  }
}

/* ============================================
   SMALL MOBILE - max-width: 480px
============================================ */
@media (max-width: 480px) {
  .container {
    padding: 0 2rem;
  }
  .tour-category-recent-inner {
    padding: 0 2rem;
  }
  /* Brands Section */
  .our-brands-section {
    padding: 1rem 0 3rem 0;
  }
  .our-brands-title {
    font-size: var(--font-size-xl);
  }
  .brands-grid {
    display: flex;
    gap: 1rem;
  }
  .brand-item {
    padding: 0.7rem;
    max-width: 100%;
  }
  .brand-name {
    font-size: var(--font-size-sm);
  }
  .brand-logo {
    max-width: 100px;
    height: 60px;
  }
  /* Intro */
  .tour-category-intro-inner {
    padding: 0 2rem;
  }
  .tour-category-intro-title {
    font-size: 1.5rem;
  }
  /* Tabs */
  .tour-category-tabs-pill {
    gap: 1.5rem;
    padding: 0.5rem 0.75rem;
  }
  .tour-category-tab {
    font-size: 0.9rem;
  }
  /* Tour Card */
  .tour-card-content {
    padding: 1rem;
  }
  .tour-card-title {
    font-size: 1.25rem;
  }
  .tour-card-desc {
    font-size: 0.9rem;
  }
  /* Pagination */
  .tour-category-page-btn {
    width: 38px;
    height: 38px;
    font-size: 0.9rem;
  }

  /* Back to Top Button */
  .back-to-top {
    width: 40px;
    height: 40px;
    bottom: 1.5rem;
    right: 1rem;
  }
  .back-to-top i {
    font-size: 1.4rem;
  }
}