/* ==========================================================================
   Listing pages — Day Tours & Rajasthan Tours
   Rebuilt to match reference design: dark hero, tag-badge cards, CTA band
   ========================================================================== */

/* ---------- Hero ---------- */
.listing-hero{
  position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  color:#fff;text-align:center;padding:60px 24px;
  background:linear-gradient(rgba(11,29,51,.55),rgba(11,29,51,.65)),
             url('https://images.unsplash.com/photo-1524492412937-b28074a5d7da?w=1600&q=80') center/cover no-repeat;
}
.listing-hero .eyebrow{
  letter-spacing:4px;text-transform:uppercase;font-size:.78rem;color:#f2e0c0;margin-bottom:16px;
}
.listing-hero h1{font-size:3.2rem;font-weight:normal;letter-spacing:.5px;font-family:Georgia,serif;}
.listing-hero p.subtitle{
  margin-top:18px;max-width:620px;color:#e9e6dc;line-height:1.7;font-size:.98rem;
}
.listing-hero .breadcrumb{margin-top:14px;font-size:.82rem;color:#cbd3de;}
.listing-hero .breadcrumb a{color:#cbd3de;text-decoration:underline;}
.listing-hero .breadcrumb a:hover{color:#fff;}

@media(max-width:960px){
  .listing-hero h1{font-size:2.1rem;}
  .listing-hero{min-height:360px;}
}

/* ---------- Intro strip ---------- */
.listing-intro{text-align:left;max-width:1240px;margin:0 auto;padding:70px 48px 30px;}
.listing-intro .eyebrow-red{margin-bottom:8px;}
.listing-intro h2{font-size:1.9rem;}

@media(max-width:960px){
  .listing-intro{padding:50px 22px 10px;}
}

/* ---------- Grid & cards ---------- */
.listing-grid-wrap{max-width:1240px;margin:0 auto;padding:0 48px 20px;}
.listing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.listing-card{
  border-radius:10px;overflow:hidden;background:#fff;
  box-shadow:0 8px 24px rgba(11,29,51,.08);scroll-margin-top:110px;
  transition:transform .2s ease,box-shadow .2s ease;
}
.listing-card:hover{transform:translateY(-4px);box-shadow:0 16px 34px rgba(11,29,51,.14);}
.listing-card .thumb{position:relative;height:200px;}
.listing-card .thumb img{width:100%;height:100%;object-fit:cover;}
.listing-card .thumb .badge{
  position:absolute;top:14px;left:14px;background:rgba(255,255,255,.92);color:var(--heritage-ink);
  font-size:.65rem;text-transform:uppercase;letter-spacing:1px;font-weight:bold;
  padding:5px 12px;border-radius:3px;
}
.listing-card .body{padding:22px 22px 24px;}
.listing-card .body h3{
  font-family:Georgia,serif;font-size:1.15rem;color:var(--palace-red-dark);margin-bottom:4px;font-weight:normal;
}
.listing-card .body .duration{font-size:.75rem;color:var(--gold);font-weight:bold;letter-spacing:.3px;margin-bottom:10px;display:block;}
.listing-card .body p{font-size:.87rem;color:var(--muted);line-height:1.6;margin-bottom:14px;}
.listing-card .body a.know-more{
  font-size:.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--palace-red);font-weight:bold;
  display:inline-flex;align-items:center;gap:6px;
}
.listing-card .body a.know-more svg{width:13px;height:13px;transition:transform .2s;}
.listing-card .body a.know-more:hover svg{transform:translateX(4px);}

@media(max-width:960px){
  .listing-grid-wrap{padding:0 22px 10px;}
  .listing-grid{grid-template-columns:1fr;}
}

/* ---------- Custom itinerary CTA band ---------- */
.custom-itinerary-band{
  background:var(--sand);margin:50px 0 0;padding:70px 48px;
}
.custom-itinerary-band .inner{
  max-width:720px;margin:0 auto;
  display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;
}
.custom-itinerary-band .map-icon{color:var(--palace-red);width:34px;height:34px;}
.custom-itinerary-band h3{color:var(--heritage-ink);font-size:1.8rem;font-weight:normal;}
.custom-itinerary-band p{color:var(--muted);font-size:.95rem;max-width:560px;line-height:1.7;}
.custom-itinerary-band .btn{
  white-space:nowrap;border-radius:999px;display:inline-flex;align-items:center;gap:10px;
  margin-top:6px;
}
.custom-itinerary-band .btn svg{width:16px;height:16px;}

@media(max-width:960px){
  .custom-itinerary-band{padding:50px 22px;margin:40px 0 0;}
}