/*
 * v7.1.17 — final focused header + hero correction.
 * Only the header proportions and the homepage hero action layout are changed.
 */

/* Compact translucent black header. */
#site-header.site-header{
  height:62px!important;
  min-height:62px!important;
  background:rgba(3,8,10,.90)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(16px) saturate(135%)!important;
  backdrop-filter:blur(16px) saturate(135%)!important;
}
#site-header .header-inner{
  height:62px!important;
  min-height:62px!important;
  padding:0 18px!important;
  gap:10px!important;
  background:transparent!important;
}
#site-header .brand-wrap{
  min-width:0!important;
  flex:1 1 auto!important;
  overflow:visible!important;
}
#site-header .custom-logo-wrap,
#site-header .custom-logo-wrap a{
  height:100%!important;
  display:flex!important;
  align-items:center!important;
  overflow:visible!important;
}
#site-header .custom-logo-wrap img,
#site-header img.custom-logo{
  width:auto!important;
  height:auto!important;
  max-width:205px!important;
  max-height:46px!important;
  object-fit:contain!important;
  opacity:1!important;
  filter:none!important;
}
#site-header .header-actions{gap:8px!important}
#site-header .header-login-btn{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  border-radius:13px!important;
}
#site-header .header-login-btn img{
  width:38px!important;
  height:38px!important;
}
#site-header .mobile-menu-btn{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  display:grid!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#fff!important;
}
#site-header .mobile-menu-btn svg{
  width:26px!important;
  height:26px!important;
  stroke-width:2!important;
}

/* Preserve the two primary hero CTAs. */
.home-hero .hero-cta-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:min(620px,100%)!important;
  margin-top:16px!important;
}
.home-hero .hero-primary-cta,
.home-hero .hero-secondary-cta{
  min-height:44px!important;
  padding:0 14px!important;
  border-radius:13px!important;
  font-size:12.5px!important;
  line-height:1.15!important;
  white-space:normal!important;
}

/* Four visible compact quick actions, including insurance. */
.home-hero .hero-actions{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  width:min(790px,100%)!important;
  margin-top:14px!important;
  overflow:visible!important;
}
.home-hero .hero-actions .quick-tile,
.home-hero .hero-actions .quick-tile:nth-child(4){
  display:grid!important;
  visibility:visible!important;
  opacity:1!important;
  min-width:0!important;
  width:100%!important;
  min-height:76px!important;
  height:76px!important;
  padding:12px!important;
  border-radius:15px!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  column-gap:9px!important;
  row-gap:2px!important;
  align-items:center!important;
  text-align:left!important;
  overflow:hidden!important;
}
.home-hero .hero-actions .quick-tile>svg{
  grid-row:1/3!important;
  width:25px!important;
  height:25px!important;
  margin:0!important;
}
.home-hero .hero-actions .quick-tile strong{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
.home-hero .hero-actions .quick-tile span{
  display:block!important;
  min-width:0!important;
  margin:0!important;
  font-size:10px!important;
  line-height:1.15!important;
  white-space:normal!important;
  opacity:.72!important;
}

@media (max-width:767px){
  :root{--header-h:62px!important}
  #site-header.site-header,
  #site-header .header-inner{
    height:62px!important;
    min-height:62px!important;
  }
  #site-header .header-inner{padding:0 14px!important}
  #site-header .custom-logo-wrap img,
  #site-header img.custom-logo{
    max-width:190px!important;
    max-height:43px!important;
  }
  #site-header .header-login-btn{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
  }
  #site-header .header-login-btn img{width:36px!important;height:36px!important}
  #site-header .mobile-menu-btn{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
  }
  #site-header .mobile-menu-btn svg{width:27px!important;height:27px!important}

  .home-hero .hero-inner{padding-top:26px!important;padding-bottom:22px!important}
  .home-hero .hero-copy h1{font-size:clamp(38px,10vw,54px)!important;line-height:.98!important}
  .home-hero .hero-desc{font-size:15px!important;line-height:1.45!important;max-width:34ch!important}
  .home-hero .hero-cta-row{gap:8px!important;margin-top:14px!important}
  .home-hero .hero-primary-cta,
  .home-hero .hero-secondary-cta{
    min-height:42px!important;
    padding:0 9px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }
  .home-hero .hero-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    margin-top:11px!important;
  }
  .home-hero .hero-actions .quick-tile,
  .home-hero .hero-actions .quick-tile:nth-child(4){
    min-height:76px!important;
    height:76px!important;
    padding:8px 5px!important;
    border-radius:12px!important;
    grid-template-columns:1fr!important;
    grid-template-rows:25px auto!important;
    justify-items:center!important;
    align-content:center!important;
    gap:5px!important;
    text-align:center!important;
  }
  .home-hero .hero-actions .quick-tile>svg{
    grid-row:auto!important;
    width:23px!important;
    height:23px!important;
  }
  .home-hero .hero-actions .quick-tile strong{
    font-size:9.3px!important;
    line-height:1.08!important;
    text-align:center!important;
  }
  .home-hero .hero-actions .quick-tile span{display:none!important}
}

@media (max-width:390px){
  #site-header .custom-logo-wrap img,
  #site-header img.custom-logo{max-width:176px!important;max-height:41px!important}
  .home-hero .hero-actions{gap:5px!important}
  .home-hero .hero-actions .quick-tile,
  .home-hero .hero-actions .quick-tile:nth-child(4){padding-inline:3px!important}
  .home-hero .hero-actions .quick-tile strong{font-size:8.4px!important}
}