/* 2026-09-08 footer/header polish */
.about-summary h2,
.customer-experience h2,
.footer-parts-row h2,
.why-choose h2,
.how h2,
.order-journey h2{
  color:var(--ink)!important;
  font-size:clamp(2rem,4vw,3.2rem)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  margin:5px 0 15px!important;
}
.why-choose,
.how,
.order-journey{background:#fff!important;color:var(--ink)!important}
body:not([data-default-part]):not([data-policy]) > footer > .why-choose,
body:not([data-default-part]):not([data-policy]) > footer > .how,
body:not([data-default-part]):not([data-policy]) > footer > .order-journey{position:relative!important;z-index:0!important}
body:not([data-default-part]):not([data-policy]) > footer > .why-choose::before,
body:not([data-default-part]):not([data-policy]) > footer > .how::before,
body:not([data-default-part]):not([data-policy]) > footer > .order-journey::before{
  content:""!important;position:absolute!important;z-index:-1!important;top:0!important;bottom:0!important;left:50%!important;width:100vw!important;transform:translateX(-50%)!important;background:#fff!important
}
.why-choose .eyebrow,.how .eyebrow,.order-journey .eyebrow{color:var(--orange)!important}
.why-choose .why-grid h3{color:var(--orange)!important}
.footer-parts-row .footer-row-eyebrow{margin:0 0 8px!important;color:var(--orange)!important;font-size:.82rem!important;font-weight:850!important;letter-spacing:.09em!important;text-transform:uppercase!important}
.header-partner-group>strong,.footer-specialists h2,.footer-grid h2{color:var(--orange)!important}
.footer-specialists h2{font-size:1.5rem!important;line-height:1.25!important;max-width:1240px!important;width:100%!important;margin:0 auto 18px!important;padding:0 24px!important}
.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;justify-items:center!important;align-items:start!important;text-align:center!important;border-top:1px solid rgba(255,255,255,.28)!important}
.footer-grid>div{width:100%;max-width:380px;margin:0 auto!important}
.footer-grid img{margin-left:auto!important;margin-right:auto!important}
.footer-grid img[data-yard-logo]{height:76px!important;max-width:230px!important;width:auto!important;object-fit:contain!important}
.footer-grid a{margin-left:auto!important;margin-right:auto!important}
.footer-grid>div:first-child .footer-about,.footer-grid>div:first-child .footer-payment-text{text-align:left!important}
.availability-summary{margin:14px 0 18px!important;padding:16px 18px!important;background:#f0fdf4!important;border:1px solid #bbf7d0!important;border-radius:12px!important;box-shadow:0 8px 20px rgba(22,101,52,.08)!important;text-align:left!important}
.availability-summary strong{display:block!important;color:#15803d!important;font-size:1.15rem!important;font-weight:850!important;line-height:1.25!important}
.availability-summary span{display:block!important;margin-top:3px!important;color:var(--ink)!important;font-weight:700!important}
.availability-summary small{display:block!important;margin-top:6px!important;color:var(--muted)!important;line-height:1.4!important}
#navlinks details>div{width:min(410px,calc(100vw - 30px))!important;height:min(70vh,520px)!important;max-height:min(70vh,520px)!important;overflow-y:scroll!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-gutter:stable!important;-webkit-overflow-scrolling:touch!important}
#navlinks details>div>a{display:block!important;padding:10px 12px!important}
#navlinks details>div>a>b{display:none!important}
#navlinks details>div>a>span{display:block!important;min-width:0!important}
#navlinks details>div>a strong{display:block!important;color:var(--ink)!important;font-size:.95rem!important;line-height:1.25!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
#navlinks details>div>a small{display:block!important;margin-top:2px!important;color:var(--muted)!important;font-size:.78rem!important;font-weight:500!important;line-height:1.3!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
header>nav{min-height:58px!important;padding-top:4px!important;padding-bottom:4px!important}
header .brand img{height:76px!important;max-width:230px!important}
header>nav>a.header-toll-phone{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:10px 16px!important;border-radius:999px!important;background:var(--orange)!important;color:#fff!important;font-weight:850!important;text-decoration:none!important;white-space:nowrap!important}
header>nav>a.header-toll-phone:hover,header>nav>a.header-toll-phone:focus-visible{filter:brightness(.94)!important}

.footer-specialists{padding:28px 20px!important}
.footer-specialists .specialist-main{display:grid!important;gap:5px!important;max-width:720px!important;margin:0 auto 18px!important}
.footer-specialists .specialist-line strong{display:inline-block!important;min-width:48px!important}
.footer-specialists .specialist-contact-list{max-width:720px!important;margin:0 auto!important;padding-left:1.6rem!important}
.footer-specialists .specialist-contact-list li{margin:0 0 12px!important;padding-left:4px!important;line-height:1.5!important}
.footer-specialists .specialist-person{font-weight:800!important}
.footer-specialists .specialist-phone-line{margin-top:2px!important}

/* Sales-3 directory: four columns per row; the main team and every employee use their own cell. */
.footer-specialists .specialist-contact-grid{
  max-width:1240px!important;
  width:100%!important;
  margin:0 auto!important;
  padding:0 24px!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.footer-specialists .specialist-card{
  min-width:0!important;
  margin:0!important;
  padding:16px 18px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:12px!important;
  background:rgba(255,255,255,.07)!important;
  line-height:1.5!important;
}
.footer-specialists .specialist-card h3{
  margin:0 0 10px!important;
  color:#fff!important;
  font-size:1rem!important;
  line-height:1.35!important;
}
.footer-specialists .specialist-contact-grid .specialist-main{
  display:block!important;
  max-width:none!important;
  margin:0!important;
}
.footer-specialists .specialist-card a{
  display:inline!important;
  margin:0!important;
  font-weight:750!important;
  overflow-wrap:anywhere!important;
}
.footer-specialists .specialist-email{display:block!important;margin-top:4px!important}

/* On a part page the existing part image becomes the hero's second column instead of duplicating the lead form. */
.hero .hero-part-visual{
  margin:0!important;
  width:100%!important;
  min-height:420px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  padding:28px!important;
  background:#fff!important;
  border:1px solid rgba(255,255,255,.35)!important;
  border-radius:24px!important;
  box-shadow:0 24px 70px #0007!important;
  color:var(--ink)!important;
}
.hero .hero-part-visual img{
  width:100%!important;
  max-width:430px!important;
  max-height:340px!important;
  object-fit:contain!important;
}
.hero .hero-part-visual figcaption{
  color:var(--muted)!important;
  text-align:center!important;
  font-weight:700!important;
}

@media(max-width:900px){
  header>nav{min-height:58px!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:6px 8px!important}
  header .brand img{height:58px!important;max-width:174px!important}
  .footer-grid{grid-template-columns:1fr!important;text-align:center!important}
  .footer-grid img[data-yard-logo]{height:58px!important;max-width:174px!important}
  .footer-grid>div:first-child .footer-about,.footer-grid>div:first-child .footer-payment-text{text-align:left!important}
  #navlinks details>div{width:100%!important;height:min(62vh,440px)!important;max-height:min(62vh,440px)!important}

  header>nav>a.header-toll-phone{display:inline-flex!important;order:20!important;padding:8px 12px!important;max-width:calc(50vw - 14px)!important;font-size:.78rem!important}
  header>nav>a.header-phone:not(.header-toll-phone){display:inline-flex!important;order:21!important;max-width:calc(50vw - 14px)!important;min-width:0!important;font-size:.78rem!important;white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.2!important}

  html.mobile-keyboard-open body>header>.trustbar,
  html.mobile-keyboard-open body>header>.partnerbar{display:none!important}

  .chat-button{right:12px!important;bottom:12px!important;left:auto!important;top:auto!important;z-index:60!important}
  .chat{right:12px!important;bottom:72px!important;left:auto!important;top:auto!important;width:min(370px,calc(100vw - 24px))!important;max-height:calc(100dvh - 92px)!important;z-index:61!important}

  .order-journey ol,.order-journey ul,.order-journey .order-journey-grid,.order-journey .journey-grid,.order-journey .steps{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;padding-left:0!important
  }
  .order-journey li,.order-journey .step,.order-journey .journey-step{min-width:0!important;padding:12px 7px!important;font-size:.78rem!important;line-height:1.3!important}
  .order-journey h3,.order-journey strong{font-size:.88rem!important;line-height:1.2!important}
  .order-journey p,.order-journey span{font-size:.72rem!important;line-height:1.3!important}

  .footer-parts-row .footer-parts,.footer-parts-row .parts-grid,.footer-parts-row .footer-parts-grid,.footer-parts-row>div{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important
  }
  .footer-parts-row a{min-width:0!important;padding:10px 5px!important;font-size:.76rem!important;line-height:1.25!important;overflow-wrap:anywhere!important}

  .footer-specialists{padding:24px 16px!important;text-align:left!important}
  .footer-specialists h2{text-align:left!important;margin:0 auto 14px!important;padding:0 16px!important;font-size:1.35rem!important}
  .footer-specialists .specialist-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 16px!important}
  .hero .hero-part-visual{min-height:320px!important;padding:20px!important}
}

@media(max-width:540px){
  .order-journey{padding-left:10px!important;padding-right:10px!important}
  .footer-parts-row{padding-left:10px!important;padding-right:10px!important}
  .chat-button{right:10px!important;bottom:10px!important}
  .chat{right:10px!important;bottom:70px!important;width:calc(100vw - 20px)!important}
  header>nav>a.header-toll-phone,header>nav>a.header-phone:not(.header-toll-phone){max-width:100%!important;flex:1 1 auto!important}
  .footer-specialists .specialist-contact-grid{grid-template-columns:1fr!important;padding:0 10px!important}
}