/* Mobile-first ultra-premium city page. Scoped: does not alter FAQ or trust sections. */
#cyp-dynamic-city{--ultra-green:#123e32;--ultra-orange:#ef712d;--ultra-border:#e6ece8;background:#fff;color:#183f34}
#cyp-dynamic-city .cyp-city-hero{min-height:0!important;padding:35px 0 38px!important;background-position:center 45%!important}
#cyp-dynamic-city .cyp-city-hero-content{max-width:760px!important;padding:0!important}
#cyp-dynamic-city .cyp-city-hero h1{font-size:clamp(27px,4vw,44px)!important;line-height:1.13!important;margin:8px 0 10px!important}
#cyp-dynamic-city .cyp-city-hero p{font-size:clamp(13px,1.5vw,16px)!important;line-height:1.55!important;max-width:600px!important;margin-bottom:15px!important}
#cyp-dynamic-city .cyp-city-breadcrumb{display:none!important}
#cyp-dynamic-city .cyp-premium-hero-actions{display:flex!important;gap:10px!important;flex-wrap:wrap!important;margin-top:12px!important}
#cyp-dynamic-city .cyp-premium-hero-actions>*{min-height:43px!important;padding:11px 17px!important;font-size:13px!important;border-radius:10px!important}
#cyp-dynamic-city .cyp-ultra-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:18px!important;margin-bottom:16px!important;background:#fff;border:1px solid var(--ultra-border);box-shadow:0 9px 28px #123e3210;border-radius:18px;overflow:hidden;padding:8px!important}
#cyp-dynamic-city .cyp-ultra-services>div{min-width:0;display:flex;align-items:center;flex-direction:column;text-align:center;gap:4px;padding:12px 4px;border-right:1px solid #eef0ed}
#cyp-dynamic-city .cyp-ultra-services>div:nth-child(3n){border-right:0}
#cyp-dynamic-city .cyp-ultra-services>div span{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;background:#e9f5ef;color:#14845a;font-size:21px;font-weight:700}
#cyp-dynamic-city .cyp-ultra-services>div:nth-child(3n) span{background:#fff0e6;color:#e86c28}
#cyp-dynamic-city .cyp-ultra-services strong{font-size:11px;line-height:1.3;color:#173d33}
#cyp-dynamic-city .cyp-ultra-services small{font-size:10px;line-height:1.3;color:#6b7973}
#cyp-dynamic-city .cyp-city-overview{padding:10px 0 24px!important}
#cyp-dynamic-city .cyp-city-overview-grid{display:block!important;grid-template-columns:1fr!important}
#cyp-dynamic-city .cyp-city-overview-copy{width:100%!important;max-width:none!important;border:1px solid var(--ultra-border);border-radius:18px;background:#fff;padding:24px!important;box-shadow:0 8px 28px #123e3208}
#cyp-dynamic-city .cyp-approved-overview-photo{display:none!important}
#cyp-dynamic-city .cyp-city-tour-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin-top:14px!important;padding:18px!important;border:1px solid var(--ultra-border);border-radius:18px;background:#fff;box-shadow:0 8px 28px #123e3208}
#cyp-dynamic-city .cyp-city-tour-details:before{content:'PACKAGE DETAILS  ·  Quick Information';display:block;grid-column:1/-1;color:#153f33;font-size:16px;font-weight:800;padding:0 0 7px}
#cyp-dynamic-city .cyp-city-tour-detail{display:flex!important;align-items:center!important;gap:10px!important;min-width:0!important;border:0!important;border-radius:13px!important;background:linear-gradient(125deg,#f0f7f2,#fafaf7)!important;padding:14px 11px!important;box-shadow:none!important}
#cyp-dynamic-city .cyp-city-tour-detail:nth-child(2n){background:linear-gradient(125deg,#fff4ec,#f9faf7)!important}
#cyp-dynamic-city .cyp-city-tour-detail>span{color:#e76e29!important;font-size:23px!important;flex:0 0 26px}
#cyp-dynamic-city .cyp-city-tour-detail small{display:block!important;font-size:11px!important;color:#6b7773!important}
#cyp-dynamic-city .cyp-city-tour-detail strong{display:block!important;font-size:12px!important;line-height:1.4!important;color:#153e33!important;overflow-wrap:anywhere}
#cyp-dynamic-city .cyp-city-itinerary-section{padding-top:10px!important}
#cyp-dynamic-city .cyp-city-itinerary-item{border-radius:13px!important;overflow:hidden;border:1px solid var(--ultra-border)!important;margin-bottom:9px!important;box-shadow:0 3px 14px #123e3207}
#cyp-dynamic-city .cyp-city-inc-exc{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
#cyp-dynamic-city .cyp-city-inc-card,#cyp-dynamic-city .cyp-city-exc-card{border-radius:17px!important;padding:20px!important;min-width:0}
#cyp-dynamic-city .cyp-ultra-enquiry{padding:16px 0 25px}
#cyp-dynamic-city .cyp-ultra-enquiry-panel{border-radius:18px;padding:27px 24px;background:linear-gradient(110deg,#073e32ed,#174b3be8),url('/assets/images/haridwar-package.jpg') center/cover;color:#fff}
#cyp-dynamic-city .cyp-ultra-enquiry-panel>span{font-size:11px;font-weight:800;letter-spacing:.12em;color:#ffa367}
#cyp-dynamic-city .cyp-ultra-enquiry-panel h2{color:#fff!important;font-size:clamp(19px,2.5vw,27px);margin:7px 0}
#cyp-dynamic-city .cyp-ultra-enquiry-panel p{font-size:13px;color:#e3f0e9;margin:0 0 15px}
#cyp-dynamic-city .cyp-ultra-cta-actions{display:flex;gap:10px;flex-wrap:wrap}
#cyp-dynamic-city .cyp-ultra-cta-actions>*{appearance:none;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;border-radius:10px;padding:12px 17px;min-height:43px;font-size:13px;font-weight:750;cursor:pointer}
#cyp-dynamic-city .cyp-ultra-cta-actions button{background:#ed702d;color:#fff;border:1px solid #ed702d}
#cyp-dynamic-city .cyp-ultra-cta-actions a{color:#fff;border:1px solid #c3ded1;background:transparent}
#cyp-dynamic-city .cyp-ultra-groups{padding:16px 0 32px}
#cyp-dynamic-city .cyp-ultra-package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
#cyp-dynamic-city .cyp-ultra-package-card{min-width:0;overflow:hidden;border:1px solid var(--ultra-border);border-radius:16px;background:#fff;box-shadow:0 8px 25px #123e3211}
#cyp-dynamic-city .cyp-ultra-package-photo{display:block;aspect-ratio:16/10;overflow:hidden}
#cyp-dynamic-city .cyp-ultra-package-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s}
#cyp-dynamic-city .cyp-ultra-package-photo:hover img{transform:scale(1.035)}
#cyp-dynamic-city .cyp-ultra-package-info{padding:13px}
#cyp-dynamic-city .cyp-ultra-package-info h3{font-size:14px;line-height:1.4;margin:0 0 6px;color:#153f33}
#cyp-dynamic-city .cyp-ultra-package-info p{font-size:12px;color:#687a70;margin:0 0 10px}
#cyp-dynamic-city .cyp-ultra-package-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
#cyp-dynamic-city .cyp-ultra-package-bottom strong{font-size:16px;color:#153f33}
#cyp-dynamic-city .cyp-ultra-package-bottom a{background:#ed702d;color:#fff;text-decoration:none;padding:8px 10px;border-radius:9px;font-size:11px;font-weight:700}
@media(min-width:760px){#cyp-dynamic-city .cyp-city-hero{padding:46px 0 48px!important}#cyp-dynamic-city .cyp-ultra-services{grid-template-columns:repeat(6,minmax(0,1fr))}#cyp-dynamic-city .cyp-ultra-services>div:nth-child(3n){border-right:1px solid #eef0ed}#cyp-dynamic-city .cyp-ultra-services>div:last-child{border-right:0}#cyp-dynamic-city .cyp-city-tour-details{grid-template-columns:repeat(3,minmax(0,1fr))!important}#cyp-dynamic-city .cyp-ultra-package-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:759px){
  #cyp-dynamic-city .cyp-city-inc-exc{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important;}
  #cyp-dynamic-city .cyp-city-inc-card,
  #cyp-dynamic-city .cyp-city-exc-card{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;}
}
@media(max-width:380px){#cyp-dynamic-city .cyp-ultra-package-grid{grid-template-columns:1fr}}

/* FIX v3: Mobile inclusions/exclusions must stack vertically.
   Broad selectors intentionally override legacy two-column styles. */
@media only screen and (max-width: 1024px) {
  html body #cyp-dynamic-city .cyp-city-inc-exc,
  html body .cyp-city-inc-exc {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    align-items: stretch !important;
    gap: 18px !important;
  }
  html body #cyp-dynamic-city .cyp-city-inc-exc > .cyp-city-inc-card,
  html body #cyp-dynamic-city .cyp-city-inc-exc > .cyp-city-exc-card,
  html body .cyp-city-inc-exc > .cyp-city-inc-card,
  html body .cyp-city-inc-exc > .cyp-city-exc-card {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
    box-sizing: border-box !important;
    grid-column: 1 / -1 !important;
  }
}