/* Palette from Key Child/style.css .mega-catalog > a (135deg).
   Soft shadow from css/header-refresh.css; keep Hero's existing CTA dimensions. */
#kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .primary-action {
 background:linear-gradient(135deg,#7567ff 0%,#35c7ff 100%);
 box-shadow:0 6px 16px rgba(79,111,230,.13);
}
@media (min-width:1200px) {
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero h1 {
  margin-top:24px!important;
  font-size:clamp(35px,2.85vw,44px)!important;
  line-height:1.08;
 }
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .description {
  margin-top:18px!important;
  font-size:clamp(16px,1.2vw,17px)!important;
  line-height:1.45;
 }
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .actions {margin-top:24px!important}
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits {
  top:var(--kh-left-benefits-top,386.34px);
  bottom:auto;
  height:40px;
  grid-template-columns:repeat(3,minmax(0,1fr));
 }
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits .benefit {
  height:40px!important;
  min-height:0!important;
  gap:10px;
  align-items:center;
  padding:0 10px!important;
 }
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits .benefit:first-child {padding-left:0!important}
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits .benefit .benefit-icon {
  position:relative;
  inset:auto;
  width:26px;
  height:26px;
  flex:0 0 26px;
 }
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits .benefit p {
  position:relative;
  inset:auto;
  font-size:13.5px!important;
  line-height:18px;
 }
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits .benefit strong {
  font-size:13.5px!important;
  line-height:18px;
  white-space:nowrap;
 }
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits .benefit span {
  font-size:12px!important;
  line-height:17px;
 }
}
@media (min-width:1200px) and (max-width:1399px) {
 #kh-main-hero.kh-approved-hero#kh-main-hero#kh-main-hero .benefits {width:max(45%,450px)}
}