/* ============================================================
   Kolkata v3.5.4 - Compact Premium Homepage Hero
   Loaded after the luxury skin so it intentionally wins cascade.
============================================================ */

body.home .kolkata-home .fp-hero.fp-hero-destination-layout,
body.front-page .kolkata-home .fp-hero.fp-hero-destination-layout,
body.page-template-front-page .kolkata-home .fp-hero.fp-hero-destination-layout{
  grid-template-columns:minmax(0,.92fr) minmax(560px,1.08fr)!important;
  gap:12px!important;
  padding:12px 14px!important;
  margin-bottom:8px!important;
  border-radius:8px!important;
  box-shadow:0 12px 32px rgba(35,15,13,.16)!important;
}

body.home .kolkata-home .fp-hero-copy,
body.front-page .kolkata-home .fp-hero-copy,
body.page-template-front-page .kolkata-home .fp-hero-copy{
  padding:6px 10px!important;
}

body.home .kolkata-home .fp-kicker,
body.front-page .kolkata-home .fp-kicker,
body.page-template-front-page .kolkata-home .fp-kicker{
  margin:0 0 5px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
}

body.home .kolkata-home .fp-hero h1,
body.front-page .kolkata-home .fp-hero h1,
body.page-template-front-page .kolkata-home .fp-hero h1{
  margin:0 0 7px!important;
  max-width:700px!important;
  font-size:clamp(34px,2.65vw,46px)!important;
  line-height:.98!important;
}

body.home .kolkata-home .fp-hero p,
body.front-page .kolkata-home .fp-hero p,
body.page-template-front-page .kolkata-home .fp-hero p{
  margin:0 0 11px!important;
  max-width:760px!important;
  font-size:13px!important;
  line-height:1.43!important;
}

body.home .kolkata-home .fp-hero-actions,
body.front-page .kolkata-home .fp-hero-actions,
body.page-template-front-page .kolkata-home .fp-hero-actions{
  gap:7px!important;
}

body.home .kolkata-home .fp-hero-actions a,
body.front-page .kolkata-home .fp-hero-actions a,
body.page-template-front-page .kolkata-home .fp-hero-actions a{
  min-height:34px!important;
  padding:7px 14px!important;
  border-radius:4px!important;
  font-size:12px!important;
  font-weight:800!important;
}

body.home .kolkata-home .fp-hero-destinations,
body.front-page .kolkata-home .fp-hero-destinations,
body.page-template-front-page .kolkata-home .fp-hero-destinations{
  padding:9px!important;
  gap:7px!important;
  border-radius:7px!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 8px 22px rgba(0,0,0,.14)!important;
}

body.home .kolkata-home .fp-hero-destinations-head,
body.front-page .kolkata-home .fp-hero-destinations-head,
body.page-template-front-page .kolkata-home .fp-hero-destinations-head{
  align-items:center!important;
  gap:8px!important;
  padding:0 1px 6px!important;
}

body.home .kolkata-home .fp-hero-destinations-head span,
body.front-page .kolkata-home .fp-hero-destinations-head span,
body.page-template-front-page .kolkata-home .fp-hero-destinations-head span{
  font-size:17px!important;
  line-height:1!important;
}

body.home .kolkata-home .fp-hero-destinations-head small,
body.front-page .kolkata-home .fp-hero-destinations-head small,
body.page-template-front-page .kolkata-home .fp-hero-destinations-head small{
  font-size:9px!important;
  letter-spacing:.10em!important;
}

body.home .kolkata-home .fp-hero-destination-grid,
body.front-page .kolkata-home .fp-hero-destination-grid,
body.page-template-front-page .kolkata-home .fp-hero-destination-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

body.home .kolkata-home .fp-hero-destination-card,
body.front-page .kolkata-home .fp-hero-destination-card,
body.page-template-front-page .kolkata-home .fp-hero-destination-card{
  min-height:43px!important;
  gap:6px!important;
  padding:5px 7px!important;
  border-radius:5px!important;
}

body.home .kolkata-home .fp-hero-destination-flag,
body.front-page .kolkata-home .fp-hero-destination-flag,
body.page-template-front-page .kolkata-home .fp-hero-destination-flag{
  width:24px!important;
  height:24px!important;
  flex-basis:24px!important;
  border-radius:50%!important;
  font-size:0!important;
  color:transparent!important;
  position:relative!important;
}
body.home .kolkata-home .fp-hero-destination-flag::after,
body.front-page .kolkata-home .fp-hero-destination-flag::after,
body.page-template-front-page .kolkata-home .fp-hero-destination-flag::after{
  content:'IN'!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:var(--ba-gold-soft,#ead7af)!important;
  font-family:"Manrope",Arial,sans-serif!important;
  font-size:8px!important;
  font-weight:800!important;
  letter-spacing:.05em!important;
}

body.home .kolkata-home .fp-hero-destination-copy strong,
body.front-page .kolkata-home .fp-hero-destination-copy strong,
body.page-template-front-page .kolkata-home .fp-hero-destination-copy strong{
  font-size:12px!important;
  line-height:1.05!important;
}

body.home .kolkata-home .fp-hero-destination-copy em,
body.front-page .kolkata-home .fp-hero-destination-copy em,
body.page-template-front-page .kolkata-home .fp-hero-destination-copy em{
  margin-top:2px!important;
  font-size:8.5px!important;
  line-height:1.05!important;
}

/* Medium desktop: keep two hero columns, but use a 2-column destination grid. */
@media (min-width:1101px) and (max-width:1279px){
  body.home .kolkata-home .fp-hero.fp-hero-destination-layout,
  body.front-page .kolkata-home .fp-hero.fp-hero-destination-layout,
  body.page-template-front-page .kolkata-home .fp-hero.fp-hero-destination-layout{
    grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr)!important;
  }
  body.home .kolkata-home .fp-hero-destination-grid,
  body.front-page .kolkata-home .fp-hero-destination-grid,
  body.page-template-front-page .kolkata-home .fp-hero-destination-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

/* Tablet / small desktop: stack copy and destinations, but keep the grid compact. */
@media (max-width:1100px){
  body.home .kolkata-home .fp-hero.fp-hero-destination-layout,
  body.front-page .kolkata-home .fp-hero.fp-hero-destination-layout,
  body.page-template-front-page .kolkata-home .fp-hero.fp-hero-destination-layout{
    grid-template-columns:1fr!important;
    padding:11px!important;
  }
  body.home .kolkata-home .fp-hero-copy,
  body.front-page .kolkata-home .fp-hero-copy,
  body.page-template-front-page .kolkata-home .fp-hero-copy{
    padding:5px 6px!important;
  }
  body.home .kolkata-home .fp-hero-destination-grid,
  body.front-page .kolkata-home .fp-hero-destination-grid,
  body.page-template-front-page .kolkata-home .fp-hero-destination-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:720px){
  body.home .kolkata-home .fp-hero.fp-hero-destination-layout,
  body.front-page .kolkata-home .fp-hero.fp-hero-destination-layout,
  body.page-template-front-page .kolkata-home .fp-hero.fp-hero-destination-layout{
    gap:9px!important;
    padding:9px!important;
  }
  body.home .kolkata-home .fp-hero h1,
  body.front-page .kolkata-home .fp-hero h1,
  body.page-template-front-page .kolkata-home .fp-hero h1{
    font-size:30px!important;
  }
  body.home .kolkata-home .fp-hero p,
  body.front-page .kolkata-home .fp-hero p,
  body.page-template-front-page .kolkata-home .fp-hero p{
    font-size:12px!important;
  }
  body.home .kolkata-home .fp-hero-destinations-head small,
  body.front-page .kolkata-home .fp-hero-destinations-head small,
  body.page-template-front-page .kolkata-home .fp-hero-destinations-head small{
    display:none!important;
  }
  body.home .kolkata-home .fp-hero-destination-grid,
  body.front-page .kolkata-home .fp-hero-destination-grid,
  body.page-template-front-page .kolkata-home .fp-hero-destination-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.home .kolkata-home .fp-hero-destination-card,
  body.front-page .kolkata-home .fp-hero-destination-card,
  body.page-template-front-page .kolkata-home .fp-hero-destination-card{
    min-height:40px!important;
  }
}

@media (max-width:420px){
  body.home .kolkata-home .fp-hero-destination-grid,
  body.front-page .kolkata-home .fp-hero-destination-grid,
  body.page-template-front-page .kolkata-home .fp-hero-destination-grid{
    grid-template-columns:1fr!important;
  }
}