/* =========================================================
   Divnitiy Travels — Responsive Overrides
   ========================================================= */

@media (max-width: 1199.98px){
  .search-fields{grid-template-columns:1fr 1fr;}
  .search-fields .field{border-right:none;border-bottom:1px dashed rgba(27,26,23,0.15);}
  .search-fields .field:last-of-type{border-bottom:none;}
  .fare-breakdown{position:static;margin-top:30px;}
}

@media (max-width: 991.98px){
  .hero{padding:130px 0 90px;}
  .hero-plane-wrap{width:70%;top:2%;right:-10%;opacity:0.5;}
  .section{padding:70px 0;}
  .newsletter-box{padding:40px 24px;}
  .flight-card{grid-template-columns:1fr;text-align:left;}
  .flight-price{text-align:left;margin-top:10px;}
  .contact-info-card{margin-bottom:30px;}
}

@media (max-width: 767.98px){
  .hero-plane-wrap{display:none;}
  .search-fields{grid-template-columns:1fr;padding:14px;}
  .search-fields .field{padding:12px 4px;}
  .navbar-divinity{padding:12px 0;}
  .hero{padding:110px 0 70px;text-align:center;}
  .hero p.lead{margin-left:auto;margin-right:auto;}
  .hero h1{max-width:100%;}
  .search-console{margin-top:36px;}
  .stub-card::before, .stub-card::after{display:none;}
  .section-head{text-align:center;margin-bottom:36px;}
  .section-head p{margin-left:auto;margin-right:auto;}
  #backToTop{right:16px;bottom:16px;width:42px;height:42px;}
  .whatsapp-float{left:16px;bottom:16px;width:48px;height:48px;font-size:1.3rem;}
  .toast-divinity{right:12px;left:12px;top:80px;}
  .page-header{padding:120px 0 50px;}
  .footer{padding-top:56px;}
  .airline-strip{justify-content:center;gap:22px;}
}

@media (max-width: 575.98px){
  .flight-route-row{flex-direction:column;align-items:flex-start;}
  .route-path{width:100%;}
  .stat-block .num{font-size:2rem;}
  .contact-info-card, .fare-breakdown{padding:26px;}
}


/* =========================================================
   Divnitiy Travels — Responsive Overrides
   ========================================================= */

/* ---- Large Devices (Desktops & Laptops) ---- */
@media (max-width: 1199.98px){
  .search-fields { grid-template-columns: 1fr 1fr; }
  .search-fields .field { border-right: none; border-bottom: 1px dashed rgba(27,26,23,0.15); }
  .search-fields .field:last-of-type { border-bottom: none; }
  .fare-breakdown { position: static; margin-top: 30px; }
}

/* ---- Medium Devices (Tablets) ---- */
@media (max-width: 991.98px){
  .hero { padding: 130px 0 90px; }
  .hero-plane-wrap { width: 70%; top: 2%; right: -10%; opacity: 0.5; }
  .section { padding: 70px 0; }
  .newsletter-box { padding: 40px 24px; }
  .flight-card { grid-template-columns: 1fr; text-align: left; }
  .flight-price { text-align: left; margin-top: 10px; }
  .contact-info-card { margin-bottom: 30px; }
}

/* ---- Small Devices (Landscape Phones & Tablets) ---- */
@media (max-width: 767.98px){
  .hero-plane-wrap { display: none; }
  .search-fields { grid-template-columns: 1fr; padding: 14px; }
  .search-fields .field { padding: 12px 4px; }
  .navbar-divinity { padding: 12px 0; }
  .hero { padding: 110px 0 70px; text-align: center; }
  .hero p.lead { margin-left: auto; margin-right: auto; }
  .hero h1 { max-width: 100%; }
  .search-console { margin-top: 36px; }
  .stub-card::before, .stub-card::after { display: none; }
  .section-head { text-align: center; margin-bottom: 36px; }
  .section-head p { margin-left: auto; margin-right: auto; }
  #backToTop { right: 16px; bottom: 16px; width: 42px; height: 42px; }
  .whatsapp-float { left: 16px; bottom: 16px; width: 48px; height: 48px; font-size: 1.3rem; }
  .toast-divinity { right: 12px; left: 12px; top: 80px; }
  .page-header { padding: 120px 0 50px; }
  .footer { padding-top: 56px; }
  .airline-strip { justify-content: center; gap: 22px; }
  
  /* Premium Sticky Call Responsive overrides */
  .premium-sticky-call {
      padding: 10px 15px;
  }
  .agent-avatar-wrap {
      width: 42px;
      height: 42px;
  }
  .phone-context .call-headline {
      font-size: 13px;
  }
  .phone-link {
      font-size: 14px;
  }
  .pulse-call-btn {
      padding: 10px 14px;
      border-radius: 50%; /* Make button circular icon on mobile */
  }
}

/* ---- Extra Small Devices (Portrait Phones) ---- */
@media (max-width: 575.98px){
  .flight-route-row { flex-direction: column; align-items: flex-start; }
  .route-path { width: 100%; }
  .stat-block .num { font-size: 2rem; }
  .contact-info-card, .fare-breakdown { padding: 26px; }
}