/* The homepage charger slider ("Home EV chargers, A to Z"), copied from the live homepage on
   11 October 2026 (bestchargers.co.uk, index CSS). Scope attributes removed; the site's
   variables come from .site-chrome, which the section carries. */
.top10-head{max-width:720px;margin-bottom:28px}
.top10-head h2{font-size:clamp(1.5rem,3vw,2.125rem);margin:8px 0 10px;line-height:1.2}
.top10-method{font-size:.9375rem;color:var(--text-muted);line-height:1.65;margin:0}
.tp-slider{position:relative;margin:0 0 32px}
.tp-controls{display:flex;justify-content:flex-end;gap:8px;margin:-12px 0 12px}
.tp-arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--teal);cursor:pointer;transition:border-color .18s,background .18s}
.tp-arrow:hover:not(:disabled){border-color:var(--teal);background:var(--surface)}
.tp-arrow:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.tp-arrow:disabled{opacity:.4;cursor:default}
.tp-arrow[hidden]{display:none}
.tp-track{list-style:none;display:flex;gap:16px;margin:0;padding:4px 2px 16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.tp-card{flex:0 0 calc((100% - 32px) / 3);scroll-snap-align:start;display:flex;flex-direction:column;background:var(--bg);border:1.5px solid var(--line);border-radius:var(--card-r);padding:20px;transition:border-color .18s,box-shadow .18s}
.tp-card:hover{border-color:var(--teal-100);box-shadow:0 4px 16px #38837714}
.tp-img{height:160px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.tp-img img{max-width:100%;max-height:100%;object-fit:contain}
.tp-bestfor{align-self:flex-start;display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:var(--green-bg);color:var(--green);border:1px solid rgba(5,150,105,.2);font-family:Montserrat,sans-serif;font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}
.tp-name{font-family:Montserrat,sans-serif;font-size:1.125rem;font-weight:700;margin:0 0 6px;line-height:1.3}
.tp-name a{color:var(--text);text-decoration:none}
.tp-name a:hover{color:var(--teal);text-decoration:underline}
.tp-verdict{font-size:.9375rem;color:var(--text-muted);line-height:1.6;margin:0 0 10px;flex:1;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.tp-specs{list-style:none;display:flex;flex-wrap:wrap;gap:6px 8px;margin:0 0 6px;padding:0}
.tp-specs li{font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.tp-review-link{display:inline-flex;align-items:center;gap:6px;font-family:Montserrat,sans-serif;font-size:.875rem;font-weight:600;color:var(--teal);min-height:44px;transition:gap .15s}
.tp-review-link:hover{gap:10px;text-decoration:underline}
@media(max-width:980px){.tp-card{flex-basis:78%}.tp-controls{margin-top:0}}