html{-webkit-text-size-adjust:100%}body{margin:0;background:#fff;color:#1d1d1f;font-family:Outfit,system-ui,sans-serif}body.has-basket{padding-bottom:84px}.app-bar{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid rgba(29,29,31,.12);padding-top:env(safe-area-inset-top)}.app-bar__in{max-width:1540px;margin:0 auto;padding:10px max(16px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:space-between;gap:12px}.app-brand{display:flex;align-items:center;gap:10px;color:#1d1d1f;text-decoration:none}.app-brand img{border-radius:9px;display:block}.app-brand span{display:flex;flex-direction:column;line-height:1.1}.app-brand strong{font-size:19px;font-weight:500}.app-brand small{font-size:13px;color:#5d5d5d;display:flex;align-items:center;gap:5px;margin-top:3px}.app-ci{height:15px;width:auto;display:block}.app-foot__logo{display:inline-block;margin-bottom:12px}.app-foot__logo img{height:34px;width:auto;display:block}.app-actions{display:flex;gap:8px}.app-icon{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid #52b386;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#3d6352;cursor:pointer;padding:0}.app-icon svg{width:22px;height:22px;fill:currentColor}.app-icon:hover{background:#3d6352;border-color:#3d6352;color:#fff}.app-icon[hidden]{display:none}.app-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ffd209;color:#1d1d1f;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:center;padding:0 5px}.app-note{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;font-size:15px;background:#f5f7f9;border-top:1px solid rgba(29,29,31,.08)}.app-note[hidden]{display:none}.app-note--install{background:#eaf6f0}.app-note--install span{flex:1 1 220px}.app-x{border:0;background:none;font-size:24px;line-height:1;cursor:pointer;color:#5d5d5d;padding:4px 8px}.app-link{border:0;background:none;font:inherit;font-size:15px;color:#3d6352;text-decoration:underline;cursor:pointer;padding:0 4px}#pump-match .pm-btn--sm{min-height:40px;padding:0 18px;font-size:15px}#pump-match .pm-trade,.pm-trade{display:block;font-size:15px;font-weight:500;color:#3d6352}#pump-match .pm-hero .pm-wrap{padding-top:34px;padding-bottom:40px}.app-trade{padding-top:10px;padding-bottom:40px;display:flex;flex-direction:column;gap:12px;max-width:900px}.app-trade p{margin:0;font-size:17px}.app-trade .pm-btns{display:flex;gap:12px;flex-wrap:wrap}.app-trade .pm-btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:17px;font-weight:500;background:#52b386;color:#fff;border:1px solid #52b386;border-radius:30px;padding:0 26px;min-height:48px;text-decoration:none}.app-trade .pm-btn--ghost{background:#fff;color:#1d1d1f;border-color:#1d1d1f}.app-foot{border-top:1px solid rgba(29,29,31,.12);padding-top:20px;padding-bottom:30px;font-size:15px}.app-foot p{margin:0 0 8px}.app-foot a{color:inherit}.pm-wrap{max-width:1540px;margin:0 auto;padding-left:max(16px,30px);padding-right:max(16px,30px)}@media(max-width:749px){.pm-wrap{padding-left:16px;padding-right:16px}}.app-basket{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#3d6352;color:#fff;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -6px 20px #0000001f}.app-basket[hidden]{display:none}.app-basket.pulse{animation:pm-pulse .5s ease}@keyframes pm-pulse{0%{transform:translateY(8px)}to{transform:none}}@media(prefers-reduced-motion:reduce){.app-basket.pulse{animation:none}}.app-basket__in{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.app-basket__sum{display:flex;gap:6px;align-items:baseline;font-size:17px}.app-basket__sum .pm-muted{color:#d9e7df}.app-basket__btns{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.app-basket .pm-btn{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-weight:500;border-radius:30px;text-decoration:none;cursor:pointer;min-height:40px;padding:0 18px;font-size:15px;background:#52b386;color:#fff;border:1px solid #52b386}.app-basket .pm-btn--ghost{background:transparent;border-color:#fff;color:#fff}.app-basket .app-link{color:#fff}.app-basket__list{list-style:none;margin:0;padding:0 0 12px;display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow:auto}.app-basket__list[hidden]{display:none}.app-basket__list li{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;background:#fff;color:#1d1d1f;border-radius:12px;padding:10px 12px;font-size:15px}.app-basket__list a{color:#1d1d1f;text-decoration:none;line-height:1.3}.app-qty{display:inline-flex;align-items:center;gap:8px}.app-q{width:32px;height:32px;border-radius:50%;border:1px solid #52b386;background:#fff;font-size:18px;cursor:pointer;color:#1d1d1f}@media(max-width:520px){.app-basket__btns{width:100%}.app-basket__btns .pm-btn:last-child{flex:1 1 auto}.app-basket__list li{grid-template-columns:1fr auto}.app-basket__list li .app-qty{grid-column:1/-1;justify-self:end}}#pump-match .pm-extra{border-top:1px solid var(--pm-line);padding-top:14px;display:flex;flex-direction:column;gap:10px}#pump-match .pm-h4{margin:0;font-size:20px;font-weight:500;color:var(--pm-ink)}#pump-match .pm-extra p{margin:0}#pump-match .pm-extra__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}#pump-match .pm-extra__item{display:flex;align-items:center;gap:12px;border:1px solid var(--pm-line);border-radius:12px;padding:10px}#pump-match .pm-extra__img{flex:0 0 56px;height:56px;border-radius:8px;background:var(--pm-tint);display:flex;align-items:center;justify-content:center;overflow:hidden}#pump-match .pm-extra__img img{max-width:100%;max-height:100%;object-fit:contain}#pump-match .pm-extra__info{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}#pump-match .pm-extra__name{color:var(--pm-ink);font-size:16px;line-height:1.3;text-decoration:none}#pump-match .pm-extra__name:hover{text-decoration:underline}#pump-match .pm-btn--sm{min-height:40px;padding:0 18px;font-size:15px;flex:0 0 auto}@media(max-width:520px){#pump-match .pm-extra__item{flex-wrap:wrap}#pump-match .pm-extra__item .pm-btn--sm{width:100%}}#pump-match .pm-extra__img:empty{display:none}@media(max-width:520px){#pump-match .pm-extra__info{flex:1 1 calc(100% - 70px)}}#pump-match .pm-hero{position:relative;overflow:hidden;isolation:isolate}#pump-match .pm-hero:before,#pump-match .pm-hero:after{content:"";position:absolute;z-index:-1;background:#52b386;pointer-events:none}#pump-match .pm-hero:before{width:420px;height:300px;top:-150px;right:-120px;border-radius:58% 42% 50% 50%/55% 45%;opacity:.9}#pump-match .pm-hero:after{width:360px;height:360px;bottom:-230px;left:-140px;border-radius:45% 55% 60% 40%/50% 40% 60% 50%;opacity:.55}#pump-match .pm-hero h1{display:flex;align-items:center;gap:14px}#pump-match .pm-hero h1:before{content:"";flex:none;width:46px;height:46px;background:url(icons/ci-mark-white.svg) center/contain no-repeat}@media(max-width:749px){#pump-match .pm-hero h1:before{width:38px;height:38px}#pump-match .pm-hero:before{width:240px;height:180px;top:-110px;right:-120px}}

/* Brands we cover */
#pump-match .pm-brands{display:flex;flex-wrap:wrap;gap:6px;align-items:center}#pump-match .pm-brands span{display:inline-block;border:1px solid rgba(61,99,82,.35);border-radius:20px;padding:3px 12px;font-size:14px;font-weight:500;line-height:1.5;color:#3d6352;background:#f3faf6}#pump-match .pm-brands .pm-brands__h{width:100%;border:0;background:none;padding:0;font-weight:400;color:#5d5d5d}#pump-match .pm-brands .pm-brands__more{border:0;background:none;padding:0 4px;font-weight:400;color:#5d5d5d}#pump-match .pm-brands span[hidden]{display:none}
/* Phones: fit the whole search card on the first screen */
@media (max-width:599px){
#pump-match .pm-hero .pm-wrap{padding-top:16px;padding-bottom:22px;gap:12px}
#pump-match .pm-hero h1{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#pump-match .pm-hero .pm-wrap > p{font-size:16px;line-height:1.4}
#pump-match .pm-box{padding:14px;gap:12px}
#pump-match .pm-tabs{display:flex;flex-wrap:nowrap;gap:5px;padding-bottom:10px}
#pump-match .pm-tabs button{flex:1 1 auto;min-width:0;padding:8px 6px;font-size:14px;white-space:nowrap;min-height:40px}
#pump-match .pm-search{gap:10px}
#pump-match .pm-search input{padding:12px 18px;font-size:16px}
#pump-match .pm-btn{min-height:48px}
#pump-match .pm-pane{gap:12px}
#pump-match .pm-brands span{font-size:13px;padding:2px 10px}
}
@media (max-width:374px){#pump-match .pm-tabs button{font-size:13px;padding:8px 4px}#pump-match .pm-box{padding:12px}}
@media (max-width:339px){#pump-match .pm-tabs{gap:4px}#pump-match .pm-tabs button{font-size:12px;padding:8px 3px;letter-spacing:-.01em}}
/* Phones: Photo and Plate Details tabs drop the intro and use a tighter form */
@media (max-width:599px){
#pump-match .pm-hero:has(#pm-tab-model[aria-selected="false"]) .pm-wrap > p{display:none}
#pump-match .pm-form{grid-template-columns:1fr 1fr;gap:10px}
#pump-match .pm-form label:nth-child(-n+2){grid-column:1/-1}
#pump-match .pm-form label:last-child{grid-column:1/-1}
#pump-match .pm-form label{gap:4px;font-size:14px;justify-content:flex-end}
#pump-match .pm-form input,#pump-match .pm-form select{font-size:16px;padding:9px 14px}
#pump-match #pm-pane-plate .pm-btns .pm-btn{width:100%}
}
/* Phones: suggestions straight under the model box, so they show above the keyboard */
@media (max-width:599px){
#pump-match #pm-pane-model .pm-search{display:contents}
#pump-match #pm-pane-model #pm-q{order:1;flex:none;width:100%}
#pump-match #pm-pane-model #pm-sug{order:2}
#pump-match #pm-pane-model #pm-go{order:3;width:100%}
#pump-match #pm-pane-model .pm-brands{order:4}
#pump-match #pm-pane-model:has(#pm-sug:not([hidden])) .pm-brands{display:none}
}
/* Phones: comparison as stacked rows (no sideways scrolling) */
@media (max-width:599px){
#pump-match .pm-cmp__scroll{overflow:visible}
#pump-match .pm-cmp__table,#pump-match .pm-cmp__table tbody{display:block;min-width:0;width:100%}
#pump-match .pm-cmp__table thead{display:none}
#pump-match .pm-cmp__table tr{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:2px;padding:10px 0;border-top:1px solid var(--pm-line)}
#pump-match .pm-cmp__table th,#pump-match .pm-cmp__table td{border-top:0;padding:0;min-width:0;overflow-wrap:anywhere}
#pump-match .pm-cmp__table tbody th{grid-column:1/-1;font-size:13px;font-weight:500;color:var(--pm-muted);text-transform:uppercase;letter-spacing:.04em;white-space:normal}
#pump-match .pm-cmp__table td:nth-of-type(1)::before{content:"Old pump";display:block;font-size:12px;color:var(--pm-muted)}
#pump-match .pm-cmp__table td:nth-of-type(2)::before{content:"New pump";display:block;font-size:12px;color:var(--pm-muted)}
#pump-match .pm-cmp__table td.pm-cmp__note{grid-column:1/-1;margin-top:4px;font-size:14px}
#pump-match .pm-cmp__table tbody tr:nth-child(n+4).pm-st-check{display:none}
}