/* V37 — India Holidays premium visual refresh
   Scope intentionally limited to india-holidays.php (.india11).
   Site navigation/header and all destination inside pages remain unchanged. */

/* ABOUT-US-inspired India hero: pale sky-blue copy field + navy/gold typography */
.india11{max-width:1440px;margin:0 auto 48px;padding:0 clamp(18px,3.2vw,44px)}
.india11-hero{min-height:390px;border-radius:0 0 22px 22px;background:#dff1fb;isolation:isolate}
.india11-hero:after{
  background:linear-gradient(90deg,
    rgba(222,241,252,.99) 0%,
    rgba(222,241,252,.97) 24%,
    rgba(222,241,252,.82) 36%,
    rgba(222,241,252,.22) 58%,
    rgba(222,241,252,.03) 76%,
    rgba(222,241,252,0) 100%);
}
.india11-copy{color:#08265f;max-width:600px;padding:54px 50px}
.india11-copy h1{color:#08265f;font-size:clamp(48px,5vw,72px);margin:0 0 24px;font-weight:500;position:relative;padding-bottom:19px}
.india11-copy h1:after{content:"";position:absolute;left:0;bottom:0;width:48px;height:3px;border-radius:3px;background:#d89a25}
.india11-copy strong{color:#08265f;font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(21px,2vw,29px);font-weight:600;line-height:1.28;margin-bottom:12px;max-width:520px}
.india11-copy p{color:#20375d;font-size:15px;line-height:1.65;max-width:525px}

/* Destination heading */
.india11-head{padding:34px 0 20px}
.india11-head h2{font-size:40px;position:relative;padding-bottom:13px}
.india11-head h2:after{content:"";position:absolute;left:50%;bottom:0;width:48px;height:2px;background:#d89a25;transform:translateX(-50%)}

/* 3-up visual destination grid */
.india11-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.india11-card-link{display:block;text-decoration:none;color:inherit;border-radius:14px;outline:none}
.india11-card-link:focus-visible{box-shadow:0 0 0 3px rgba(216,154,37,.28)}
.india11-card{border:0;border-radius:14px;overflow:hidden;background:#08265f;box-shadow:0 7px 20px rgba(8,38,95,.12);display:block;transition:transform .22s ease,box-shadow .22s ease}
.india11-card-link:hover .india11-card{transform:translateY(-3px);box-shadow:0 11px 26px rgba(8,38,95,.18)}
.india11-card img{width:100%;aspect-ratio:16/8.2;object-fit:cover;display:block;transition:transform .35s ease}
.india11-card-link:hover .india11-card img{transform:scale(1.018)}
.india11-card-body{min-height:60px;padding:0 22px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;gap:10px;background:linear-gradient(90deg,#08265f 0%,#073274 100%)}
.india11-card h3{font-family:'Playfair Display',serif;color:#f0b331;font-size:25px;line-height:1.1;margin:0;font-weight:600}
.india11-card-mark,.india11-card-arrow{color:#f0b331;font-size:24px;line-height:1;text-align:center}
.india11-card-arrow{font-size:27px;transition:transform .2s ease}
.india11-card-link:hover .india11-card-arrow{transform:translateX(4px)}

/* Compact trust strip below the visual grid */
.india11-trust{margin-top:28px;border:1px solid #dfe5ee;border-radius:10px;padding:14px 12px;background:#fff;box-shadow:0 3px 12px rgba(8,38,95,.035)}
.india11-trust div{padding:0 18px}
.india11-trust strong{color:#08265f;font-size:13px;margin-bottom:3px}
.india11-trust span{font-size:12px;line-height:1.35}

@media(max-width:1050px){
  .india11-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
  .india11{padding:0 12px}
  .india11-hero{min-height:410px;border-radius:0 0 18px 18px}
  .india11-hero:after{background:linear-gradient(90deg,rgba(222,241,252,.98) 0%,rgba(222,241,252,.90) 52%,rgba(222,241,252,.35) 100%)}
  .india11-copy{padding:40px 24px;max-width:92%}
  .india11-copy h1{font-size:46px}
  .india11-copy strong{font-size:22px}
  .india11-grid{grid-template-columns:1fr;gap:16px}
  .india11-card img{aspect-ratio:16/8.6}
  .india11-card-body{min-height:58px;padding:0 18px;grid-template-columns:26px 1fr 26px}
  .india11-card h3{font-size:23px}
}