/* Kitooo Nova Commerce v4.2 — clean professional refinements */

/* Header: cleaner hierarchy and less visual congestion */
body.design-nova .commerce-header{
  min-height:78px;
  padding-top:9px;
  padding-bottom:9px;
  gap:22px;
}
body.design-nova .professional-search{
  height:50px;
  border-radius:15px;
  box-shadow:0 7px 22px rgba(16,42,67,.055);
}
body.design-nova .professional-search button{
  min-width:104px;
  border-radius:11px;
  margin:4px;
  box-shadow:0 7px 18px rgba(255,107,74,.19);
}
body.design-nova .professional-actions .commerce-action{
  padding:6px 8px;
  border-radius:13px;
}
body.design-nova .professional-actions .action-icon{
  width:39px;
  height:39px;
  border-radius:12px;
}
body.design-nova .nav-row{min-height:52px}
body.design-nova .nav-primary-link{
  min-height:40px!important;
  padding:9px 13px!important;
  border-radius:10px;
}

/* Compact dropdown: readable but no oversized promo block over the hero */
body.design-nova .professional-dropdown{
  left:0!important;
  top:44px!important;
  width:390px;
  min-width:390px;
  display:grid!important;
  grid-template-columns:1fr;
  padding:10px;
  border-radius:16px;
  overflow:visible;
  transform:translateY(8px);
  background:#fff;
  box-shadow:0 18px 44px rgba(16,42,67,.14);
}
body.design-nova .nav-item:hover>.professional-dropdown,
body.design-nova .nav-item:focus-within>.professional-dropdown{
  transform:translateY(0);
}
body.design-nova .professional-dropdown:before{
  content:"";
  position:absolute;
  left:24px;
  top:-7px;
  width:14px;
  height:14px;
  transform:rotate(45deg);
  background:#fff;
  border-left:1px solid rgba(16,42,67,.09);
  border-top:1px solid rgba(16,42,67,.09);
}
body.design-nova .nav-dropdown-intro{
  grid-row:auto;
  padding:12px 13px 10px;
  border-radius:11px;
  background:linear-gradient(135deg,#f5faf9,#fff7f4);
  color:var(--nova-navy);
}
body.design-nova .nav-dropdown-intro span{
  color:var(--nova-teal);
  font-size:8px;
}
body.design-nova .nav-dropdown-intro strong{
  display:inline;
  margin:0 0 0 6px;
  color:var(--nova-navy);
  font-size:16px;
  line-height:1.2;
}
body.design-nova .nav-dropdown-intro p{display:none}
body.design-nova .nav-dropdown-links{
  grid-template-columns:1fr 1fr;
  gap:5px;
  padding:9px 2px 5px;
}
body.design-nova .nav-dropdown-links a{
  min-height:39px;
  padding:8px 10px;
  border-radius:9px;
  font-size:12px;
}
body.design-nova .nav-dropdown-links a small{
  width:19px;
  height:19px;
  font-size:9px;
}
body.design-nova .nav-dropdown-all{
  margin:4px 2px 1px;
  padding:9px 11px;
  border-radius:9px;
}

/* Hero: remove bulky dark television-like frame */
body.design-nova .nova-hero-wrap{
  padding:20px 0 10px;
  background:
    radial-gradient(circle at 8% 8%,rgba(15,118,110,.055),transparent 26%),
    radial-gradient(circle at 92% 2%,rgba(255,107,74,.06),transparent 28%),
    linear-gradient(180deg,#f9fbfc,#f5f7fa);
}
body.design-nova .nova-hero{
  border:1px solid rgba(16,42,67,.09);
  border-radius:24px;
  background:#eef2f4;
  box-shadow:0 20px 52px rgba(16,42,67,.13);
}
body.design-nova .nova-hero-frame-boxed{
  margin-inline:12px;
  border-color:rgba(16,42,67,.1);
  box-shadow:0 24px 60px rgba(16,42,67,.16);
}
body.design-nova .nova-hero-frame-edge{
  border-radius:18px;
  box-shadow:0 14px 38px rgba(16,42,67,.12);
}
body.design-nova .nova-hero-stage{
  height:clamp(430px,var(--hero-active-height,520px),560px);
  min-height:430px;
}
body.design-nova .nova-hero-media{
  padding:0;
  background:#e9eef1!important;
}
body.design-nova .nova-hero-backdrop{
  inset:-25px;
  width:calc(100% + 50px);
  height:calc(100% + 50px);
  filter:blur(30px) saturate(.8) brightness(1.04);
  transform:scale(1.08);
  opacity:.72;
}
body.design-nova .nova-hero-media:after{
  background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,0) 45%,rgba(255,255,255,.08));
}
body.design-nova .nova-hero-media picture{
  position:relative;
  z-index:2;
  margin:0;
  border-radius:0;
  overflow:hidden;
  background:transparent!important;
  box-shadow:none;
}
body.design-nova .nova-hero-artwork{
  object-fit:var(--desktop-fit,contain)!important;
  filter:drop-shadow(0 8px 20px rgba(16,42,67,.08));
}

/* Caption: compact card, not a large panel hiding the artwork */
body.design-nova .nova-hero-caption{
  left:34px;
  top:auto;
  bottom:38px;
  width:min(390px,38%);
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.34);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(10,34,50,.88),rgba(20,75,86,.78));
  box-shadow:0 16px 38px rgba(4,20,33,.23);
  backdrop-filter:blur(13px);
  transform:none;
}
body.design-nova .nova-hero-caption.align-right{
  left:auto;
  right:34px;
}
body.design-nova .nova-hero-caption.align-center{
  left:50%;
  right:auto;
  transform:translateX(-50%);
  text-align:center;
}
body.design-nova .nova-hero-caption:before{
  top:18px;
  bottom:18px;
  width:3px;
}
body.design-nova .nova-hero-caption h1{
  margin:7px 0 8px;
  font-size:clamp(27px,3vw,42px);
  line-height:1.04;
  letter-spacing:-.045em;
}
body.design-nova .nova-hero-caption p{
  margin-bottom:13px;
  font-size:13px;
  line-height:1.5;
}
body.design-nova .nova-hero-caption .btn{
  padding:10px 15px;
  border-radius:11px;
  font-size:12px;
}

/* Simple, refined slider navigation */
body.design-nova .hero-arrow{
  width:44px;
  height:44px;
  border:1px solid rgba(16,42,67,.1);
  border-radius:14px;
  background:rgba(255,255,255,.94);
  color:var(--nova-navy);
  box-shadow:0 9px 24px rgba(16,42,67,.13);
}
body.design-nova .hero-prev{left:16px}
body.design-nova .hero-next{right:16px}
body.design-nova .nova-hero-control-rail{
  left:auto;
  right:20px;
  bottom:15px;
  transform:none;
  min-width:0;
  display:block;
  padding:8px 10px;
  border:1px solid rgba(16,42,67,.1);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:0 9px 25px rgba(16,42,67,.12);
  backdrop-filter:blur(12px);
}
body.design-nova .nova-hero-counter,
body.design-nova .nova-hero-progress{display:none}
body.design-nova .nova-hero-control-rail .hero-dots{
  gap:6px;
}
body.design-nova .nova-hero-control-rail .hero-dot{
  width:7px;
  height:7px;
  background:#b7c1c8;
}
body.design-nova .nova-hero-control-rail .hero-dot.active{
  width:24px;
  background:var(--nova-coral);
}

/* Promotional banner: balanced split card instead of heavy overlay */
body.design-nova .nova-promo-banner{
  display:grid;
  grid-template-columns:minmax(330px,42%) minmax(0,58%);
  min-height:390px;
  border:1px solid rgba(16,42,67,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 18px 48px rgba(16,42,67,.11);
}
body.design-nova .nova-promo-banner:after{display:none}
body.design-nova .nova-promo-banner>img{
  position:relative;
  grid-column:2;
  grid-row:1;
  width:100%;
  height:100%;
  min-height:390px;
  object-fit:cover;
}
body.design-nova .nova-promo-banner>div{
  grid-column:1;
  grid-row:1;
  width:auto;
  padding:50px 46px;
  background:linear-gradient(150deg,#102a43,#173f50);
  color:#fff;
}
body.design-nova .nova-promo-banner h2{
  font-size:clamp(30px,3.5vw,44px);
}
body.design-nova .nova-promo-banner p{
  color:#dce8ed;
}

@media(max-width:1260px){
  body.design-nova .professional-dropdown{
    width:360px;
    min-width:360px;
  }
  body.design-nova .nova-hero-stage{
    height:480px;
    min-height:430px;
  }
}

@media(max-width:980px){
  body.design-nova .professional-dropdown{display:none!important}
  body.design-nova .nav-item.mobile-open>.professional-dropdown{
    display:block!important;
    width:auto;
    min-width:0;
    padding:6px;
    transform:none;
  }
  body.design-nova .nav-item.mobile-open>.professional-dropdown:before{display:none}
  body.design-nova .nova-hero-stage{
    height:430px;
    min-height:430px;
  }
  body.design-nova .nova-hero-caption{
    width:min(350px,48%);
  }
  body.design-nova .nova-promo-banner{
    grid-template-columns:1fr 1.2fr;
  }
  body.design-nova .nova-promo-banner>div{
    padding:38px 32px;
  }
}

@media(max-width:720px){
  body.design-nova .commerce-header{padding:8px 0}
  body.design-nova .nova-hero-wrap{padding-top:12px}
  body.design-nova .nova-hero{border-radius:17px}
  body.design-nova .nova-hero-stage{
    height:320px;
    min-height:320px;
  }
  body.design-nova .nova-hero-backdrop{
    filter:blur(22px) saturate(.82) brightness(1.04);
  }
  body.design-nova .nova-hero-artwork{
    object-fit:var(--mobile-fit,contain)!important;
  }
  body.design-nova .nova-hero-caption,
  body.design-nova .nova-hero-caption.align-right,
  body.design-nova .nova-hero-caption.align-center{
    left:12px;
    right:12px;
    bottom:47px;
    width:auto;
    padding:14px 16px;
    transform:none;
    text-align:left;
    border-radius:14px;
  }
  body.design-nova .nova-hero-caption h1{font-size:24px}
  body.design-nova .nova-hero-caption p{display:none}
  body.design-nova .nova-hero-caption .btn{padding:8px 12px;font-size:10px}
  body.design-nova .hero-arrow{
    width:38px;
    height:38px;
    border-radius:12px;
  }
  body.design-nova .hero-prev{left:9px}
  body.design-nova .hero-next{right:9px}
  body.design-nova .nova-hero-control-rail{
    right:10px;
    bottom:9px;
    padding:7px 9px;
  }
  body.design-nova .nova-promo-banner{
    grid-template-columns:1fr;
    min-height:0;
  }
  body.design-nova .nova-promo-banner>img{
    grid-column:1;
    grid-row:1;
    min-height:250px;
  }
  body.design-nova .nova-promo-banner>div{
    grid-column:1;
    grid-row:2;
    padding:28px 24px;
  }
  body.design-nova .nova-promo-banner h2{font-size:30px}
}

@media(max-width:430px){
  body.design-nova .nova-hero-stage{
    height:275px;
    min-height:275px;
  }
  body.design-nova .nova-hero-caption h1{font-size:21px}
  body.design-nova .nova-promo-banner>img{min-height:210px}
}