/*
 * Where to buy map (autopart-core). One copy shared by autopartuk.com and the brand sites; see
 * docs/where-to-buy-map.md. Colours come from the theme variables below: data-theme on the
 * .ap-wtb element picks a set, and a site can override any of them in its own CSS.
 */
.ap-wtb{--ap-font:'Barlow',sans-serif;--ap-head-font:'Barlow Condensed',sans-serif;--ap-accent:#37745B;--ap-accent-dark:#1F3D31;--ap-soft:#7FB89C;--ap-pale:#A9D2BF;--ap-paler:#DCEBE3;--ap-badge-bg:#E5F0EA;--ap-badge-ink:#1F4A38;--ap-link:#2A5A46}
/* Brand sites use their own fonts and a flash of their brand colour. */
.ap-wtb[data-theme=axe],.ap-wtb[data-theme=oneav],.ap-wtb[data-theme=lenso],.ap-wtb[data-theme=spartan]{--ap-font:inherit;--ap-head-font:inherit}
.ap-wtb[data-theme=axe]{--ap-accent:#850018;--ap-accent-dark:#790016;--ap-soft:#D99AA5;--ap-pale:#F2C4CC;--ap-paler:#FBE9EC;--ap-badge-bg:#F8E7EA;--ap-badge-ink:#5E0011;--ap-link:#790016}
.ap-wtb[data-theme=oneav]{--ap-accent:#2D7370;--ap-accent-dark:#1F5250;--ap-soft:#8CCFCB;--ap-pale:#5DBEBA;--ap-paler:#E2F3F2;--ap-badge-bg:#E3F2F1;--ap-badge-ink:#1F5250;--ap-link:#2D7370}
.ap-wtb[data-theme=lenso]{--ap-accent:#335A72;--ap-accent-dark:#233D4D;--ap-soft:#9DB5C4;--ap-pale:#FE7F2D;--ap-paler:#E6EDF2;--ap-badge-bg:#E6EDF2;--ap-badge-ink:#233D4D;--ap-link:#233D4D}
.ap-wtb[data-theme=spartan]{--ap-accent:#6F7356;--ap-accent-dark:#3D402C;--ap-soft:#B5B89C;--ap-pale:#D4D6C3;--ap-paler:#EDEEE6;--ap-badge-bg:#EDEEE6;--ap-badge-ink:#3D402C;--ap-link:#3D402C}
.ap-wtb{--ap-ink:#1A1F1C;--ap-muted:#4F5A54;--ap-line:#E2DDD1;--ap-bg:#F4F2EC;font-family:var(--ap-font);color:var(--ap-ink);background:var(--ap-bg);line-height:1.45;-webkit-font-smoothing:antialiased}
.ap-wtb *,.ap-wtb *::before,.ap-wtb *::after{box-sizing:border-box}
.ap-wtb h1,.ap-wtb h2,.ap-wtb h3,.ap-wtb p{margin:0;padding:0;letter-spacing:normal;text-transform:none}
.ap-wtb .ap-hero{background:var(--ap-accent-dark);color:#fff}
.ap-wtb .ap-wrap{max-width:1240px;margin:0 auto;padding:0 24px}
.ap-wtb .ap-hero .ap-wrap{display:flex;padding-top:18px;padding-bottom:18px;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px 32px}
.ap-wtb .ap-kicker{font-size:14px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ap-pale)}
.ap-wtb .ap-hero h1{font-family:var(--ap-head-font);font-weight:700;font-size:clamp(26px,2.6vw,36px);line-height:1;color:#fff}
.ap-wtb .ap-hero-l{display:flex;flex-direction:column;gap:4px}
.ap-wtb .ap-ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:14px;color:var(--ap-paler)}
.ap-wtb .ap-ticks li{display:flex;align-items:center;gap:8px;margin:0}
.ap-wtb .ap-ticks li::before{content:"";width:16px;height:16px;flex:0 0 16px;border-radius:50%;background:var(--ap-accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat}
.ap-wtb .ap-main{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start;padding-top:16px;padding-bottom:16px}
.ap-wtb .ap-mapcard{flex:999 1 540px;min-width:0;background:#fff;border:1px solid var(--ap-line);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px}
.ap-wtb .ap-panel{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;gap:12px}
.ap-wtb .ap-step{font-size:14px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--ap-muted)}
.ap-wtb .ap-maphead{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
.ap-wtb .ap-field{display:flex;flex-direction:row;align-items:center;gap:10px;flex:0 1 auto;min-width:0}
.ap-wtb .ap-field label{font-size:13px;font-weight:500;color:var(--ap-muted);white-space:nowrap}
.ap-wtb select{height:44px;min-width:230px;padding:0 14px;border:2px solid var(--ap-accent);border-radius:10px;background:#fff;font-family:inherit;font-size:16px;color:var(--ap-ink);width:100%}
.ap-wtb .ap-map{background:#EEF2F1;border-radius:12px;overflow:hidden}
.ap-wtb .ap-map svg{display:block;width:100%;height:auto}
.ap-wtb .ap-map path{stroke:#fff;stroke-width:.8;stroke-linejoin:round;fill:#DCD7CB;transition:fill .15s}
.ap-wtb .ap-map path.on{fill:var(--ap-soft);cursor:pointer}
.ap-wtb .ap-map path.on:hover,.ap-wtb .ap-map path.on:focus{fill:var(--ap-accent);outline:none}
.ap-wtb .ap-map path.sel{fill:var(--ap-accent-dark)}
.ap-wtb .ap-map circle{fill:var(--ap-soft);stroke:#fff;stroke-width:2;cursor:pointer}
.ap-wtb .ap-map circle.sel{fill:var(--ap-accent-dark)}
.ap-wtb .ap-map circle:hover{fill:var(--ap-accent)}
.ap-wtb .ap-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--ap-muted)}
.ap-wtb .ap-legend span{display:inline-flex;align-items:center;gap:8px}
.ap-wtb .ap-legend i{width:16px;height:16px;border-radius:4px;display:inline-block}
.ap-wtb .ap-title{font-family:var(--ap-head-font);font-weight:700;font-size:32px;line-height:1.05}
.ap-wtb .ap-sub{font-size:15px;color:var(--ap-muted)}
.ap-wtb .ap-card{background:#fff;border:1px solid var(--ap-line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}
.ap-wtb .ap-card h3{font-family:var(--ap-head-font);font-weight:700;font-size:24px;line-height:1.1;color:var(--ap-ink)}
.ap-wtb .ap-area{font-size:14px;color:var(--ap-muted)}
.ap-wtb .ap-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;background:var(--ap-badge-bg);color:var(--ap-badge-ink);font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}
.ap-wtb .ap-badge.off{background:#EEECE6;color:#4F5A54}
.ap-wtb .ap-brands{display:flex;flex-wrap:wrap;gap:8px}
.ap-wtb a.ap-btn{flex:1 1 150px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding:0 14px;border-radius:10px;text-decoration:none!important;color:#fff!important;font-weight:600;font-size:15px;border:0}
.ap-wtb a.ap-btn:hover{filter:brightness(1.15)}
.ap-wtb a.ap-btn:focus-visible{outline:3px solid var(--ap-pale);outline-offset:2px}
.ap-wtb .ap-btn.ghost{background:#fff!important;color:var(--ap-accent-dark)!important;border:2px solid var(--ap-accent-dark);flex:0 1 auto}
.ap-wtb .ap-links{display:flex;gap:18px;flex-wrap:wrap;font-size:14px;font-weight:500}
.ap-wtb .ap-links a{color:var(--ap-link);min-height:32px;display:inline-flex;align-items:center}
.ap-wtb .ap-empty{background:#fff;border:2px dashed #D6D0C2;border-radius:14px;padding:28px 22px;display:flex;flex-direction:column;gap:8px}
.ap-wtb details.ap-branches{border-top:1px solid var(--ap-line);padding-top:10px}
.ap-wtb details.ap-branches summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--ap-accent-dark);min-height:32px;display:flex;align-items:center}
.ap-wtb .ap-branch{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 14px;padding:10px 0;border-bottom:1px solid #F0EDE6;font-size:14px}
.ap-wtb .ap-branch b{font-weight:600}
.ap-wtb .ap-branch span{display:flex;gap:14px;flex-wrap:wrap}
.ap-wtb .ap-branch a{color:var(--ap-link)}
.ap-wtb .ap-seg{display:flex;background:#E8E4DA;border-radius:12px;padding:4px;gap:4px}
.ap-wtb .ap-seg button{flex:1 1 0;min-height:42px;border:0;border-radius:9px;background:transparent;color:var(--ap-accent-dark);font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;padding:0 10px;line-height:1.15}
.ap-wtb .ap-seg button.on{background:var(--ap-accent-dark);color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.ap-wtb .ap-seg button:focus-visible{outline:3px solid var(--ap-pale);outline-offset:1px}
.ap-wtb .ap-pc{background:#fff;border:1px solid var(--ap-line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px}
.ap-wtb .ap-pc label{font-size:14px;font-weight:600;color:var(--ap-ink)}
.ap-wtb .ap-pc form{display:flex;gap:8px;margin:0}
.ap-wtb .ap-pc input{flex:1 1 auto;min-width:0;height:44px;padding:0 12px;border:2px solid #CFC9BC;border-radius:10px;font-family:inherit;font-size:16px;text-transform:uppercase;background:#fff;color:var(--ap-ink)}
.ap-wtb .ap-pc input:focus{border-color:var(--ap-accent);outline:none}
.ap-wtb .ap-pc button{height:44px;padding:0 18px;border:0;border-radius:10px;background:var(--ap-accent);color:#fff;font-family:inherit;font-weight:600;font-size:15px;cursor:pointer}
.ap-wtb .ap-pc-msg{font-size:13px;color:var(--ap-muted)}
.ap-wtb .ap-pc-msg.err{color:#9B2C1F}
.ap-wtb .ap-pc-msg a{color:var(--ap-link)}
.ap-wtb .ap-dist{align-self:flex-start;display:inline-flex;background:var(--ap-accent-dark);color:#fff;font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px}
.ap-wtb .ap-tags{display:flex;gap:6px;flex-wrap:wrap}
@media (min-width:1000px) and (min-height:600px){
.ap-wtb .ap-main{height:var(--ap-h,auto);align-items:stretch;flex-wrap:nowrap}
.ap-wtb .ap-mapcard{flex:1 1 auto;height:100%}
.ap-wtb .ap-map{flex:1 1 auto;min-height:0;display:flex}
.ap-wtb .ap-map svg{width:100%;height:100%}
.ap-wtb .ap-panel{flex:0 0 420px;height:100%;overflow-y:auto;padding-right:6px;scrollbar-width:thin}
}
@media (min-width:1000px) and (max-height:820px){
.ap-wtb .ap-hero .ap-wrap{padding-top:12px;padding-bottom:12px}
.ap-wtb .ap-kicker{display:none}
.ap-wtb .ap-hero h1{font-size:26px}
.ap-wtb .ap-ticks{display:none}
.ap-wtb .ap-main{padding-top:12px;padding-bottom:12px}
.ap-wtb .ap-legend{font-size:13px}
}
@media (max-width:700px){
.ap-wtb .ap-wrap{padding-left:16px;padding-right:16px}
.ap-wtb .ap-main{gap:20px;padding-top:20px}
.ap-wtb .ap-mapcard{padding:14px}
.ap-wtb .ap-field{flex:1 1 100%;min-width:0;flex-direction:column;align-items:stretch}
.ap-wtb select{min-width:0}
.ap-wtb .ap-ticks{font-size:13px}
.ap-wtb .ap-maphead{flex-direction:column-reverse;align-items:stretch}
.ap-wtb a.ap-btn{flex:1 1 100%;min-height:52px;font-size:16px}
.ap-wtb .ap-title{font-size:30px}
}
.ap-wtb .ap-legend i.on{background:var(--ap-soft)}
.ap-wtb .ap-legend i.sel{background:var(--ap-accent-dark)}
.ap-wtb .ap-legend i.none{background:#DCD7CB}
.ap-wtb .ap-btn.solid{background:var(--ap-accent);flex:0 1 auto}
.ap-wtb .ap-maperr{padding:40px 20px;text-align:center;color:#4F5A54}