/* ============================================
   INDIGO CABS — responsive.css
   All media queries extracted from style.css
   ============================================ */

@media (max-width: 1024px) {
  .about-story-grid { gap: 40px; }
  .about-badge-float { left: 0; }
  .about-badge-float2 { right: 0; }
  .about-stats-row { grid-template-columns: repeat(2, 1fr); }
  .about-stat:nth-child(2) { border-right: none; }
  .about-team-grid { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .about-story-grid { grid-template-columns: 1fr; gap: 40px; }
  .about-story-img { display: none; }
  .about-stats-row { grid-template-columns: repeat(2, 1fr); padding: 0; }
  .about-team-grid { grid-template-columns: 1fr; }
  .about-values-grid { grid-template-columns: 1fr; }
  .page-section { padding: 48px 16px; }
}

@media (max-width: 640px) {
  /* Itinerary bottom sheet */
  .itin-sheet { height: 82vh; border-radius: 20px 20px 0 0; }
  .itin-close-btn { bottom: calc(82vh + 10px); }
  .itin-content { padding: 16px 16px 32px; }
  .itin-facts { grid-template-columns: 1fr 1fr; }
  .itin-title { font-size: 18px; }
  .itin-stop { grid-template-columns: 48px 16px 1fr; gap: 8px; }
  .itin-stop-time { font-size: 10px; }
  .itin-pkg-grid { grid-template-columns: 1fr 1fr; }
  .itin-includes { grid-template-columns: 1fr; }
  .itin-bottom-cta { flex-direction: column; }

  /* General layout */
  .topbar { display: none; }
  .nav-inner { padding: 0 16px; height: 56px; }
  .logo-brand { font-size: 15px; }
  .logo-sub { display: none; }
  .nav-cta .btn-call { display: none; }
  .footer-top { grid-template-columns: 1fr; gap: 32px; padding: 40px 16px 32px; }
  .footer-bottom { flex-direction: column; text-align: center; padding: 20px 16px; }
  .wa-float { bottom: 16px; left: 16px; width: 52px; height: 52px; }
  .call-float { bottom: 16px; right: 16px; width: 52px; height: 52px; }
  .page-hero { padding: 48px 16px 44px; }
  .page-cta-banner-btns { flex-direction: column; align-items: stretch; }
  .page-cta-banner-btns a { justify-content: center; }
  .about-stat-num { font-size: 28px; }
  .about-stats-row { grid-template-columns: 1fr 1fr; }
}




/* Responsive styles moved from taxi-style.css */

@media (min-width: 769px) {
  .h2-top { padding: 60px 0 36px; }
  .h2-headline-row { flex-direction: row; align-items: flex-start; justify-content: space-between; gap: 40px; }
  .h2-text { flex: 1; max-width: 588px; }
  .h2-stats-row { align-self: flex-start; }
  .h2-cards-scroll {
    padding: 0 20px 16px;
    /* On desktop, allow larger cards */
  }
  .h2-svc-card { width: 190px; }

  .h2-scroll-dots { display: none; }
  .h2-quick-bar { padding: 18px 0; }
}

@media (min-width: 1080px) {
  .h2-svc-card { width: calc((1180px - 10*14px) / 9); max-width: 210px; }
  .h2-cards-scroll {
    /* center within container on very large screens */
    justify-content: center;
    padding: 0 0 16px;
    max-width: 1180px;
    margin: 0 auto;
    overflow-x: visible;
  }
}

@media (max-width: 768px) {
  .h2-top { padding: 32px 0 22px; }
  .h2-headline-row { flex-direction: column; gap: 16px; }
  .h2-stats-row {
    width: 100%;
    justify-content: space-around;
    padding: 12px 10px;
  }
  .h2-stat { padding: 0 10px; }
  .h2-stat-num { font-size: 1.2rem; }
  .h2-svc-card { width: 140px;        height: 199px; }
  .h2-card-img-wrap { height: 100px; }
  .h2-qb-inner {
    flex-direction: column;
    border-radius: var(--radius-lg);
    overflow: visible;
    background: transparent;
    box-shadow: none;
    border: none;
    gap: 8px;
  }
  .h2-qb-item {
    background: var(--white);
    border-radius: var(--radius);
    padding: 0 16px;
    border: 1.5px solid var(--gray-100);
  }
  .h2-qb-div { display: none; }
  .h2-qb-btn {
    width: 100%;
    justify-content: center;
    border-radius: var(--radius);
    padding: 14px;
  }
  .h2-quick-bar { padding: 14px 0 20px; }
}

@media (hover: hover) {
  .wcu-card:hover .wcu-card-inner { transform: rotateY(180deg); }
}

@media (min-width: 1080px) {
  .wcu-track {
    max-width: 1180px;
    margin: 0 auto;
    padding: 8px 0 20px;
    flex-wrap: wrap;
    overflow-x: visible;
    justify-content: center;
  }
  .wcu-card { width: calc((1180px - 11*14px) / 6 - 1px); }
  .wcu-scroll-hint { display: none; }
}

@media (max-width: 768px) {
  .wcu-section { padding: 36px 0 24px; }
  .wcu-card { width: 152px; height: 246px; }
  .wcu-icon{width: 62px;height: 62px;}
  .wcu-icon i{font-size: 40px;}
  .wcu-card-label{font-size: 18px;}
}

@media (min-width: 900px) {
  .svc2-track { padding: 4px 0 16px; }
  .svc2-swipe-hint { display: none; }
}

@media (max-width: 640px) {
  .svc2-card { width: 272px; }
  .svc2-card-img-wrap { height: 140px; }
}

@media (min-width: 768px) {
  .pkg-card {
    flex-direction: row;
    align-items: stretch;
  }
  .pkg-card-img-wrap {
    width: 320px;
    height: auto;
    flex-shrink: 0;
  }
  .pkg-card-body { flex: 1; }
}

@media (max-width: 767px) {
  .pkg-card-img-wrap { height: 200px; }
  .pkg-card-body { padding: 18px 18px 22px; }
  .pkg-title { font-size: 18px; }
  .pkg-cta-bar { gap: 8px; }
  .pkg-btn { font-size: 12px; padding: 9px 20px; }
  .pkg-trust-item { font-size: 11px; padding: 12px 8px; }
}

@media (max-width: 480px) {
  .pkg-cta-bar { flex-direction: column; }
  .pkg-btn { justify-content: center; }
  .pkg-trust-bar { flex-direction: column; }
  .pkg-trust-item { border-right: none; border-bottom: 1px solid var(--border); }
  .pkg-trust-item:last-child { border-bottom: none; }
}

@media (max-width: 1024px) {
  .fleet-cards-grid { grid-template-columns: repeat(2, 1fr); }
}

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

@media (max-width: 900px) {
  .booking-section { padding: 64px 0; }
  .booking-inner {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .booking-left { text-align: center; }
  .booking-contact-cards { flex-direction: row; }
  .bcc-card { flex: 1; }
}

@media (max-width: 600px) {
  .booking-section { padding: 48px 16px; }
  .booking-right { padding: 24px 16px; }
  .booking-form { padding: 24px 18px; }
  .bf-row { grid-template-columns: 1fr; gap: 12px; }
  .booking-contact-cards { flex-direction: column; }
  .bcc-card { padding: 14px 16px; }
  .bcc-icon { font-size: 22px; }
  .bcc-val { font-size: 14px; }
}

@media (max-width: 900px) {
  .testimonials { padding: 56px 24px; }

  /* Summary card: collapse to single column */
  .review-summary-card {
    grid-template-columns: 1fr;
  }
  .review-summary-left {
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    padding: 20px 24px;
    border-right: none;
    border-bottom: 1px solid var(--border);
  }
  .rsl-score { font-size: 44px; }
  .review-summary-right { padding: 20px 24px; }
  .review-summary-intro { margin-bottom: 14px; }
  .rating-bar-platform { min-width: 110px; }

  /* Carousel: 1 card at a time */
  .reviews-track .review-card { flex: 0 0 100%; width: 100%; }
}

@media (max-width: 600px) {
  .testimonials { padding: 44px 16px; }

  /* Summary card left: back to column */
  .review-summary-left {
    flex-direction: column;
    align-items: center;
    padding: 20px 16px;
    gap: 6px;
  }
  .rsl-score { font-size: 40px; }
  .review-summary-right { padding: 16px; }
  .rating-bar-platform { min-width: 90px; }
  .rating-bar-platform span { font-size: 11px; }
  .review-summary-intro { font-size: 12px; }

  /* Review cards */
  .review-card { padding: 16px; }
  .reviewer-avatar-placeholder { width: 38px; height: 38px; font-size: 13px; }
}

@media (max-width: 1100px) {
  .hero-content { grid-template-columns: 1fr 360px; gap: 40px; }
  .why-grid { gap: 48px; }
}

@media (max-width: 900px) {
  .hero-content { grid-template-columns: 1fr; gap: 36px; }
  .hero-card { max-width: 480px; }
  .why-grid { grid-template-columns: 1fr; gap: 36px; }
  .why-float-card { right: 10px; }
  .reviews-grid { grid-template-columns: 1fr 1fr; }
  .cities-grid { grid-template-columns: repeat(3, 1fr); }
  .process-steps { grid-template-columns: repeat(2, 1fr); }
  .process-steps::before { display: none; }
}

@media (max-width: 768px) {
  .section { padding: 52px 0 56px; }
  .fleet-cards-grid { grid-template-columns: 1fr; }
  .reviews-grid { grid-template-columns: 1fr; }
  .hero { min-height: auto; padding: 48px 0 40px; }
  .hero-headline { font-size: clamp(2rem, 7vw, 3rem); }
  .hero-stats { gap: 16px; margin-top: 28px; }
  .hero-stat-num { font-size: 1.5rem; }
  .ss-header-right{display:none;}
  .ss-title {font-size: 1.4rem;}
  .ss-card {flex: 0 0 86vw;min-width: 270px;}
   .ss-bottom-bar{padding:16px 18px;}
  .ss-bottom-wa,.ss-bottom-call{padding:10px 16px;font-size:0.74rem;}


  /* Fleet mobile */
  .fv-specs { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  .hero-actions { flex-direction: column; }
  .btn-primary, .btn-outline-white { width: 100%; justify-content: center; }
  .cities-grid { grid-template-columns: repeat(2, 1fr); }
  .process-steps { grid-template-columns: 1fr; }
  .cta-actions { flex-direction: column; align-items: stretch; }
  .btn-cta-primary, .btn-cta-outline { justify-content: center; }
  .hc-row { grid-template-columns: 1fr; }
  .fab-call .fab-label { display: none; }
  .fv-specs { grid-template-columns: 1fr 1fr; }
  .why-main-img { height: 280px; }
  .why-float-card { right: 0; bottom: -16px; }
  .section-title { font-size: clamp(1.4rem, 5.5vw, 2rem); }
}

@media (max-width: 1024px) {
  .tl-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .tl-grid { grid-template-columns: 1fr; gap: 2px; }
  .tl-img-wrap { height: 180px; }
  .tl-bottom-cta .container { flex-direction: column; gap: 10px; }
  .tl-bottom-btn, .tl-bottom-btn-wa { width: 100%; justify-content: center; }
}

@media (max-width: 900px) {
  .sight-car-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .sight-section { padding: 60px 0 40px; }
  .sight-spots-grid { grid-template-columns: 1fr; }
  .sight-spot:nth-child(even) { border-right: 1px solid var(--border); }
  .sight-spot-img-wrap { height: 160px; }
  .sight-car-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
  .sight-plan-bar { padding: 12px 16px; gap: 0; }
  .spb-item strong { font-size: 12px; }
  .sight-cta-bar { flex-direction: column; align-items: flex-start; }
  .scb-btns { width: 100%; }
  .pkg-btn { flex: 1; justify-content: center; }
}

@media (max-width: 400px) {
  .sight-car-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .bm-card { border-radius: var(--radius-lg); }
  .bm-body { padding: 48px 18px 24px; }
  .bm-title { font-size: 18px; }
  .bm-form .bf-row { grid-template-columns: 1fr; gap: 12px; }
}

@media only screen and (min-width: 600px) {
.modal-content.slideupcontent{height: 80vh;}
.modal-content.slideupcontent{width: 70%;}
}

@media only screen and (max-width: 600px) {
.modal-content.slideupcontent{width: 100%;}
.modal-content.slideupcontent{ height: 80vh !important;}
.modal-content.slideupcontent.modalinner{ height: 85vh !important;}
.close-btn {
          position: absolute !important;
        top: -18px !important;
        left: 50% !important;
        margin: -29px auto !important;
        margin-left: -20px !important;
}
.close-btn.innerbtn{top: 38px !important; margin: -40px 20px 0 auto !important; box-shadow: none !important;color: #434343; width: 30px;height: 30px; line-height: 30px; background: #aaaaaa;}

}

@media (max-width:575px){
  .h2-badge{font-size: 9px; padding: 2px 9px; margin-bottom: 10px;}
  .h2-headline{font-size: 35px;}
  .h2-sub{margin: 10px 0px;    font-size: 11px;}
  .hero-actions .btn-primary,.hero-actions .btn-outline-white,.h2-btn-call,.h2-btn-wa{font-size: 10px;padding: 8px 6px;border-radius: 4px;}
  .btn-outline-white{    width: 250px;}
  .h2-headline-row{text-align: left;}
  .h2-pick-label{display: none;}
  .hero2{padding-bottom: 15px;}
  .hero-actions{flex-direction: row; flex-wrap: inherit;    padding: 3px 0px;}
  .h2-top { padding: 20px 0 16px; }
  .h2-card-icon{position: absolute; top: -40px; left: 10px;}
  .h2-svc-card{height: 155px;}
  .h2-card-body{padding-bottom: 6px;}
  .h2-stats-row{padding: 8px 10px;margin-top: 0px;}
  .h2-stat-num {font-size: 1rem;}
  .pkg-inner{padding: 0 15px;}
  .pkg-tabs-track{padding: 6px 8px;}
  .pkg-tab{padding: 4px 4px;font-size: 11px;}
  .mob-nav-link{font-size: 0.9rem;    font-weight: 500;color: var(--text-body);}
  .pkg-title {font-size: 16px;}
  .pkg-desc{font-size: 11px;        margin-top: -10px;}
  .pkg-trust-bar{display: block;}
  .pkg-icons-row{column-gap: 6px; flex-wrap: inherit; justify-content: space-between;}
  .pkg-icon-item small{font-size: 8px;}
  .sight-more-chips span,.pkg-dest-chip{font-size: 9px;}
  .sight-spot-more{padding: 11.32px 18px;}
  .pkg-card-body {padding: 7px 10px 22px;}
  .fleet-filter-tabs{padding: 10px 9px 5px;}
  .flt-tab{      font-weight: 500;  padding: 3px 17px;    font-size: 12px;}
  .popframe {height: 86vh; padding-bottom: 24%;}
  .modeltitle{    font-size: 20px;}
  .mobal-content-box{padding-top: 10px;}
  .placesvisit{scrollbar-width: none;}
  .overview-content p, .overview-content ul li, .notetag {font-size: 12px;}
.modal-h2 {font-size: 14px;}
#itinerarylist a{padding: 10px 38px 10px 10px; font-size: 12px;}
#itinerarylist a .timebox{column-gap: 3px;font-size: 10px;padding: 5px 5px;flex: 0 0 86px;}
#itinerarylist .itinerary-body li, #itinerarylist .itinerary-body p, .inclusion ul li, .notes li {font-size: 12px;}
.itinerary-icons ul{padding-left: 10px !important;    flex-wrap: wrap;}
.itinerary-icons ul li img {width: 20px;    gap: 6px; column-gap: inherit;}
.inclusion ul li{padding-bottom: 10px;}
.modeltitle{font-size: 20px;}
.modal-nav ul li a{font-size: 12px;}
#itinerarylist .itinerary-body ul li,.related-package .review-photo ul li {flex: 0 0 68%;}
.booking-01 {margin: 5px 0px;    padding: 20px 10px; height: auto;}
.additionalinfo a.collapse-toggle img {width: 25px;}
.nav-logo img {width: 130px; height: 40px;}
.itin-cta-call, .itin-cta-wa{font-size: 12px;}
.pkg-car-details span{padding: 2px 8px;font-size: 10px; margin: 3px 5px;}
.pkg-car-details{display: flex; flex-wrap: wrap;}
.pkg-cta-bar {flex-direction: row; }
.pkg-section{padding-top: 56px;}
.placesvisit img{height: 170px; object-fit: cover;}
.hero-wcu{margin-left: 0;text-align: center !important;  margin-bottom: 0 !important;}
.hero-wcu-scroll .wcu-icon{width: 70px;height: 70px;}
.hero-wcu-scroll .wcu-icon i{font-size: 40px;}
.hero-wcu .wcu-eyebrow{    color: rgba(165, 180, 252, 0.55);        margin-bottom: 4px;}
.mob-quick-form{background: rgba(255, 255, 255, 0.06); padding: 20px 15px;}
.mob-quick-form h3{color: #fff;font-weight: 500;text-align: center;}
.mob-quick-form .morecustomization label{color: #fff; font-weight: 500;}
.mob-quick-form .note-section .labelform,.mob-quick-form .showoption{    color: #fff;}
.drawer-box,.menu-bottom{display: block;}
}