/* Kitooo v4.3.1 — compact professional hero and side banners */
body.design-nova .nova-hero-wrap{
  padding:18px 0 8px;
  background:linear-gradient(180deg,#f7f9fc 0%,#f3f6f9 100%);
}
body.design-nova .nova-hero-layout{
  grid-template-columns:minmax(0,1.72fr) minmax(250px,.62fr);
  gap:16px;
}
body.design-nova .nova-hero{
  min-height:0;
  border:1px solid rgba(15,39,64,.08);
  border-radius:22px;
  background:#fff;
  box-shadow:0 16px 40px rgba(15,39,64,.09);
}
body.design-nova .nova-hero-stage{
  min-height:420px;
  height:420px;
}
body.design-nova .nova-hero-slide,
body.design-nova .nova-hero-media,
body.design-nova .nova-hero-media picture,
body.design-nova .nova-hero-media picture img{
  min-height:420px!important;
  height:420px!important;
}
body.design-nova .nova-hero-media picture img{
  object-fit:cover!important;
}
body.design-nova .nova-hero-sidebanners{
  gap:16px;
}
body.design-nova .nova-side-banner{
  min-height:202px;
  height:202px;
  padding:18px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 14px 34px rgba(15,39,64,.10);
  background:linear-gradient(135deg,#102a43 0%,#1f4663 64%,#c8903f 145%);
}
body.design-nova .nova-side-banner:nth-child(2){
  background:linear-gradient(135deg,#173b4d 0%,#0f5f61 68%,#d2a452 150%);
}
body.design-nova .nova-side-banner::before{
  background:
    radial-gradient(circle at 88% 8%,rgba(255,255,255,.14),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.015),rgba(4,17,29,.18));
}
body.design-nova .nova-side-banner-copy span{
  font-size:10px;
  letter-spacing:.16em;
  color:#dfeef2;
}
body.design-nova .nova-side-banner-copy strong{
  margin-top:7px;
  max-width:13ch;
  font-size:21px;
  line-height:1.08;
  letter-spacing:-.025em;
}
body.design-nova .nova-side-banner-copy p{
  margin:7px 0 10px;
  max-width:29ch;
  font-size:12px;
  line-height:1.4;
  color:rgba(255,255,255,.79);
}
body.design-nova .nova-side-banner-copy b{
  gap:6px;
  padding:8px 12px;
  font-size:11px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.16);
}
body.design-nova .nova-side-banner-art{
  position:absolute;
  right:10px;
  bottom:8px;
  width:42%;
  min-height:0;
}
body.design-nova .nova-side-banner-art img{
  max-width:150px;
  max-height:92px;
  filter:drop-shadow(0 10px 18px rgba(3,12,20,.22));
}
body.design-nova .hero-arrow{
  width:40px;
  height:40px;
  box-shadow:0 8px 22px rgba(15,39,64,.11);
}
body.design-nova .nova-hero-control-rail{
  bottom:12px;
}
body.design-nova .nova-hero-counter{
  min-height:30px;
  padding:6px 10px;
  border-color:rgba(15,39,64,.08);
}
body.design-nova .nova-hero-caption{
  max-width:420px;
  padding:24px 26px;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(15,39,64,.91),rgba(25,63,82,.86));
  box-shadow:0 18px 40px rgba(3,16,28,.18);
}
body.design-nova .nova-hero-caption h1{
  font-size:clamp(28px,3.2vw,46px);
}
body.design-nova .nova-hero-caption p{
  font-size:14px;
}
@media (max-width:1180px){
  body.design-nova .nova-hero-layout{grid-template-columns:1fr}
  body.design-nova .nova-hero-stage,
  body.design-nova .nova-hero-slide,
  body.design-nova .nova-hero-media,
  body.design-nova .nova-hero-media picture,
  body.design-nova .nova-hero-media picture img{
    min-height:390px!important;
    height:390px!important;
  }
  body.design-nova .nova-hero-sidebanners{
    grid-template-columns:1fr 1fr;
    grid-template-rows:none;
  }
  body.design-nova .nova-side-banner{
    min-height:176px;
    height:176px;
  }
}
@media (max-width:760px){
  body.design-nova .nova-hero-wrap{padding-top:10px}
  body.design-nova .nova-hero{
    border-radius:16px;
  }
  body.design-nova .nova-hero-stage,
  body.design-nova .nova-hero-slide,
  body.design-nova .nova-hero-media,
  body.design-nova .nova-hero-media picture,
  body.design-nova .nova-hero-media picture img{
    min-height:270px!important;
    height:270px!important;
  }
  body.design-nova .nova-hero-sidebanners{display:none}
  body.design-nova .hero-arrow{width:36px;height:36px}
}