/* Car Diag homepage hierarchy: concise commerce first, expertise second. */
:root{
  --cd-home-bg:#f4f7fa;
  --cd-home-surface:#ffffff;
  --cd-home-soft:#f8fafc;
  --cd-home-heading:#10243a;
  --cd-home-text:#465568;
  --cd-home-border:#d8e0e8;
  --cd-home-link:#075ea8;
  --cd-home-action:#b45309;
  --cd-home-action-hover:#8f3f08;
}

html body:is(.home,.cd-home-route){
  background:var(--cd-home-bg)!important;
  color:var(--cd-home-heading)!important;
}

html body:is(.home,.cd-home-route) main#content.site-main{
  background:var(--cd-home-bg)!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-mark{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:min(380px,100%)!important;
  min-width:0!important;
  min-height:58px!important;
  margin:0!important;
  padding:0 18px 0 0!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:4px!important;
  background:transparent!important;
  box-shadow:none!important;
  line-height:0!important;
  text-decoration:none!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-bar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  min-width:0!important;
  min-height:72px!important;
  margin:0 auto 18px!important;
  padding:6px!important;
  gap:24px!important;
  overflow:hidden!important;
  border:1px solid #cad5df!important;
  border-radius:6px!important;
  background:#0d2238!important;
  box-shadow:0 8px 20px rgba(16,36,58,.12)!important;
  box-sizing:border-box!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-search{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  flex:0 1 500px!important;
  width:min(500px,48%)!important;
  min-width:280px!important;
  min-height:48px!important;
  margin:0!important;
  padding:3px!important;
  overflow:hidden!important;
  border:1px solid #bdcbd8!important;
  border-radius:6px!important;
  background:#fff!important;
  box-shadow:0 6px 18px rgba(16,36,58,.08)!important;
  box-sizing:border-box!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-search:focus-within{
  border-color:var(--cd-home-action)!important;
  box-shadow:0 0 0 3px rgba(180,83,9,.16)!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-search input[type="search"]{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  height:40px!important;
  margin:0!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:4px 0 0 4px!important;
  outline:0!important;
  background:#fff!important;
  color:var(--cd-home-heading)!important;
  -webkit-text-fill-color:var(--cd-home-heading)!important;
  font-size:14px!important;
  line-height:40px!important;
  box-shadow:none!important;
  box-sizing:border-box!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-search input[type="search"]::placeholder{
  color:#68778a!important;
  -webkit-text-fill-color:#68778a!important;
  opacity:1!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-search button[type="submit"]{
  flex:0 0 auto!important;
  min-width:82px!important;
  min-height:40px!important;
  margin:0!important;
  padding:9px 16px!important;
  border:0!important;
  border-radius:4px!important;
  background:var(--cd-home-action)!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  box-shadow:none!important;
  cursor:pointer!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-search button[type="submit"]:is(:hover,:focus-visible){
  background:var(--cd-home-action-hover)!important;
  outline:2px solid rgba(180,83,9,.22)!important;
  outline-offset:1px!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-mark:is(:hover,:focus-visible){
  border-color:var(--cd-home-action)!important;
  box-shadow:none!important;
  outline:3px solid rgba(180,83,9,.22)!important;
  outline-offset:3px!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-mark img{
  display:block!important;
  flex:0 0 58px!important;
  width:58px!important;
  height:58px!important;
  max-width:58px!important;
  object-fit:contain!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-copy{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  min-width:0!important;
  margin-left:13px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-decoration:none!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-copy strong{
  color:#ff8c00!important;
  -webkit-text-fill-color:#ff8c00!important;
  font-size:18px!important;
  font-weight:900!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}

html body:is(.home,.cd-home-route) .cd-home-brand-copy span{
  margin-top:5px!important;
  color:#dce7f2!important;
  -webkit-text-fill-color:#dce7f2!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:0!important;
  text-decoration:none!important;
  line-height:1.25!important;
}

@media (max-width:480px){
  html body:is(.home,.cd-home-route) .cd-home-brand-mark{
    width:100%!important;
    max-width:358px!important;
    min-width:0!important;
    min-height:68px!important;
    padding:5px 15px 5px 5px!important;
  }

  html body:is(.home,.cd-home-route) .cd-home-brand-mark img{
    flex-basis:56px!important;
    width:56px!important;
    height:56px!important;
    max-width:56px!important;
  }

  html body:is(.home,.cd-home-route) .cd-home-brand-copy strong{
    font-size:17px!important;
  }

  html body:is(.home,.cd-home-route) .cd-home-brand-copy span{
    font-size:11px!important;
  }
}

@media (max-width:767px){
  html body:is(.home,.cd-home-route) .cd-home-brand-bar{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    min-height:0!important;
    margin-bottom:18px!important;
    padding:0!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }

  html body:is(.home,.cd-home-route) .cd-home-brand-mark{
    min-height:68px!important;
    padding:5px 15px 5px 5px!important;
    border:1px solid #cad5df!important;
    border-radius:6px!important;
    background:#0d2238!important;
    box-shadow:0 8px 20px rgba(16,36,58,.12)!important;
  }

  html body:is(.home,.cd-home-route) .cd-home-brand-search{
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    min-height:44px!important;
    padding:2px!important;
    border-width:1px!important;
    box-shadow:none!important;
  }

  html body:is(.home,.cd-home-route) .cd-home-brand-search input[type="search"]{
    height:38px!important;
    line-height:38px!important;
  }

  html body:is(.home,.cd-home-route) .cd-home-brand-search button[type="submit"]{
    min-width:74px!important;
    min-height:38px!important;
    padding:8px 13px!important;
  }
}

html body:is(.home,.cd-home-route) :is(.cd-hero,.cd-section-soft,.cd-section-dark){
  box-sizing:border-box!important;
  color:var(--cd-home-heading)!important;
}

html body:is(.home,.cd-home-route) :is(.cd-section-soft,.cd-section-dark){
  background:var(--cd-home-surface)!important;
  border-block:1px solid var(--cd-home-border)!important;
}

html body:is(.home,.cd-home-route) :is(.cd-section-soft,.cd-section-dark) > :is(h2,p,.cd-brand-strip,.cd-home-premium-rotator,.cd-home-premium-showcase){
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  box-sizing:border-box!important;
}

html body:is(.home,.cd-home-route) :is(.cd-section-soft,.cd-section-dark) h2{
  color:var(--cd-home-heading)!important;
  -webkit-text-fill-color:var(--cd-home-heading)!important;
}

html body:is(.home,.cd-home-route) :is(.cd-section-soft,.cd-section-dark) > p{
  color:var(--cd-home-text)!important;
  -webkit-text-fill-color:var(--cd-home-text)!important;
}

html body:is(.home,.cd-home-route) .cd-brand-strip{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:10px!important;
}

html body:is(.home,.cd-home-route) .cd-brand-strip > a.cd-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:48px!important;
  padding:10px 8px!important;
  border:1px solid var(--cd-home-border)!important;
  border-radius:6px!important;
  background:var(--cd-home-soft)!important;
  color:var(--cd-home-heading)!important;
  -webkit-text-fill-color:var(--cd-home-heading)!important;
  font-weight:800!important;
  line-height:1.25!important;
  text-align:center!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

html body:is(.home,.cd-home-route) .cd-brand-strip > a.cd-brand:is(:hover,:focus-visible){
  border-color:#9fb2c6!important;
  background:#eef3f7!important;
  color:#0b3553!important;
  -webkit-text-fill-color:#0b3553!important;
}

/* Keep the latest carousel; only the duplicate full-catalog shelf belongs in Shop. */
html body:is(.home,.cd-home-route) :is(.cd-home-premium-section-title,.cd-home-premium-all){
  display:none!important;
}

html body:is(.home,.cd-home-route) .cd-auth-section{
  display:none!important;
}

html body:is(.home,.cd-home-route) :is(.cd-events-home,.cd-home-expert-hub){
  width:min(1180px,calc(100% - 40px))!important;
  max-width:1180px!important;
  min-width:0!important;
  margin:28px auto!important;
  padding:24px!important;
  border:1px solid var(--cd-home-border)!important;
  border-radius:8px!important;
  background:var(--cd-home-surface)!important;
  color:var(--cd-home-heading)!important;
  box-shadow:0 10px 28px rgba(16,36,58,.06)!important;
  box-sizing:border-box!important;
}

html body:is(.home,.cd-home-route) .cd-events-grid--home{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}

.cd-home-expert-hub *{box-sizing:border-box}
.cd-home-expert-hub > header{max-width:820px;margin:0 0 20px}
.cd-home-expert-kicker{
  margin:0 0 7px!important;
  color:var(--cd-home-link)!important;
  -webkit-text-fill-color:var(--cd-home-link)!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.02em!important;
  text-transform:uppercase!important;
}
.cd-home-expert-hub h2{
  margin:0 0 8px!important;
  color:var(--cd-home-heading)!important;
  -webkit-text-fill-color:var(--cd-home-heading)!important;
  font-size:clamp(26px,3vw,36px)!important;
  line-height:1.15!important;
  letter-spacing:0!important;
}
.cd-home-expert-hub > header > p:last-child{
  margin:0!important;
  color:var(--cd-home-text)!important;
  -webkit-text-fill-color:var(--cd-home-text)!important;
  font-size:16px!important;
  line-height:1.6!important;
}
.cd-home-expert-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  width:100%!important;
  min-width:0!important;
}
.cd-home-expert-card{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:190px!important;
  padding:18px!important;
  border:1px solid var(--cd-home-border)!important;
  border-radius:8px!important;
  background:var(--cd-home-soft)!important;
  color:var(--cd-home-heading)!important;
  -webkit-text-fill-color:var(--cd-home-heading)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}
.cd-home-expert-card strong{
  display:block!important;
  margin:0 0 8px!important;
  color:var(--cd-home-heading)!important;
  -webkit-text-fill-color:var(--cd-home-heading)!important;
  font-size:18px!important;
  line-height:1.25!important;
}
.cd-home-expert-card span{
  color:var(--cd-home-text)!important;
  -webkit-text-fill-color:var(--cd-home-text)!important;
  font-size:14px!important;
  line-height:1.5!important;
}
.cd-home-expert-card em{
  margin-top:auto!important;
  padding-top:16px!important;
  color:var(--cd-home-link)!important;
  -webkit-text-fill-color:var(--cd-home-link)!important;
  font-style:normal!important;
  font-weight:850!important;
}
.cd-home-expert-card:is(:hover,:focus-visible){
  border-color:#9fb2c6!important;
  background:#eef3f7!important;
}

@media(max-width:900px){
  html body:is(.home,.cd-home-route) .cd-brand-strip,
  .cd-home-expert-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

@media(max-width:640px){
  html body:is(.home,.cd-home-route) :is(.cd-section-soft,.cd-section-dark) > :is(h2,p,.cd-brand-strip,.cd-home-premium-rotator,.cd-home-premium-showcase),
  html body:is(.home,.cd-home-route) :is(.cd-events-home,.cd-home-expert-hub){
    width:calc(100% - 24px)!important;
  }
  html body:is(.home,.cd-home-route) :is(.cd-events-home,.cd-home-expert-hub){
    margin:20px auto!important;
    padding:18px!important;
  }
  html body:is(.home,.cd-home-route) .cd-events-grid--home{grid-template-columns:minmax(0,1fr)!important}
  .cd-home-expert-card{min-height:170px!important;padding:15px!important}
}

@media(max-width:420px){
  html body:is(.home,.cd-home-route) .cd-brand-strip{grid-template-columns:minmax(0,1fr)!important}
  .cd-home-expert-grid{grid-template-columns:minmax(0,1fr)!important}
  .cd-home-expert-card{min-height:auto!important}
}