:root{--map-navy:#062d63;--map-blue:#0c4d96;--map-red:#ed1c24;--map-white:#fff}
.map-home-choice{position:fixed;inset:0;z-index:2147483647;display:none;overflow:auto;overscroll-behavior:contain;background:#eaf4ff;font-family:Arial,Helvetica,sans-serif}
.map-home-choice.is-open{display:block}
.map-home-choice *{box-sizing:border-box}
body.map-choice-lock{overflow:hidden!important}
.map-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Desktop target: use the approved target artwork exactly, with real clickable areas layered over it. */
.map-target-desktop{display:block;min-height:100vh;background:#eaf4ff}
.map-target-stage{position:relative;width:100%;max-width:1672px;min-width:900px;margin:0 auto;line-height:0;background:#fff}
.map-target-homepage{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none}
.map-target-hotspot{position:absolute;display:block;background:transparent!important;border:0!important;padding:0!important;margin:0!important;cursor:pointer;text-decoration:none!important;outline:0;border-radius:18px;transition:box-shadow .18s ease,background-color .18s ease,transform .18s ease}
.map-target-hotspot:hover,.map-target-hotspot:focus-visible{box-shadow:inset 0 0 0 4px rgba(237,28,36,.82),0 12px 34px rgba(0,0,0,.16);background:rgba(255,255,255,.025)!important}
.map-target-card:hover,.map-target-card:focus-visible{transform:translateY(-2px)}
.map-target-parts{left:3.8%;top:34.2%;width:29.8%;height:50.4%}
.map-target-sell{left:34.5%;top:34.2%;width:29.6%;height:50.4%}
.map-target-buy{left:64.8%;top:34.2%;width:30.1%;height:50.4%}
.map-target-nav{top:10.7%;height:5.7%;border-radius:6px}
.map-target-nav-parts{left:10.8%;width:8.1%}
.map-target-nav-buy{left:20.0%;width:9.7%}
.map-target-nav-sell{left:30.7%;width:8.6%}

.map-target-mobile{display:none}


/* Keep floating widgets from the Auto Parts homepage from sitting on top of the selector. */
body.map-choice-lock .map-live-support,
body.map-choice-lock .map-floating-cart,
body.map-choice-lock .map-cart-fab,
body.map-choice-lock .joinchat,
body.map-choice-lock .tawk-min-container,
body.map-choice-lock #tidio-chat{visibility:hidden!important;opacity:0!important;pointer-events:none!important}

@media(max-width:800px){
  .map-home-choice{background:linear-gradient(180deg,#f7fbff 0%,#eaf4ff 100%)}
  .map-target-desktop{display:none}
  .map-target-mobile{display:block;min-height:100vh;padding:20px 12px 70px;color:#081f4e}
  .map-mobile-brand{text-align:center;margin:0 auto 12px}
  .map-mobile-logo{font-size:46px;line-height:.85;font-style:italic;font-weight:1000;letter-spacing:-5px;color:#0a3978}
  .map-mobile-logo-sub{font-size:18px;font-weight:900;color:#0a3978}.map-mobile-logo-sub::first-letter{color:#ed1c24}
  .map-mobile-brand-line{margin-top:8px;font-size:10px;letter-spacing:.14em;font-weight:800;color:#0a3978}.map-mobile-brand-small{font-size:9px;letter-spacing:.15em;color:#365679;font-weight:800}
  .map-mobile-intro{text-align:center;margin:14px auto 18px;max-width:620px}.map-mobile-intro>span{font-size:9px;letter-spacing:.27em;font-weight:900;color:#56728f}.map-mobile-intro h1{font-size:30px;line-height:1.06;margin:7px 0;color:#081f4e;letter-spacing:-.03em}.map-mobile-intro h1:after{content:"";display:block;width:55px;height:4px;border-radius:99px;background:#ed1c24;transform:rotate(-3deg);margin:8px auto 0}.map-mobile-intro p{font-size:14px;line-height:1.4;margin:9px 0 0;color:#465c76}
  .map-mobile-cards{display:grid;grid-template-columns:1fr;gap:14px;max-width:620px;margin:0 auto}.map-mobile-card{display:block;position:relative;border:0;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 10px 28px rgba(14,56,105,.14);padding:0;text-decoration:none;cursor:pointer}.map-mobile-card img{display:block;width:100%;height:auto}.map-mobile-card>span{display:flex;align-items:center;justify-content:center;min-height:46px;background:#ed1c24;color:#fff;font-size:15px;font-weight:900;letter-spacing:.01em}
  .map-mobile-trust{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;margin:16px auto 0;max-width:620px;font-size:9px;font-weight:800;text-align:center;color:#173d69}.map-mobile-trust span{background:#fff;border:1px solid #d9e7f5;border-radius:10px;padding:9px 5px}
}
@media(max-width:420px){.map-target-mobile{padding-left:8px;padding-right:8px}.map-mobile-intro h1{font-size:27px}.map-mobile-trust{grid-template-columns:1fr}.map-mobile-card{border-radius:14px}}



/* v1.0.11 — reliable floating homepage section switch.
   Independent of the dynamically-rendered hero slider DOM. */
.map-hero-section-switch{
  display:flex!important;
  position:fixed!important;
  top:clamp(270px,44vh,410px)!important;
  right:8px!important;
  bottom:auto!important;
  left:auto!important;
  transform:translateY(-50%)!important;
  z-index:99980!important;
  width:136px!important;
  padding:5px!important;
  flex-direction:column!important;
  gap:4px!important;
  border:1px solid rgba(255,255,255,.9)!important;
  border-radius:16px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 10px 28px rgba(3,35,78,.27)!important;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-family:Arial,Helvetica,sans-serif!important;
  box-sizing:border-box!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.map-hero-switch-item{
  width:100%!important;
  min-height:36px!important;
  padding:0 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:6px!important;
  border:0!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#082f6b!important;
  text-decoration:none!important;
  font:800 10.5px/1.1 Arial,Helvetica,sans-serif!important;
  white-space:nowrap!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.map-hero-switch-item:hover,.map-hero-switch-item:focus-visible{
  background:#eef5ff!important;
  color:#062d63!important;
}
.map-hero-switch-item.is-active,.map-hero-switch-item[aria-current="page"]{
  background:#0b4f9f!important;
  color:#fff!important;
}
.map-hero-switch-icon{width:18px!important;text-align:center!important;font-size:13px!important;line-height:1!important}
body.map-choice-lock .map-hero-section-switch{display:none!important}

@media(max-width:900px){
  .map-hero-section-switch{top:clamp(240px,42vh,360px)!important;right:5px!important;width:122px!important;padding:4px!important}
  .map-hero-switch-item{min-height:33px!important;padding:0 6px!important;font-size:9.5px!important}
}
@media(max-width:600px){
  .map-hero-section-switch{
    top:auto!important;
    right:8px!important;
    left:8px!important;
    bottom:12px!important;
    width:auto!important;
    transform:none!important;
    flex-direction:row!important;
    gap:3px!important;
    padding:3px!important;
    border-radius:12px!important;
  }
  .map-hero-switch-item{flex:1 1 0!important;justify-content:center!important;min-width:0!important;min-height:32px!important;padding:0 4px!important;font-size:8px!important}
}
