/* AeroJatim Home v337 — tighter hero/event transition, compact cards, clean light event zone. */
.home-v337 .aero-hero{
  min-height:570px!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
.home-v337 .aero-hero .hero-grid{
  padding-top:70px!important;
  padding-bottom:62px!important;
}

/* Main navigation: larger, uppercase; scoring item removed in header markup. */
.home-v337 .main-nav>a:not(.nav-admin){
  text-transform:uppercase!important;
  font-size:12.5px!important;
  font-weight:900!important;
  letter-spacing:.045em!important;
}

/* Event area returns to a light, harmonized background with a soft transition from hero. */
.home-v337 .featured-events{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  margin-top:0!important;
  padding:34px 0 64px!important;
  background:
    radial-gradient(circle at 5% 4%,rgba(243,107,23,.055),transparent 29%),
    radial-gradient(circle at 95% 22%,rgba(29,104,157,.055),transparent 34%),
    linear-gradient(180deg,#f2f6f9 0,#f8fafc 56px,#ffffff 210px,#f8fafc 100%)!important;
  border-top:0!important;
}
.home-v337 .featured-events::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  top:0!important;
  height:44px!important;
  z-index:-1!important;
  pointer-events:none!important;
  opacity:1!important;
  background:linear-gradient(180deg,rgba(7,29,52,.055),rgba(7,29,52,0))!important;
}
.home-v337 .featured-events::after{
  content:none!important;
  display:none!important;
}
.home-v337 .featured-events .container{position:relative!important;z-index:1!important}
.home-v337 .featured-events .home-events-heading{
  align-items:flex-end!important;
  margin-bottom:16px!important;
  gap:18px!important;
}
.home-v337 .featured-events .home-events-heading h2{
  color:#082b4c!important;
  text-shadow:none!important;
  margin-bottom:0!important;
}
.home-v337 .featured-events .home-events-heading .kicker{color:#f36b17!important}
.home-v337 .event-heading-actions{margin-left:auto!important}
.home-v337 .event-carousel-controls button{
  width:40px!important;
  height:40px!important;
  color:#082b4c!important;
  border:1px solid #d8e2e9!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(5,34,58,.08)!important;
  backdrop-filter:none!important;
}
.home-v337 .event-carousel-controls button:hover:not(:disabled){
  color:#fff!important;
  background:#082b4c!important;
  border-color:#082b4c!important;
}
.home-v337 .event-carousel-shell{
  padding:4px 2px 0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-v337 .featured-events .event-grid{
  gap:18px!important;
  padding:7px 2px 16px!important;
}

/* Compact cards: same information and controls, less unused vertical space. */
.home-v337 .featured-events .event-card,
.home-v337 .featured-events .navy-card{
  flex:0 0 calc((100% - 36px)/3)!important;
  width:calc((100% - 36px)/3)!important;
  min-height:0!important;
  height:auto!important;
  grid-template-rows:205px auto!important;
  border:1px solid #dfe7ed!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfcfd 100%)!important;
  box-shadow:0 14px 36px rgba(5,34,58,.10)!important;
}
.home-v337 .featured-events .event-card:hover{
  transform:translateY(-4px)!important;
  box-shadow:0 20px 48px rgba(5,34,58,.15)!important;
}
.home-v337 .featured-events .poster-wrap,
.home-v337 .featured-events .navy-card .poster-wrap{
  height:205px!important;
  min-height:205px!important;
}
.home-v337 .featured-events .poster-wrap::before{
  left:12px!important;
  bottom:10px!important;
  padding:5px 8px 4px!important;
  font-size:6.4px!important;
}
.home-v337 .featured-events .event-date-badge{
  top:10px!important;
  right:10px!important;
  width:58px!important;
  height:65px!important;
}
.home-v337 .featured-events .event-date-badge strong{font-size:26px!important}
.home-v337 .featured-events .event-date-badge span{font-size:9px!important}
.home-v337 .featured-events .event-content,
.home-v337 .featured-events .navy-card .event-content{
  padding:18px 18px 17px!important;
}
.home-v337 .featured-events .event-content h3{
  min-height:0!important;
  margin:7px 0 9px!important;
  font-size:clamp(21px,1.65vw,26px)!important;
  line-height:1.04!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-v337 .featured-events .event-labels{
  gap:4px!important;
  margin-bottom:8px!important;
}
.home-v337 .featured-events .event-labels span{
  padding:4px 6px 3px!important;
  font-size:6.6px!important;
}
.home-v337 .featured-events .event-description{
  min-height:0!important;
  margin:0 0 9px!important;
  font-size:9.5px!important;
  line-height:1.45!important;
  color:#6d7f8f!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}
.home-v337 .featured-events .category-pills{
  gap:4px!important;
  margin-bottom:8px!important;
}
.home-v337 .featured-events .category-pills span{
  padding:4px 6px!important;
  font-size:6.7px!important;
}
.home-v337 .featured-events .event-facts{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:7px!important;
  margin:8px 0 12px!important;
}
.home-v337 .featured-events .event-facts>div{
  min-height:58px!important;
  padding:8px 8px!important;
  align-items:flex-start!important;
  border:1px solid #e8eef2!important;
  border-radius:9px!important;
  background:#f8fafb!important;
}
.home-v337 .featured-events .event-facts dt{display:none!important}
.home-v337 .featured-events .event-facts dd{
  margin:0!important;
  font-size:8.6px!important;
  line-height:1.3!important;
}
.home-v337 .featured-events .event-facts small{
  margin-bottom:3px!important;
  font-size:6.4px!important;
}
.home-v337 .featured-events .event-cta{
  min-height:44px!important;
  margin-top:2px!important;
}
.home-v337 .featured-events .event-cta b,
.home-v337 .featured-events .navy-card .event-cta b{
  width:52px!important;
  height:44px!important;
}
.home-v337 .event-carousel-foot{
  margin-top:0!important;
  color:#7b8a96!important;
}
.home-v337 .event-carousel-meter{background:#dce5eb!important}

@media(max-width:1100px){
  .home-v337 .main-nav>a:not(.nav-admin){font-size:11.5px!important;letter-spacing:.03em!important}
  .home-v337 .featured-events .event-card,
  .home-v337 .featured-events .navy-card{
    flex-basis:calc((100% - 16px)/2)!important;
    width:calc((100% - 16px)/2)!important;
  }
  .home-v337 .featured-events .event-grid{gap:16px!important}
}

@media(max-width:760px){
  .home-v337 .aero-hero .hero-grid{padding-top:44px!important;padding-bottom:42px!important}
  .home-v337 .featured-events{
    padding:27px 0 48px!important;
    background:
      radial-gradient(circle at 4% 3%,rgba(243,107,23,.045),transparent 30%),
      linear-gradient(180deg,#f2f6f9 0,#fff 130px,#f8fafc 100%)!important;
  }
  .home-v337 .featured-events .container{width:calc(100% - 20px)!important}
  .home-v337 .home-events-heading{
    flex-direction:row!important;
    align-items:flex-end!important;
    margin-bottom:12px!important;
    gap:10px!important;
  }
  .home-v337 .event-heading-actions{width:auto!important;margin-left:auto!important}
  .home-v337 .event-carousel-controls button{width:35px!important;height:35px!important;font-size:16px!important}
  .home-v337 .featured-events .event-grid{gap:11px!important;padding:5px 1px 14px!important}
  .home-v337 .featured-events .event-card,
  .home-v337 .featured-events .navy-card{
    flex:0 0 92%!important;
    width:92%!important;
    grid-template-rows:185px auto!important;
    border-radius:15px!important;
  }
  .home-v337 .featured-events .poster-wrap,
  .home-v337 .featured-events .navy-card .poster-wrap{
    height:185px!important;
    min-height:185px!important;
  }
  .home-v337 .featured-events .event-content,
  .home-v337 .featured-events .navy-card .event-content{padding:15px 14px 14px!important}
  .home-v337 .featured-events .event-content h3{font-size:21px!important;margin:5px 0 8px!important}
  .home-v337 .featured-events .event-description{font-size:9.2px!important;margin-bottom:8px!important}
  .home-v337 .featured-events .event-facts{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:6px!important;
    margin:7px 0 10px!important;
  }
  .home-v337 .featured-events .event-facts>div{min-height:52px!important;padding:7px!important}
  .home-v337 .featured-events .event-facts dd{font-size:8.2px!important}
  .home-v337 .featured-events .event-cta{min-height:43px!important}
  .home-v337 .featured-events .event-cta b,
  .home-v337 .featured-events .navy-card .event-cta b{height:43px!important}
  .home-v337 .event-carousel-foot{font-size:7.5px!important}
  .home-v337 .main-nav>a:not(.nav-admin){font-size:13px!important;text-transform:uppercase!important}
}

@media(max-width:480px){
  .home-v337 .featured-events{padding-top:24px!important;padding-bottom:44px!important}
  .home-v337 .featured-events .event-card,
  .home-v337 .featured-events .navy-card{
    flex-basis:94%!important;
    width:94%!important;
    grid-template-rows:170px auto!important;
  }
  .home-v337 .featured-events .poster-wrap,
  .home-v337 .featured-events .navy-card .poster-wrap{
    height:170px!important;
    min-height:170px!important;
  }
  .home-v337 .featured-events .event-content h3{font-size:20px!important}
  .home-v337 .featured-events .event-date-badge{width:54px!important;height:61px!important}
  .home-v337 .featured-events .event-date-badge strong{font-size:24px!important}
  .home-v337 .event-carousel-foot>span{max-width:130px}
}