/* ==========================================================================
   Speed Fit Lenasia – main stylesheet
   Palette: navy #101827 · blue #20377F · electric #00AEEF · green #39B54A · neon #72FF00
   ========================================================================== */
:root{
  --bg:#080D16; --bg2:#101827; --navy:#20377F; --blue:#00AEEF; --green:#39B54A; --neon:#72FF00;
  --white:#fff; --grey:#B8C2D1; --card:#0E1626; --card2:#131d31; --line:rgba(184,194,209,.16);
  --radius:16px; --wrap:1280px; --head-h:68px; --bn-h:64px;
  --f-head:'Orbitron','Rajdhani',system-ui,sans-serif; --f-sub:'Rajdhani','Inter',system-ui,sans-serif; --f-body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --shadow:0 14px 40px rgba(0,0,0,.45);
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--head-h) + 16px);overflow-x:clip}
/* some plugins set overflow-x:hidden here, which stops the header sticking */
html,body.sf{overflow-x:clip!important}
body.sf-fixedhead .sf-header{position:fixed;top:var(--sf-abar,0px);left:0;right:0;width:100%}
body{margin:0;background:var(--bg);color:var(--grey);font:400 16px/1.6 var(--f-body);overflow-x:clip;-webkit-font-smoothing:antialiased}
img,svg,video{max-width:100%;height:auto}
a{color:var(--blue);text-decoration:none;transition:color .2s}
a:hover{color:var(--green)}
h1,h2,h3,h4{color:var(--white);font-family:var(--f-sub);line-height:1.15;margin:0 0 .5em;font-weight:700;letter-spacing:.01em}
h1{font-size:clamp(2rem,4vw,3rem)} h2{font-size:clamp(1.5rem,2.6vw,2.2rem)} h3{font-size:1.2rem}
p{margin:0 0 1em}
ul{padding-left:1.2em}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:6px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.sf-skip{position:absolute;left:-999px;top:8px;z-index:9999;background:var(--green);color:#fff;padding:10px 16px;border-radius:8px}
.sf-skip:focus{left:8px}
.sf-wrap{width:min(100% - 32px,var(--wrap));margin-inline:auto}
.sf-narrow{max-width:820px}
.sf-muted{color:var(--grey);opacity:.8}
.sf-i{width:20px;height:20px;flex:none}
.sf-hp{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important}
.sf-spacer{height:28px}
body.sf-lock{overflow:hidden}

/* ---------- Buttons ---------- */
.sf-btn,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt,.wc-block-components-button:not(.is-link){
  --b:var(--green);display:inline-flex;align-items:center;justify-content:center;gap:.5em;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#43c455,var(--green) 55%,#2c9a3b);color:#fff!important;border:0;border-radius:999px;padding:.75em 1.5em;
  font:700 .95rem/1.1 var(--f-sub);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:transform .2s,box-shadow .25s,filter .2s;box-shadow:0 6px 18px rgba(57,181,74,.28)}
.sf-btn::after,.woocommerce a.button::after,.woocommerce button.button::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .6s}
.sf-btn:hover::after,.woocommerce a.button:hover::after,.woocommerce button.button:hover::after{transform:translateX(120%)}
.sf-btn:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,174,239,.35);background:linear-gradient(135deg,#19bdf5,var(--blue) 60%,#0a8fc4);color:#fff!important}
.sf-btn:disabled,.woocommerce button.button:disabled,.woocommerce button.button.disabled{opacity:.5;pointer-events:none}
.sf-btn--sm{padding:.55em 1.05em;font-size:.82rem}
.sf-btn--block{display:flex;width:100%}
.sf-btn--ghost{background:transparent;color:var(--white)!important;border:1.5px solid rgba(255,255,255,.35);box-shadow:none}
.sf-btn--ghost:hover{background:rgba(0,174,239,.12);border-color:var(--blue);box-shadow:none}
.sf-btn--dark{background:#252a36;box-shadow:none}
.sf-btn--dark:hover{background:#000;box-shadow:0 0 0 1px var(--blue)}
.sf-btn--glow{animation:sfGlow 2.4s ease-in-out infinite}
.sf-btn-tyre{width:22px;height:22px}
.sf-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:transparent;border:0;color:var(--white);position:relative;transition:background .2s,color .2s}
.sf-iconbtn:hover{background:rgba(255,255,255,.08);color:var(--green)}
.sf-iconbtn .sf-i{width:24px;height:24px}

/* ---------- Top bar + sticky header ---------- */
.sf-topbar{background:linear-gradient(90deg,var(--navy),#14224f);color:#e8eefc;font-size:.8rem;font-weight:500}
.sf-topbar .sf-wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding-block:4px}
.sf-topbar-in,.sf-topbar-tel{display:inline-flex;align-items:center;gap:8px}
.sf-topbar .sf-i{width:16px;height:16px;color:var(--neon)}
.sf-topbar a{color:#fff}
.sf-header{position:sticky;position:-webkit-sticky;top:var(--sf-abar,0px);left:0;right:0;width:100%;z-index:900;background:linear-gradient(100deg,#2d9b3d 0%,#39B54A 45%,#49c95b 100%);border-bottom:3px solid rgba(255,255,255,.22);box-shadow:0 4px 18px rgba(8,13,22,.35);transition:box-shadow .3s,background .3s}
.sf-header.is-stuck{box-shadow:0 10px 30px rgba(8,13,22,.5);background:linear-gradient(100deg,#278a35 0%,#33a943 45%,#41bf52 100%)}
.sf-header-in{display:flex;align-items:center;gap:18px;min-height:var(--head-h)}
.sf-logo{display:inline-flex;align-items:center;gap:10px;color:var(--white);flex:none}
.sf-logo img,.sf-logo .custom-logo{height:44px;width:auto;display:block}
.sf-logo-text .sf-logo-mark{width:42px;height:42px}
.sf-logo-words{display:flex;flex-direction:column;line-height:1}
.sf-logo-words b{font:900 1.05rem var(--f-head);letter-spacing:.08em;color:#fff}
.sf-logo-words small{font:700 .7rem var(--f-sub);letter-spacing:.5em;color:var(--green);margin-top:4px}
.sf-nav{flex:1;display:none}
.sf-menu,.sf-dmenu,.sf-fmenu{list-style:none;margin:0;padding:0}
.sf-menu{display:flex;gap:4px;justify-content:center}
.sf-menu a{white-space:nowrap;display:block;padding:.6em .85em;border-radius:10px;color:var(--white);font:600 .98rem var(--f-sub);letter-spacing:.06em;text-transform:uppercase;position:relative}
.sf-menu a::after{content:"";position:absolute;left:.85em;right:.85em;bottom:.2em;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.sf-menu a:hover,.sf-menu .current-menu-item>a,.sf-menu .current_page_item>a{color:var(--green)}
.sf-menu a:hover::after,.sf-menu .current-menu-item>a::after{transform:scaleX(1)}
.sf-menu li{position:relative}
.sf-menu .sub-menu{position:absolute;left:0;top:100%;min-width:200px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:8px;list-style:none;margin:0;display:none;box-shadow:var(--shadow)}
.sf-menu li:hover>.sub-menu,.sf-menu li:focus-within>.sub-menu{display:block}
.sf-search-wrap{display:none;flex:0 1 300px;position:relative}
.sf-search{position:relative;display:flex;align-items:center;width:100%}
.sf-search input[type=search]{width:100%;background:#0c1322;border:1px solid var(--line);color:#fff;border-radius:999px;padding:.7em 3em .7em 1.1em;font-size:.95rem;appearance:none}
.sf-search input::placeholder{color:#7f8da3}
.sf-search input:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px rgba(0,174,239,.2)}
.sf-search button{position:absolute;right:4px;top:4px;bottom:4px;width:38px;border:0;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center}
.sf-search button .sf-i{width:18px;height:18px}
.sf-live{position:absolute;left:0;right:0;top:calc(100% + 8px);background:var(--bg2);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);overflow:hidden;z-index:50}
.sf-live a{display:flex;gap:12px;align-items:center;padding:10px 12px;color:#fff;border-bottom:1px solid var(--line)}
.sf-live a:hover{background:rgba(0,174,239,.1)}
.sf-live img{width:44px;height:44px;object-fit:cover;border-radius:8px;background:#fff}
.sf-live span{font-size:.88rem;line-height:1.3;flex:1}
.sf-live small{color:var(--green);font-weight:700}
.sf-live .none{padding:14px;font-size:.9rem}
.sf-actions{display:flex;align-items:center;gap:2px;margin-left:auto}
.sf-burger{order:-1;margin-left:-8px}
.sf-header-in>.sf-logo,.sf-header-in>span.sf-logo{margin-right:auto}
.sf-cart-count{position:absolute;top:2px;right:0;min-width:19px;height:19px;border-radius:99px;background:var(--green);color:#fff;font:700 .7rem/19px var(--f-body);text-align:center;padding:0 5px;box-shadow:0 0 0 2px var(--bg2)}
.sf-cart-count.is-empty{display:none}
.sf-searchrow{padding:0 0 12px;border-top:1px solid var(--line);padding-top:12px}
.sf-searchrow[hidden]{display:none}
@media (min-width:1000px){
  .sf-nav{display:block}
  .sf-burger{display:none}
  .sf-search-wrap{display:block}
  .sf-search-toggle{display:none}
  .sf-header-in>.sf-logo,.sf-header-in>span.sf-logo{margin-right:0}
  .sf-actions{margin-left:0}
  .sf-searchrow{display:none!important}
}
@media (min-width:1000px) and (max-width:1180px){ .sf-search-wrap{flex-basis:200px} .sf-menu a{padding:.6em .6em;font-size:.9rem} }

/* --- Mobile: header is pinned, so no plugin CSS can stop it sticking --- */
.sf-head-space{display:none}
@media (max-width:999px){
  .sf-topbar{display:none}
  .sf-header{position:fixed;top:var(--sf-abar,0px);left:0;right:0;width:100%}
  .sf-head-space{display:block;height:var(--sf-headh,71px)}
}

/* --- Green header bar treatment --- */
.sf-header .sf-logo-words b{color:#fff;text-shadow:0 1px 2px rgba(8,13,22,.3)}
.sf-header .sf-logo-words small{color:#eafff0}
.sf-header .sf-menu a{color:#fff;text-shadow:0 1px 2px rgba(8,13,22,.22)}
.sf-header .sf-menu a::after{background:#fff}
.sf-header .sf-menu a:hover,.sf-header .sf-menu .current-menu-item>a,.sf-header .sf-menu .current_page_item>a{color:#fff;background:rgba(255,255,255,.18)}
.sf-header .sf-menu .sub-menu{background:#fff;border-color:#d7e2d9;box-shadow:0 14px 34px rgba(8,13,22,.25)}
.sf-header .sf-menu .sub-menu a{color:#16233d;text-shadow:none}
.sf-header .sf-menu .sub-menu a:hover{background:#eef7ef;color:#1c8a2c}
.sf-header .sf-iconbtn{color:#fff}
.sf-header .sf-iconbtn:hover{background:rgba(255,255,255,.2);color:#fff}
.sf-header .sf-search input[type=search]{background:#fff;border-color:rgba(255,255,255,.55);color:#16233d;box-shadow:0 2px 8px rgba(8,13,22,.12) inset}
.sf-header .sf-search input::placeholder{color:#8b97ab}
.sf-header .sf-search input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.45)}
.sf-header .sf-search button{background:var(--navy)}
.sf-header .sf-search button:hover{background:#16233d}
.sf-header .sf-cart-count{background:var(--navy);box-shadow:0 0 0 2px #39B54A}
.sf-header .sf-searchrow{border-top-color:rgba(255,255,255,.3)}
.sf-header .sf-live{background:#fff;border-color:#dde5f1}
.sf-header .sf-live a{color:#16233d;border-bottom-color:#eef2f7}
.sf-header .sf-live a:hover{background:#eef7ef}
.sf-header .sf-live small{color:#1c8a2c}
.sf-header .sf-live .none{color:#52607a}

/* ---------- Mobile drawer ---------- */
.sf-overlay{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1000;opacity:0;transition:opacity .3s}
.sf-overlay:not([hidden]){opacity:1}
.sf-drawer{position:fixed;top:0;left:0;bottom:0;width:min(88vw,360px);background:linear-gradient(180deg,#0d1424,#080d16);z-index:1001;transform:translateX(-102%);transition:transform .35s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;border-right:1px solid var(--line);box-shadow:var(--shadow)}
.sf-drawer.is-open{transform:none}
.sf-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}
.sf-drawer-body{padding:16px;overflow:auto;display:flex;flex-direction:column;gap:16px;flex:1;padding-bottom:40px}
.sf-dtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sf-dtiles a,.sf-dtiles span.is-soon{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 4px;border-radius:14px;background:var(--card);border:1px solid var(--line);color:#fff;font:600 .78rem var(--f-sub);letter-spacing:.04em;text-transform:uppercase;position:relative}
.sf-dtiles svg{width:30px;height:30px;color:var(--green)}
.sf-dtiles .is-soon{opacity:.6}
.sf-dtiles em{position:absolute;top:-6px;right:-4px;background:var(--blue);color:#fff;font:700 .6rem var(--f-body);padding:2px 6px;border-radius:99px;font-style:normal}
.sf-dmenu{display:flex;flex-direction:column}
.sf-dmenu a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;color:#fff;font:600 1.1rem var(--f-sub);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line)}
.sf-dmenu a::after{content:"›";color:var(--green);font-size:1.4rem}
.sf-dmenu .sub-menu{list-style:none;padding-left:14px}
.sf-dcontact{display:grid;gap:8px}
.sf-dcontact a{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:#fff;font-weight:600}
.sf-dcontact svg{color:var(--green)}
.sf-dnote{display:flex;gap:8px;align-items:center;font-size:.82rem;opacity:.85;margin:0}
.sf-dnote svg{width:18px;height:18px;color:var(--neon)}
.sf-drawer .sf-search-wrap,.sf-drawer .sf-search{display:flex}

/* ---------- Mobile bottom navigation ---------- */
.sf-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:950;height:calc(var(--bn-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:rgba(8,13,22,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:end}
.sf-bottomnav a,.sf-bottomnav .sf-bn-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:var(--bn-h);color:var(--grey);font:600 .68rem var(--f-sub);letter-spacing:.06em;text-transform:uppercase;background:none;border:0;position:relative}
.sf-bottomnav a.is-on{color:var(--green)}
.sf-bottomnav svg.sf-i{width:23px;height:23px}
.sf-bn-cart .sf-cart-count{top:6px;right:calc(50% - 22px);box-shadow:0 0 0 2px #080d16}
.sf-bn-speedy{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:2px;height:var(--bn-h);background:none;border:0;color:#fff;font:700 .68rem var(--f-sub);letter-spacing:.08em;text-transform:uppercase;position:relative}
.sf-bn-speedy svg{width:54px;height:54px;position:absolute;top:-24px;padding:5px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#1b2b4d,#0a0f1a);border:2px solid var(--green);box-shadow:0 0 0 4px rgba(8,13,22,.96),0 0 22px rgba(57,181,74,.55)}
.sf-bn-speedy span{position:relative;z-index:1;color:var(--green)}
@media (min-width:1000px){
  .sf-bottomnav{left:50%;right:auto;transform:translateX(-50%);bottom:18px;width:auto;max-width:620px;border-radius:999px;border:1px solid rgba(255,255,255,.14);
    box-shadow:0 18px 50px rgba(5,9,16,.6);padding:4px 10px;gap:4px;background:rgba(16,24,39,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
  .sf-bottomnav>*{padding-inline:18px;border-radius:999px}
  .sf-bottomnav .sf-bn-speedy{transform:none;margin-top:0}
}
body{padding-bottom:calc(var(--bn-h) + env(safe-area-inset-bottom,0px))}
@media (min-width:1000px){ body{padding-bottom:0} .sf-footer{padding-bottom:86px} }

/* ---------- Hero ---------- */
.sf-hero{position:relative;background:var(--bg)}
.sf-hero-img{display:block;position:relative;line-height:0}
.sf-hero-img img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.sf-hero-copy{position:relative;padding:clamp(24px,4vw,56px) 0 clamp(36px,5vw,70px);margin-top:-40px;overflow:hidden}
.sf-speedlines{position:absolute;inset:0;opacity:.5;background:repeating-linear-gradient(105deg,transparent 0 46px,rgba(0,174,239,.10) 46px 48px,transparent 48px 110px),repeating-linear-gradient(105deg,transparent 0 120px,rgba(57,181,74,.10) 120px 123px,transparent 123px 260px);animation:sfLines 9s linear infinite;-webkit-mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(180deg,transparent,#000 25%,#000 75%,transparent)}
.sf-hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:center}
.sf-eyebrow{font:700 .95rem var(--f-sub);letter-spacing:.3em;text-transform:uppercase;color:var(--blue);margin-bottom:.6em}
.sf-h1{font:900 clamp(2.1rem,6vw,4.4rem)/1.02 var(--f-head);font-style:italic;text-transform:uppercase;margin-bottom:.35em}
.sf-h1 .w{color:#fff;display:inline-block;animation:sfSlideIn .8s both}
.sf-h1 .g{color:var(--green);display:inline-block;text-shadow:0 0 30px rgba(57,181,74,.55);animation:sfSlideIn .8s .25s both}
.sf-lead{font-size:clamp(1rem,1.6vw,1.25rem);max-width:34em;color:#d5deea}
.sf-hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin:1.4em 0}
.sf-delivery-anim{position:relative;height:64px;max-width:520px;overflow:hidden;border-radius:14px;background:linear-gradient(180deg,rgba(32,55,127,.25),rgba(32,55,127,.05));border:1px solid var(--line)}
.sf-delivery-anim .road{position:absolute;left:0;right:0;bottom:12px;height:3px;background:repeating-linear-gradient(90deg,var(--grey) 0 18px,transparent 18px 36px);opacity:.55;animation:sfRoad .7s linear infinite}
.sf-delivery-anim .truck{position:absolute;bottom:14px;left:-60px;font-size:34px;animation:sfTruck 5.5s ease-in-out infinite;filter:drop-shadow(0 4px 6px rgba(0,0,0,.5))}
.sf-delivery-anim .lbl{position:absolute;left:0;right:0;top:8px;text-align:center;font:700 1.15rem var(--f-sub);letter-spacing:.14em;text-transform:uppercase;color:#fff;animation:sfPop 5.5s ease-in-out infinite}
.sf-hero-wheel{position:relative;width:min(70vw,340px);aspect-ratio:1;margin-inline:auto;display:grid;place-items:center}
.sf-lottie{width:84%;aspect-ratio:1;filter:drop-shadow(0 0 28px rgba(0,174,239,.45))}
.sf-lottie svg{display:block}
.sf-lottie-fallback{width:100%;height:100%}
.sf-orbit{position:absolute;inset:0;border-radius:50%;border:2px dashed rgba(0,174,239,.4);animation:sfSpin 24s linear infinite}
.sf-orbit.o2{inset:10%;border-color:rgba(57,181,74,.45);animation-duration:16s;animation-direction:reverse}
@media (min-width:860px){ .sf-hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)} .sf-hero-copy{margin-top:-90px} }

/* tyre svg spin */
.sf-tyre-spin{transform-box:fill-box;transform-origin:center;animation:sfSpin 6s linear infinite}
.sf-tyre{width:42px;height:42px;flex:none}
.sf-btn:hover .sf-tyre-spin,.sf-size:hover .sf-tyre-spin,.spd-fab:hover .sf-tyre-spin{animation-duration:1.2s}

/* ---------- Ticker ---------- */
.sf-ticker{overflow:hidden;background:linear-gradient(90deg,var(--navy),#12306f,var(--navy));border-block:1px solid rgba(0,174,239,.35);transform:skewY(-1deg);margin:8px 0 18px}
.sf-ticker-track{display:flex;width:max-content;animation:sfMarquee 40s linear infinite;padding:12px 0;font:700 1rem var(--f-sub);letter-spacing:.22em;color:#fff;white-space:nowrap}
.sf-ticker:hover .sf-ticker-track{animation-play-state:paused}

/* ---------- Sections ---------- */
.sf-section{padding:clamp(36px,6vw,80px) 0}
.sf-sec-head{text-align:center;max-width:760px;margin:0 auto clamp(22px,3vw,40px)}
.sf-sec-head p{opacity:.9}
.sf-kicker{display:inline-flex;align-items:center;gap:8px;font:700 .8rem var(--f-sub);letter-spacing:.3em;text-transform:uppercase;color:var(--green);margin-bottom:.6em}
.sf-kicker .sf-i{width:16px;height:16px}
.sf-sec-head h2{font-family:var(--f-head);font-size:clamp(1.4rem,3vw,2.2rem);text-transform:uppercase;font-style:italic}
.sf-row-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:clamp(22px,3vw,36px) 0 14px}
.sf-row-head h2{margin:0;font-size:clamp(1.3rem,2.4vw,1.8rem);text-transform:uppercase}
.sf-row-head a{display:inline-flex;align-items:center;gap:6px;font:700 .9rem var(--f-sub);letter-spacing:.08em;text-transform:uppercase}
.sf-row-head a svg{width:18px;height:18px}

/* ---------- Trust strip ---------- */
.sf-trust{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding-block:8px 8px}
.sf-trust-item{display:flex;gap:12px;align-items:center;padding:14px;border-radius:var(--radius);background:linear-gradient(145deg,var(--card2),var(--card));border:1px solid var(--line)}
.sf-trust-item .ic{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(57,181,74,.14);color:var(--green);flex:none}
.sf-trust-item strong{display:block;color:#fff;font:700 1rem var(--f-sub);letter-spacing:.04em}
.sf-trust-item span:not(.ic){font-size:.82rem;line-height:1.35;display:block}
@media (min-width:900px){ .sf-trust{grid-template-columns:repeat(4,1fr)} }
@media (max-width:480px){ .sf-trust-item{flex-direction:column;align-items:flex-start} }

/* ---------- Shop by needs ---------- */
.sf-needs{display:grid;grid-template-columns:1fr;gap:16px}
.sf-need{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;min-height:230px;padding:22px;border-radius:20px;overflow:hidden;color:#fff;isolation:isolate;border:1px solid var(--line);background:linear-gradient(145deg,#15213a,#0b1220);transition:transform .35s,box-shadow .35s,border-color .35s}
.sf-need::before{content:"";position:absolute;inset:0;z-index:-2;background:var(--img,none) center/cover no-repeat;transition:transform .8s}
.sf-need::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(8,13,22,.15) 10%,rgba(8,13,22,.9) 100%)}
.sf-need:hover{transform:translateY(-6px);border-color:var(--green);box-shadow:0 18px 40px rgba(0,0,0,.5),0 0 0 1px var(--green),0 0 30px rgba(57,181,74,.25);color:#fff}
.sf-need:hover::before{transform:scale(1.08)}
.sf-need-ic{position:absolute;top:16px;left:16px;width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:rgba(8,13,22,.7);backdrop-filter:blur(6px);color:var(--green);border:1px solid var(--line)}
.sf-need-t{font:900 1.3rem var(--f-head);text-transform:uppercase;font-style:italic}
.sf-need-go{position:absolute;right:16px;bottom:18px;width:42px;height:42px;border-radius:50%;background:var(--green);display:grid;place-items:center;transition:transform .3s}
.sf-need:hover .sf-need-go{transform:translateX(6px) rotate(-45deg)}
.sf-need--soon{cursor:default;min-height:230px;background:repeating-linear-gradient(135deg,#0f1828 0 14px,#121c2f 14px 28px)}
.sf-need--soon:hover{transform:none;border-color:var(--line);box-shadow:none}
.sf-soon{align-self:flex-start;background:linear-gradient(90deg,var(--blue),var(--green));color:#fff;font:700 .78rem var(--f-sub);letter-spacing:.18em;text-transform:uppercase;padding:6px 14px;border-radius:99px;animation:sfPulse 2s infinite}
@media (min-width:640px){ .sf-needs{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1000px){ .sf-needs{grid-template-columns:repeat(4,1fr)} .sf-need{min-height:300px} }

/* ---------- Promo banners ---------- */
.sf-promo{position:relative;border-radius:22px;overflow:hidden;min-height:clamp(190px,32vw,330px);display:flex;align-items:center;background:#0b1220 var(--img,none) center/cover no-repeat;border:1px solid var(--line)}
.sf-promo::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,13,22,.92) 0%,rgba(8,13,22,.6) 55%,rgba(8,13,22,.1) 100%)}
.sf-promo::after{content:"";position:absolute;inset:-40% auto -40% -20%;width:40%;background:linear-gradient(100deg,transparent,rgba(114,255,0,.12),transparent);transform:skewX(-20deg);animation:sfSweep 6s ease-in-out infinite}
.sf-promo-in{position:relative;z-index:1;padding:clamp(20px,4vw,48px);max-width:640px}
.sf-promo h2{font:800 clamp(1.4rem,3.4vw,2.4rem)/1.12 var(--f-head);text-transform:uppercase;font-style:italic;margin-bottom:.8em}

/* ---------- Sliders ---------- */
.sf-slider{position:relative}
.sf-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 14px;margin:0;list-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.sf-track::-webkit-scrollbar{display:none}
.sf-slider-nav{display:none;position:absolute;left:-12px;right:-12px;top:38%;justify-content:space-between;pointer-events:none;z-index:3}
.sf-slider-nav button{pointer-events:auto;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.sf-slider-nav button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--card2);color:#fff;display:grid;place-items:center;transition:background .2s,border-color .2s}
.sf-slider-nav button:hover{background:var(--green);border-color:var(--green)}
.sf-slider-nav button:first-child svg{transform:rotate(180deg)}
.sf-slider-nav svg{width:20px;height:20px}
.sf-slider--imgs .sf-slider-nav{top:50%;left:8px;right:8px;transform:translateY(-50%)}
.sf-slider--imgs .sf-slider-nav button{pointer-events:auto;background:rgba(8,13,22,.7);backdrop-filter:blur(6px);font-size:1.2rem}
@media (min-width:700px){ .sf-slider-nav{display:flex} }
.sf-slide{flex:0 0 100%;scroll-snap-align:center;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:var(--card)}
.sf-slide a,.sf-slide>div{display:block}
.sf-slide img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;transition:transform .6s}
.sf-slide:hover img{transform:scale(1.04)}
@media (min-width:760px){ .sf-slide{flex-basis:calc(50% - 8px);scroll-snap-align:start} }
.sf-dots{display:flex;justify-content:center;gap:8px;margin-top:6px}
.sf-dots i{width:9px;height:9px;border-radius:99px;background:rgba(255,255,255,.25);transition:width .3s,background .3s}
.sf-dots i.on{width:26px;background:var(--green)}

/* ---------- Product cards / grids ---------- */
ul.products,.woocommerce ul.products{list-style:none;margin:0;padding:0}
ul.products::before,ul.products::after{display:none!important;content:none!important}
.sf-archive ul.products,.sf-woo ul.products:not(.sf-track){display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
@media (min-width:760px){ .sf-archive ul.products,.sf-woo ul.products:not(.sf-track){grid-template-columns:repeat(3,1fr);gap:18px} }
@media (min-width:1200px){ .sf-archive ul.products,.sf-woo ul.products:not(.sf-track){grid-template-columns:repeat(4,1fr)} }
.sf-track.products>li{flex:0 0 min(260px,74%);scroll-snap-align:start}
.sf-card,.woocommerce ul.products li.product.sf-card{position:relative;display:flex;flex-direction:column;margin:0!important;width:auto!important;float:none!important;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:transform .3s,box-shadow .3s,border-color .3s}
.sf-card:hover{transform:translateY(-6px);border-color:rgba(0,174,239,.55);box-shadow:0 18px 38px rgba(0,0,0,.5),0 0 28px rgba(0,174,239,.15)}
.sf-card-img{position:relative;display:block;background:#fff;aspect-ratio:1;overflow:hidden}
.sf-card-img img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .5s;margin:0!important;padding:6%}
.sf-card:hover .sf-card-img img{transform:scale(1.07)}
.sf-badges{position:absolute;top:10px;left:10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.sf-badge{font:700 .7rem var(--f-sub);letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:99px;color:#fff;background:var(--navy)}
.sf-badge--sale{background:linear-gradient(90deg,#e11d48,#f97316);animation:sfPulse 2.2s infinite}
.sf-badge--out{background:#475569}
.sf-badge--set{background:var(--blue)}
.sf-card-body{display:flex;flex-direction:column;gap:6px;padding:14px;flex:1}
.sf-card-tags{display:flex;flex-wrap:wrap;gap:5px}
.sf-card-tags span{font:600 .68rem var(--f-sub);letter-spacing:.08em;text-transform:uppercase;color:var(--blue);background:rgba(0,174,239,.1);padding:2px 8px;border-radius:99px}
.sf-card-title{font:600 .98rem/1.3 var(--f-body)!important;margin:0!important;padding:0!important;color:#fff}
.sf-card-title a{color:#fff;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.sf-card-title a:hover{color:var(--green)}
.sf-card-price,.woocommerce .price{color:var(--green);font:700 1.1rem var(--f-sub);letter-spacing:.02em;margin-top:auto}
.sf-card-price del,.woocommerce .price del{color:#7f8da3;font-weight:500;font-size:.88em;opacity:1;margin-right:6px}
.sf-card-price ins,.woocommerce .price ins{text-decoration:none;color:var(--green)}
.sf-card-cta{margin-top:8px}
.sf-card-cta .button,.sf-card-cta .sf-btn{width:100%}
.sf-card-cta .added_to_cart{display:block;text-align:center;margin-top:8px;font-size:.82rem;color:var(--blue)}
.woocommerce a.button.loading::before{content:"";position:absolute;right:10px;width:14px;height:14px;border:2px solid #fff;border-top-color:transparent;border-radius:50%;animation:sfSpin .7s linear infinite;top:calc(50% - 7px)}

/* ---------- Shop by size ---------- */
.sf-sizes{background:linear-gradient(180deg,transparent,rgba(32,55,127,.18),transparent)}
.sf-sizes-h{text-align:center;font:700 .9rem var(--f-sub);letter-spacing:.3em;text-transform:uppercase;color:var(--grey);margin:18px 0 12px}
.sf-sizegrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;justify-items:center;max-width:1060px;margin-inline:auto}
@media (min-width:520px){ .sf-sizegrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px} }
@media (min-width:900px){ .sf-sizegrid{grid-template-columns:repeat(9,minmax(0,1fr))} }
.sf-size{position:relative;display:grid;place-items:center;width:100%;max-width:120px;aspect-ratio:1;border-radius:50%;color:#fff;isolation:isolate;transition:transform .35s}
.sf-size-tyre{position:absolute;inset:0;width:100%;height:100%;z-index:-1;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5));transition:filter .3s}
.sf-size .sf-tyre-spin{animation-duration:14s}
.sf-size b{font:900 clamp(1rem,2.6vw,1.45rem) var(--f-head);text-shadow:0 2px 8px #000;background:rgba(8,13,22,.7);border-radius:99px;padding:.2em .55em}
.sf-size:hover{transform:scale(1.1) rotate(-4deg);color:#fff}
.sf-size:hover .sf-size-tyre{filter:drop-shadow(0 0 18px rgba(57,181,74,.7))}
.sf-size--t{width:auto;aspect-ratio:auto;border-radius:16px;padding:14px 6px;background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);isolation:auto}
.sf-size--t b{background:none;padding:0;font-size:clamp(1.05rem,3.2vw,1.4rem)}
/* Tyre rim sizes: one row of 8 */
.sf-sizegrid--tyres{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:1100px}
@media (min-width:560px){ .sf-sizegrid--tyres{grid-template-columns:repeat(8,minmax(0,1fr));gap:12px} }
.sf-size--t small{font:600 .7rem var(--f-sub);letter-spacing:.2em;text-transform:uppercase;color:var(--green)}
.sf-size--t:hover{transform:translateY(-4px);border-color:var(--green);box-shadow:0 0 24px rgba(57,181,74,.25)}

/* ---------- Specials ---------- */
.sf-specials{background:radial-gradient(900px 400px at 85% 0%,rgba(0,174,239,.12),transparent),radial-gradient(800px 380px at 5% 100%,rgba(57,181,74,.1),transparent)}

/* ---------- Why (sticky background + white gradient) ---------- */
.sf-why{position:relative;background:#e9eef6 var(--img,none) center/cover fixed no-repeat;color:#233047}
.sf-why-fade{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.93) 22%,rgba(255,255,255,.88) 70%,#fff 100%);padding:clamp(48px,7vw,96px) 0}
.sf-why h2,.sf-why h3{color:#0f1b3d}
.sf-why .sf-sec-head p{color:#44526b}
.sf-why .sf-kicker{color:#1c8a2c}
.sf-why-grid{display:grid;grid-template-columns:1fr;gap:16px}
@media (min-width:640px){ .sf-why-grid{grid-template-columns:repeat(2,1fr)} }
@media (min-width:1000px){ .sf-why-grid{grid-template-columns:repeat(4,1fr)} }
/* mobile: swipeable cards */
@media (max-width:639px){
  .sf-slider--why{position:relative}
  .sf-why-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin-inline:-16px;padding-inline:16px}
  .sf-why-grid::-webkit-scrollbar{display:none}
  .sf-why-grid>*{flex:0 0 84%;scroll-snap-align:center;min-width:0}
}
@media (min-width:640px){ .sf-slider--why .sf-dots{display:none} }
.sf-slider--why .sf-dots{margin-top:12px}
.sf-slider--why .sf-dots i{background:#c3cedd}
.sf-slider--why .sf-dots i.on{background:var(--green)}
.sf-why-card{background:#fff;border:1px solid #dde5f1;border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(16,24,39,.08);transition:transform .3s,box-shadow .3s}
.sf-why-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(32,55,127,.18)}
.sf-why-card>svg{width:42px;height:42px;color:var(--green);margin-bottom:10px;stroke-width:1.6}
.sf-why-card p{margin:0;color:#4b5a73;font-size:.95rem}
.sf-counters{display:grid;grid-template-columns:1fr;gap:10px;margin:34px 0}
@media (min-width:700px){ .sf-counters{grid-template-columns:repeat(3,1fr)} }
.sf-counter{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:16px 10px;border-radius:18px;background:linear-gradient(135deg,var(--navy),#0f1d4a);color:#fff}
@media (max-width:699px){ .sf-counter{flex-direction:row;gap:12px;justify-content:flex-start;text-align:left;padding:14px 18px} .sf-counter b{font-size:2rem;min-width:84px;text-align:center} .sf-counter span{flex:1} }
.sf-counter b{display:block;font:900 clamp(1.6rem,4vw,2.8rem) var(--f-head);color:var(--neon)}
.sf-counter span{font:600 .74rem/1.2 var(--f-sub);letter-spacing:.1em;text-transform:uppercase;color:#cfe0ff}
.sf-why-imgs{display:grid;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center}
@media (min-width:900px){ .sf-why-imgs{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)} }
.sf-why-imgs figure{margin:0}
.sf-why-imgs img{display:block;width:100%;border-radius:20px;box-shadow:0 14px 40px rgba(16,24,39,.18)}
.sf-trustbadge img{box-shadow:none;background:none;max-width:420px;margin-inline:auto}

/* ---------- Brands ---------- */
.sf-brands{overflow:hidden;padding:26px 0;background:#fff;border-block:4px solid var(--navy)}
.sf-brands-track{display:flex;width:max-content;gap:56px;align-items:center;animation:sfMarquee 36s linear infinite}
.sf-brands:hover .sf-brands-track{animation-play-state:paused}
.sf-brand img{display:block;height:64px;width:auto;max-width:170px;object-fit:contain}

/* ---------- FAQ ---------- */
.sf-faq-list{max-width:860px;margin-inline:auto;display:grid;gap:10px}
.sf-faq details{background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:14px;padding:0 18px;transition:border-color .2s}
.sf-faq details[open]{border-color:var(--green)}
.sf-faq summary{cursor:pointer;list-style:none;padding:16px 28px 16px 0;color:#fff;font:600 1.02rem var(--f-body);position:relative}
.sf-faq summary::-webkit-details-marker{display:none}
.sf-faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;color:var(--green);transition:transform .25s}
.sf-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.sf-faq details p{padding:0 0 16px;margin:0}

/* ---------- Find us / tyre form ---------- */
.sf-find-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:34px;align-items:start}
@media (min-width:960px){ .sf-find-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
.sf-map iframe{width:100%;min-height:300px;border:0;border-radius:18px;filter:grayscale(.3) contrast(1.05)}
.sf-contact-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:12px}
.sf-contact-list li{display:flex;gap:12px;align-items:flex-start}
.sf-contact-list svg{color:var(--green);margin-top:2px}
.sf-contact-list a{color:#fff}
/* Find us: info cards */
.sf-infocards{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;margin-top:18px}
@media (min-width:520px){ .sf-infocards{grid-template-columns:repeat(2,minmax(0,1fr))} }
.sf-infocard{display:flex;gap:14px;padding:16px;border-radius:16px;background:linear-gradient(150deg,var(--card2),var(--card));border:1px solid var(--line)}
.sf-infocard .ic{display:grid;place-items:center;width:42px;height:42px;flex:none;border-radius:12px;background:rgba(57,181,74,.14);color:var(--green)}
.sf-infocard .ic svg{width:22px;height:22px}
.sf-infocard h3{margin:0 0 6px;font:700 .82rem var(--f-sub);letter-spacing:.14em;text-transform:uppercase;color:#fff}
.sf-infocard p{margin:0 0 6px;font-size:.92rem;line-height:1.45}
.sf-infocard p:last-child{margin-bottom:0}
.sf-infocard a{color:#fff;display:inline-flex;align-items:center;gap:7px}
.sf-infocard a:hover{color:var(--green)}
.sf-infocard svg{width:18px;height:18px}
.sf-infocard .sf-btn{margin-top:8px;color:#fff!important}
.sf-infocard .sf-btn svg{width:16px;height:16px}
.sf-infosub{color:var(--green);font-weight:600;font-size:.85rem!important}
.sf-adminhint{margin-top:14px;padding:10px 14px;border-radius:12px;border:1px dashed rgba(0,174,239,.5);background:rgba(0,174,239,.08);font-size:.85rem}
/* search results (non-product) */
.sf-results{display:grid;gap:18px;margin-bottom:24px}
.sf-result h2{font-size:1.15rem;margin:0 0 .3em}
.sf-tyreform-wrap{position:relative;max-width:540px;margin-inline:auto}
.sf-sidewall{display:flex;justify-content:space-between;gap:6px;padding:0 24px;margin-bottom:6px;font:700 .68rem var(--f-sub);letter-spacing:.32em;color:#e6ecf5;opacity:.75;text-transform:uppercase;overflow:hidden;white-space:nowrap}
.sf-tyreform,.woocommerce form.login,.woocommerce form.register,.woocommerce form.lost_reset_password{
  position:relative;display:flex;flex-direction:column;gap:12px;padding:1.8em 1.6em 1.4em;
  border:16px solid transparent;border-radius:42px;
  background:linear-gradient(#141b29,#141b29) padding-box,repeating-linear-gradient(-45deg,#06080c 0 7px,#1b2232 7px 12px) border-box;
  box-shadow:0 0 0 2px #04060a,0 0 0 4px rgba(57,181,74,.35),inset 0 0 36px rgba(0,0,0,.7),0 30px 60px rgba(0,0,0,.5);
  transition:transform .4s ease-in-out,box-shadow .4s}
.sf-tyreform:hover,.woocommerce form.login:hover,.woocommerce form.register:hover{transform:scale(1.02);box-shadow:0 0 0 2px #04060a,0 0 0 4px var(--green),inset 0 0 36px rgba(0,0,0,.7),0 0 50px rgba(57,181,74,.25),0 30px 60px rgba(0,0,0,.5)}
.sf-tf-title{text-align:center;margin:.2em 0 0;color:#fff;font:800 1.3rem var(--f-head);letter-spacing:.06em;text-transform:uppercase}
.sf-tf-sub{text-align:center;font-size:.9rem;margin:0 0 .6em}
.sf-tf-msg{border-radius:14px;padding:10px 14px;font-size:.9rem;margin:0}
.sf-tf-msg.ok{background:rgba(57,181,74,.16);color:#9af0a8;border:1px solid rgba(57,181,74,.5)}
.sf-tf-msg.err{background:rgba(225,29,72,.14);color:#ffb3c1;border:1px solid rgba(225,29,72,.5)}
.sf-field{display:flex;align-items:center;gap:.6em;padding:.75em 1em;border-radius:25px;background:#0e1420;box-shadow:inset 2px 5px 10px rgba(0,0,0,.75);color:#fff;border:1px solid transparent;transition:border-color .25s,box-shadow .25s}
.sf-field:focus-within{border-color:var(--blue);box-shadow:inset 2px 5px 10px rgba(0,0,0,.75),0 0 0 3px rgba(0,174,239,.2)}
.sf-field svg{color:var(--grey);width:18px;height:18px;flex:none}
.sf-field--area{align-items:flex-start}
.sf-field--area svg{margin-top:4px}
.sf-field input,.sf-field select,.sf-field textarea{flex:1;min-width:0;background:none;border:0;outline:0;color:#d3d3d3;font:inherit;font-size:.95rem;resize:vertical;padding:0}
.sf-field select option{background:#0e1420;color:#fff}
.sf-tf-btns{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:.8em}
.sf-btn--tyre{padding-inline:2em;box-shadow:0 0 0 3px #05070b,0 0 0 5px var(--green),0 8px 20px rgba(57,181,74,.4)}

/* ---------- Footer ---------- */
.sf-footer{background:linear-gradient(180deg,#0a1020,#05080f);border-top:1px solid var(--line);margin-top:0;position:relative}
.sf-tread{height:14px;background:repeating-linear-gradient(115deg,#05080f 0 12px,#1c2438 12px 20px);animation:sfTread 3s linear infinite;box-shadow:0 2px 0 var(--green)}
.sf-footer-grid{display:grid;gap:30px;padding-block:44px 24px}
@media (min-width:760px){ .sf-footer-grid{grid-template-columns:1.4fr 1fr 1fr 1.4fr} }
.sf-fcol h3{font:700 .95rem var(--f-sub);letter-spacing:.2em;text-transform:uppercase;color:#fff;margin-bottom:.9em;position:relative;padding-bottom:8px}
.sf-fcol h3::after{content:"";position:absolute;left:0;bottom:0;width:34px;height:3px;background:var(--green);border-radius:3px}
.sf-fcol ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.sf-fcol a{color:var(--grey)} .sf-fcol a:hover{color:var(--green)}
.sf-fabout p{margin-top:12px;font-size:.92rem}
.sf-social{display:flex;gap:8px;margin-top:10px}
.sf-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:#fff}
.sf-social a:hover{background:var(--green);color:#fff;transform:translateY(-3px)}
.sf-soon-link em{font-style:normal;font-size:.7rem;background:var(--blue);color:#fff;padding:2px 8px;border-radius:99px;margin-left:4px}
.sf-footer-bottom{border-top:1px solid var(--line);font-size:.85rem}
.sf-footer-bottom .sf-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;padding-block:16px}
.sf-footer-bottom a{color:var(--green);font-weight:600}

/* ---------- Pages / posts ---------- */
.sf-main{min-height:50vh;padding-bottom:40px}
.sf-page-head{padding:clamp(22px,4vw,46px) 0 clamp(14px,2vw,24px)}
.sf-page-head h1{font:900 clamp(1.6rem,4vw,2.6rem) var(--f-head);text-transform:uppercase;font-style:italic;margin:0 0 .3em}
.sf-page-head p,.sf-page-head .term-description{max-width:760px}
.sf-prose{color:#cfd8e6}
.sf-prose a{text-decoration:underline}
.sf-prose h2,.sf-prose h3{margin-top:1.4em}
.sf-prose img{border-radius:14px}
.sf-meta{opacity:.7;font-size:.9rem}
.sf-postgrid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.sf-postcard{background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden}
.sf-postcard img{width:100%;height:200px;object-fit:cover;display:block}
.sf-postbody{padding:16px}
.sf-postbody h2{font-size:1.15rem}
.sf-postbody h2 a{color:#fff}
.sf-more{display:inline-flex;gap:6px;align-items:center;font-weight:700}
.sf-more svg{width:16px;height:16px}
.sf-404{text-align:center;padding:60px 0}
.sf-404 h1 span{color:var(--green)}
.sf-404-tyre{width:120px;height:120px;margin:0 auto 10px;display:block}
.sf-404 .sf-search{max-width:480px;margin:18px auto}
.sf-crumbs,.woocommerce-breadcrumb{padding:16px 0 0;font-size:.82rem;color:var(--grey)}
.sf-crumbs a{color:var(--grey)} .sf-crumbs a:hover{color:var(--green)}
.sf-crumbs .sep{margin:0 8px;opacity:.5}

/* ---------- Shop layout + filter ---------- */
.sf-shop{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding-bottom:30px}
@media (min-width:1000px){ .sf-shop{grid-template-columns:280px minmax(0,1fr);align-items:start} }
.sf-shop-main{min-width:0}
.sf-shop-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;justify-content:space-between;margin-bottom:14px}
.sf-shop-bar .woocommerce-result-count{margin:0;font-size:.88rem;order:2}
.sf-shop-bar .woocommerce-ordering{margin:0;order:3}
.sf-shop-bar select,.woocommerce-ordering select{background:#0c1322;color:#fff;border:1px solid var(--line);border-radius:999px;padding:.6em 1em;font:inherit;font-size:.9rem}
.sf-filter-open{order:1}
@media (min-width:1000px){ .sf-filter-open{display:none} }
.sf-filter{background:linear-gradient(170deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:20px;padding:6px 18px 18px}
@media (min-width:1000px){ .sf-filter{position:sticky;top:calc(var(--head-h) + var(--wp-admin--admin-bar--height,0px) + 14px);max-height:calc(100vh - var(--head-h) - 32px);overflow:auto;scrollbar-width:thin} }
@media (max-width:999px){
  .sf-filter{position:fixed;left:0;right:0;bottom:0;z-index:1002;max-height:88vh;overflow:auto;border-radius:24px 24px 0 0;transform:translateY(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1);padding-bottom:calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -20px 60px rgba(0,0,0,.6)}
  .sf-filter.is-open{transform:none}
  .sf-filter-scrim{position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:1001}
}
.sf-filter-head{display:flex;justify-content:space-between;align-items:center;padding:12px 0;color:#fff;font:700 1rem var(--f-sub);letter-spacing:.1em;text-transform:uppercase}
.sf-filter-head strong{display:flex;gap:8px;align-items:center}
.sf-filter-close{display:none}
@media (max-width:999px){ .sf-filter-close{display:inline-flex} }
.sf-fg{border-top:1px solid var(--line);padding:2px 0}
.sf-fg summary{cursor:pointer;list-style:none;padding:12px 0;color:#fff;font:700 .85rem var(--f-sub);letter-spacing:.14em;text-transform:uppercase;display:flex;justify-content:space-between}
.sf-fg summary::-webkit-details-marker{display:none}
.sf-fg summary::after{content:"+";color:var(--green);font-size:1.2rem;line-height:1}
.sf-fg[open] summary::after{content:"–"}
.sf-fg-body{display:grid;gap:2px;padding-bottom:12px;max-height:260px;overflow:auto;scrollbar-width:thin}
.sf-check{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px;cursor:pointer;font-size:.92rem;color:var(--grey);transition:background .2s}
.sf-check:hover{background:rgba(255,255,255,.05);color:#fff}
.sf-check input{appearance:none;-webkit-appearance:none;width:19px;height:19px;border:2px solid #4a5a75;border-radius:6px;background:#0c1322;flex:none;display:grid;place-items:center;transition:all .2s;margin:0}
.sf-check input:checked{background:var(--green);border-color:var(--green)}
.sf-check input:checked::after{content:"";width:9px;height:5px;border:2px solid #fff;border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.sf-check span{flex:1}
.sf-check em{font-style:normal;font-size:.75rem;background:rgba(255,255,255,.07);border-radius:99px;padding:1px 8px}
.sf-price{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.sf-price label span{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.sf-price input{width:100%;background:#0c1322;border:1px solid var(--line);color:#fff;border-radius:12px;padding:.6em .8em;font:inherit}
.sf-filter-actions{display:grid;gap:8px;padding-top:6px}
@media (min-width:1000px){ .sf-filter-actions .sf-btn:first-child{display:none} }
.sf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.sf-chip{display:inline-flex;gap:6px;align-items:center;padding:6px 12px;border-radius:99px;background:rgba(0,174,239,.12);border:1px solid rgba(0,174,239,.4);color:#fff;font-size:.82rem}
.sf-chip:hover{background:rgba(225,29,72,.18);border-color:#e11d48;color:#fff}
.sf-chip--clear{background:transparent;border-color:var(--line);color:var(--grey)}
.sf-empty-cta{text-align:center;padding:30px;border:1px dashed var(--line);border-radius:18px;margin-top:16px}
.woocommerce-pagination{margin-top:26px}
.woocommerce-pagination ul{display:flex;gap:6px;justify-content:center;list-style:none;padding:0;border:0!important;flex-wrap:wrap}
.woocommerce-pagination li{border:0!important;overflow:visible!important}
.woocommerce-pagination a,.woocommerce-pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;background:var(--card2);border:1px solid var(--line);color:#fff!important}
.woocommerce-pagination .current,.woocommerce-pagination a:hover{background:var(--green)!important;border-color:var(--green);color:#fff!important}

/* ---------- Single product ---------- */
.sf-woo div.product{display:grid;gap:26px;padding:20px 0}
@media (min-width:900px){ .sf-woo div.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start} .sf-woo div.product .woocommerce-tabs,.sf-woo div.product .related,.sf-woo div.product .upsells{grid-column:1/-1} }
.sf-woo div.product div.images{margin:0;position:relative;background:#fff;border-radius:20px;padding:14px;float:none;width:auto}
.sf-woo div.product div.images img{border-radius:12px}
.sf-woo div.product .woocommerce-product-gallery__trigger{position:absolute;top:12px;right:12px;z-index:3;background:#fff;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;text-indent:0}
.sf-woo div.product .flex-control-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0;margin:10px 0 0}
.sf-woo div.product .flex-control-thumbs img{opacity:.6;cursor:pointer;border:2px solid transparent}
.sf-woo div.product .flex-control-thumbs img.flex-active,.sf-woo div.product .flex-control-thumbs img:hover{opacity:1;border-color:var(--green)}
.sf-woo div.product div.summary{float:none;width:auto;margin:0}
.sf-woo .product_title{font:800 clamp(1.4rem,3vw,2rem)/1.2 var(--f-head);text-transform:uppercase}
.sf-woo div.product p.price{font-size:1.7rem}
.sf-woo .woocommerce-product-details__short-description{margin-bottom:1em}
.sf-woo form.cart{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:1.2em 0}
.sf-woo form.cart .variations{width:100%;border:0}
.sf-woo form.cart .variations td,.sf-woo form.cart .variations th{display:block;padding:4px 0;border:0;text-align:left}
.sf-woo .quantity .qty{width:84px;background:#0c1322;border:1px solid var(--line);border-radius:999px;color:#fff;padding:.7em .8em;text-align:center;font:inherit}
.sf-woo .stock{font-weight:600}
.sf-woo .out-of-stock{color:#fda4af}
.sf-woo .product_meta{font-size:.88rem;display:grid;gap:4px;border-top:1px solid var(--line);padding-top:14px;margin-top:14px}
.sf-woo .product_meta a{color:var(--blue)}
.sf-woo span.onsale{position:absolute;top:18px;left:18px;z-index:4;background:linear-gradient(90deg,#e11d48,#f97316);color:#fff;border-radius:99px;padding:5px 12px;font:700 .75rem var(--f-sub);letter-spacing:.1em;text-transform:uppercase;min-height:0;min-width:0;line-height:1.2}
.sf-woo .woocommerce-tabs ul.tabs{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 -1px;flex-wrap:wrap;border:0}
.sf-woo .woocommerce-tabs ul.tabs::before,.sf-woo .woocommerce-tabs ul.tabs li::before,.sf-woo .woocommerce-tabs ul.tabs li::after{display:none!important}
.sf-woo .woocommerce-tabs ul.tabs li{background:var(--card);border:1px solid var(--line);border-radius:12px 12px 0 0;margin:0;padding:0}
.sf-woo .woocommerce-tabs ul.tabs li a{display:block;padding:.7em 1.2em;color:var(--grey);font:700 .9rem var(--f-sub);letter-spacing:.1em;text-transform:uppercase}
.sf-woo .woocommerce-tabs ul.tabs li.active{background:var(--card2);border-bottom-color:var(--card2)}
.sf-woo .woocommerce-tabs ul.tabs li.active a{color:var(--green)}
.sf-woo .woocommerce-Tabs-panel{background:var(--card2);border:1px solid var(--line);border-radius:0 16px 16px 16px;padding:20px}
.sf-woo .related>h2,.sf-woo .upsells>h2{text-transform:uppercase;font-size:1.4rem}
.sf-estimate{background:linear-gradient(145deg,rgba(32,55,127,.35),rgba(32,55,127,.1));border:1px solid rgba(0,174,239,.35);border-radius:16px;padding:14px 16px;margin:14px 0}
.sf-estimate-h{display:flex;gap:8px;align-items:center;color:#fff;margin-bottom:8px}
.sf-estimate-h svg{color:var(--neon)}
.sf-estimate-form{display:flex;gap:8px}
.sf-estimate-form input{flex:1;min-width:0;background:#0c1322;border:1px solid var(--line);border-radius:999px;color:#fff;padding:.6em 1em;font:inherit}
.sf-estimate-out{margin:10px 0 0;font-size:.92rem}
.sf-estimate-out b{color:var(--green);font-size:1.15rem}
.sf-note{display:flex;gap:8px;align-items:center;font-size:.88rem;margin:8px 0 0}
.sf-note svg{width:18px;height:18px;color:var(--blue)}
.sf-ask{margin-top:6px}
.sf-ask-tyre{width:22px;height:22px}

/* ---------- WooCommerce: cart / checkout / account / notices / forms ---------- */
.woocommerce-message,.woocommerce-info,.woocommerce-error,.wc-block-components-notice-banner{background:var(--card2)!important;color:#e7edf7!important;border:1px solid var(--line)!important;border-left:4px solid var(--blue)!important;border-radius:12px;padding:14px 18px 14px 48px;list-style:none;margin:0 0 18px;position:relative}
.woocommerce-message{border-left-color:var(--green)!important}
.woocommerce-error{border-left-color:#e11d48!important}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{color:var(--blue);top:14px;left:16px}
.woocommerce-message::before{color:var(--green)}
.woocommerce-message .button,.woocommerce-info .button{float:right;margin-left:10px}
.woocommerce table.shop_table{background:var(--card);border:1px solid var(--line)!important;border-radius:16px;border-collapse:separate;border-spacing:0;overflow:hidden;width:100%;color:#dbe4f2}
.woocommerce table.shop_table th{color:#fff;font:700 .85rem var(--f-sub);letter-spacing:.1em;text-transform:uppercase;background:var(--card2)}
.woocommerce table.shop_table td,.woocommerce table.shop_table th{border-top:1px solid var(--line)!important;padding:14px;vertical-align:middle}
.woocommerce table.shop_table .product-thumbnail img{width:70px;border-radius:10px;background:#fff}
.woocommerce table.shop_table a{color:#fff}
.woocommerce a.remove{color:#fff!important;background:#e11d48;border-radius:50%;width:24px;height:24px;line-height:23px;text-align:center;display:inline-block;font-weight:700}
.woocommerce a.remove:hover{background:#fff!important;color:#e11d48!important}
.woocommerce .cart-collaterals .cart_totals,.woocommerce-checkout #order_review{background:linear-gradient(160deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px;padding:18px}
.woocommerce .cart-collaterals .cart_totals{float:none;width:100%;max-width:520px;margin-left:auto}
.woocommerce .cart-collaterals .cart_totals h2,.woocommerce-checkout h3{font:700 1.2rem var(--f-sub);letter-spacing:.1em;text-transform:uppercase}
.woocommerce .wc-proceed-to-checkout a.checkout-button{display:flex;width:100%;font-size:1rem;padding:1em}
.woocommerce form .form-row{margin:0 0 14px;padding:0;display:block}
.woocommerce form .form-row label{display:block;color:#fff;font-weight:600;font-size:.88rem;margin-bottom:6px;line-height:1.3}
.woocommerce form .form-row .required{color:var(--green)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select,.woocommerce-cart table.cart td.actions .coupon .input-text,.woocommerce input[type=text],.woocommerce input[type=email],.woocommerce input[type=tel],.woocommerce input[type=password],.woocommerce input[type=number]{
  width:100%;background:#0c1322;border:1px solid var(--line);color:#fff;border-radius:14px;padding:.8em 1em;font:inherit;font-size:.95rem;box-shadow:inset 2px 4px 8px rgba(0,0,0,.45);transition:border-color .2s,box-shadow .2s}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row textarea:focus,.woocommerce form .form-row select:focus{border-color:var(--blue);outline:0;box-shadow:inset 2px 4px 8px rgba(0,0,0,.45),0 0 0 3px rgba(0,174,239,.2)}
.woocommerce form .form-row .description,.woocommerce form .form-row small{font-size:.78rem;opacity:.8;display:block;margin-top:4px}
.woocommerce-cart table.cart td.actions .coupon{display:flex;gap:8px;flex-wrap:wrap}
.woocommerce-cart table.cart td.actions .coupon .input-text{width:180px;margin:0}
.woocommerce form.login,.woocommerce form.register,.woocommerce form.lost_reset_password{max-width:520px;margin:0 auto 30px}
.woocommerce form.login .form-row,.woocommerce form.register .form-row{margin-bottom:6px}
.woocommerce form.login input.input-text,.woocommerce form.register input.input-text,.woocommerce form.login .woocommerce-form-login__rememberme,.woocommerce-checkout-review-order .input-text{border-radius:25px}
.woocommerce form.login .button,.woocommerce form.register .button{align-self:center;padding-inline:2em}
.woocommerce .lost_password{text-align:center}
.woocommerce form.login::before{content:"Login";display:block;text-align:center;color:#fff;font:800 1.3rem var(--f-head);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4em}
.woocommerce-account .u-columns{display:grid;gap:24px}
@media (min-width:900px){ .woocommerce-account .u-columns{grid-template-columns:1fr 1fr} .woocommerce-account .u-columns .col-1,.woocommerce-account .u-columns .col-2{width:auto;float:none} }
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;padding:.6em 1.1em;border-radius:99px;background:var(--card2);border:1px solid var(--line);color:#fff;font-weight:600;font-size:.9rem}
.woocommerce-account .woocommerce-MyAccount-navigation .is-active a,.woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:var(--green);border-color:var(--green)}
@media (min-width:900px){ .woocommerce-account .woocommerce-MyAccount-navigation{float:left;width:230px} .woocommerce-account .woocommerce-MyAccount-navigation ul{flex-direction:column} .woocommerce-account .woocommerce-MyAccount-content{float:right;width:calc(100% - 260px)} }
.woocommerce-checkout #payment{background:transparent;border-radius:14px}
.woocommerce-checkout #payment ul.payment_methods{border:0;padding:0}
.woocommerce-checkout #payment div.payment_box{background:var(--card2);color:#dbe4f2;border-radius:12px}
.woocommerce-checkout #payment div.payment_box::before{border-bottom-color:var(--card2)}
.woocommerce-checkout #payment ul.payment_methods li{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:8px;background:var(--card)}
.woocommerce-checkout #payment ul.payment_methods li label{color:#fff}
.woocommerce ul#shipping_method{list-style:none;padding:0;margin:0}
.woocommerce ul#shipping_method label{color:#fff}
@media (min-width:900px){ .woocommerce-checkout form.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start} .woocommerce-checkout #customer_details{width:auto;float:none} .woocommerce-checkout #customer_details .col-1,.woocommerce-checkout #customer_details .col-2{width:100%;float:none} .woocommerce-checkout #order_review_heading{grid-column:2;margin:0} .woocommerce-checkout #order_review{grid-column:2} }
.woocommerce-checkout #order_review_heading{display:none}
.select2-container--default .select2-selection--single{background:#0c1322;border:1px solid var(--line);border-radius:14px;height:46px;display:flex;align-items:center}
.select2-container--default .select2-selection--single .select2-selection__rendered{color:#fff;line-height:44px;padding-left:14px}
.select2-container--default .select2-selection--single .select2-selection__arrow{height:44px;right:8px}
.select2-dropdown{background:var(--bg2);border:1px solid var(--line);color:#fff}
.select2-container--default .select2-search--dropdown .select2-search__field{background:#0c1322;color:#fff;border:1px solid var(--line)}
.select2-container--default .select2-results__option--highlighted[aria-selected],.select2-container--default .select2-results__option--highlighted[data-selected]{background:var(--green)}
.select2-container--default .select2-results__option[aria-selected=true]{background:var(--navy)}
.woocommerce-order-received .woocommerce-order{color:#e1e8f3}
/* block cart/checkout basics */
.wc-block-components-text-input input,.wc-block-components-select .wc-blocks-components-select__select,.wc-block-components-textarea{background:#0c1322!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:12px!important}
.wc-block-components-text-input label,.wc-block-components-checkbox__label,.wc-block-components-totals-item,.wc-block-components-product-name,.wc-block-components-formatted-money-amount,.wc-block-cart-item__prices{color:#e7edf7!important}
.wc-block-components-sidebar-layout .wc-block-components-main,.wc-block-components-order-summary,.wc-block-components-totals-wrapper{color:#e7edf7}
.wp-block-woocommerce-cart table,.wc-block-cart-items td{color:#e7edf7}
.wc-block-components-radio-control__option,.wc-block-components-radio-control-accordion-option{border-color:var(--line)!important}

/* ---------- Speedy chat ---------- */
.spd{--sp-bg:#0b1220;font-family:var(--f-body)}
.spd--float{position:fixed;right:18px;bottom:18px;z-index:960}
.spd-fab{position:relative;width:74px;height:74px;border-radius:50%;border:2px solid var(--green);background:radial-gradient(circle at 30% 30%,#1b2b4d,#080d16);box-shadow:0 10px 30px rgba(0,0,0,.55),0 0 24px rgba(57,181,74,.45);display:grid;place-items:center;padding:6px;transition:transform .3s;animation:sfBob 3.2s ease-in-out infinite}
.spd-fab:hover{transform:scale(1.08)}
.spd-fab svg{width:100%;height:100%;overflow:visible}
.spd-ring{position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--green);opacity:0;animation:sfRing 2.6s ease-out infinite;pointer-events:none}
.sf-dot{animation:sfDot 1.2s infinite both}
.sf-dot.d2{animation-delay:.2s}.sf-dot.d3{animation-delay:.4s}
.spd-nudge{position:absolute;right:84px;bottom:14px;width:max-content;max-width:230px;background:#fff;color:#16213b;border-radius:16px 16px 4px 16px;padding:10px 28px 10px 14px;font-size:.85rem;line-height:1.35;box-shadow:var(--shadow);animation:sfPop2 .4s both}
.spd-nudge b{color:var(--green)}
.spd-nudge-x{position:absolute;top:2px;right:6px;border:0;background:none;font-size:1.1rem;color:#7a879c}
.spd-nudge[hidden]{display:none}
.spd-panel{display:flex;flex-direction:column;background:var(--sp-bg);border:1px solid rgba(0,174,239,.35);border-radius:22px;overflow:hidden;box-shadow:var(--shadow),0 0 40px rgba(0,174,239,.12)}
.spd--float .spd-panel{position:absolute;right:0;bottom:90px;width:min(390px,calc(100vw - 28px));height:min(600px,calc(100vh - 140px));transform-origin:bottom right;animation:sfPop2 .3s both}
.spd-panel[hidden]{display:none}
.spd-head{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(90deg,var(--navy),#142a66);color:#fff}
.spd-avatar{width:42px;height:42px;border-radius:50%;background:#080d16;display:grid;place-items:center;border:2px solid var(--green);flex:none;padding:3px}
.spd-avatar svg{width:100%;height:100%}
.spd-title{display:flex;flex-direction:column;flex:1;line-height:1.2}
.spd-title b{font:700 1.1rem var(--f-sub);letter-spacing:.06em}
.spd-title small{display:flex;align-items:center;gap:6px;font-size:.72rem;opacity:.85}
.spd-live{width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 8px var(--neon);animation:sfPulse 1.6s infinite}
.spd-close{background:none;border:0;color:#fff;width:36px;height:36px;border-radius:10px;display:grid;place-items:center}
.spd-close:hover{background:rgba(255,255,255,.12)}
.spd-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px;scroll-behavior:smooth;background:radial-gradient(400px 200px at 100% 0,rgba(0,174,239,.07),transparent)}
.spd-msg{max-width:88%;padding:10px 14px;border-radius:16px;font-size:.92rem;line-height:1.45;animation:sfPop2 .25s both;word-wrap:break-word}
.spd-msg.bot{align-self:flex-start;background:#162136;color:#e6edf7;border-bottom-left-radius:4px}
.spd-msg.me{align-self:flex-end;background:linear-gradient(135deg,var(--green),#2c9a3b);color:#fff;border-bottom-right-radius:4px}
.spd-msg a{color:var(--blue);text-decoration:underline}
.spd-msg .spd-btnrow{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.spd-msg .spd-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:99px;background:#25D366;color:#fff!important;font-weight:700;font-size:.85rem;text-decoration:none}
.spd-typing{display:flex;gap:4px;padding:12px 14px}
.spd-typing i{width:7px;height:7px;border-radius:50%;background:var(--grey);animation:sfDot 1.1s infinite both}
.spd-typing i:nth-child(2){animation-delay:.18s}.spd-typing i:nth-child(3){animation-delay:.36s}
.spd-results{display:grid;gap:8px;width:100%;align-self:stretch;animation:sfPop2 .3s both}
.spd-prod{display:flex;gap:10px;background:#111b2e;border:1px solid var(--line);border-radius:14px;padding:8px;color:#fff}
.spd-prod img{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:10px;flex:none}
.spd-prod-b{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.spd-prod-t{font-size:.84rem;line-height:1.25;color:#fff;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.spd-prod-p{color:var(--green);font:700 .95rem var(--f-sub)}
.spd-prod-p del{color:#7f8da3;font-weight:500;margin-right:4px}
.spd-prod-p ins{text-decoration:none}
.spd-prod-a{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.spd-prod-a a,.spd-prod-a button{border:0;border-radius:99px;padding:5px 12px;font:700 .75rem var(--f-sub);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.spd-prod-a .v{background:rgba(255,255,255,.1);color:#fff}
.spd-prod-a .add{background:var(--green);color:#fff}
.spd-prod-a .oos{font-size:.72rem;color:#fda4af}
.spd-prod-a .tag4{font-size:.68rem;background:var(--blue);color:#fff;border-radius:99px;padding:2px 8px}
.spd-chips{min-width:0;max-width:100%;display:flex;gap:8px;padding:8px 12px;overflow-x:auto;scrollbar-width:none;border-top:1px solid var(--line);background:#0a111e;flex-wrap:nowrap}
.spd-chips::-webkit-scrollbar{display:none}
.spd-chips:empty{display:none}
.spd-chip{flex:none;border:1px solid rgba(0,174,239,.5);background:rgba(0,174,239,.08);color:#e6f6ff;border-radius:99px;padding:7px 13px;font-size:.82rem;font-weight:600;transition:background .2s}
.spd-chip:hover{background:var(--blue);color:#fff}
.spd-form{display:flex;gap:8px;padding:10px 12px;background:#0a111e;border-top:1px solid var(--line)}
.spd-input{flex:1;min-width:0;background:#0f1a2d;border:1px solid var(--line);color:#fff;border-radius:99px;padding:.7em 1.1em;font:inherit;font-size:16px;box-shadow:inset 2px 4px 8px rgba(0,0,0,.45)}
.spd-input:focus{outline:0;border-color:var(--blue)}
.spd-send{width:44px;height:44px;border-radius:50%;border:0;background:var(--green);color:#fff;display:grid;place-items:center;flex:none;transition:background .2s,transform .2s}
.spd-send:hover{background:var(--blue);transform:scale(1.06)}
.spd-ask{display:grid;gap:8px;background:#111b2e;border:1px solid var(--line);border-radius:14px;padding:12px;width:100%}
.spd-ask input,.spd-ask textarea{background:#0b1220;border:1px solid var(--line);border-radius:12px;color:#fff;padding:.6em .8em;font:inherit;font-size:16px;width:100%}
/* embedded dashboard version */
.sf-speedy-sec{background:radial-gradient(800px 400px at 0% 0%,rgba(57,181,74,.12),transparent),radial-gradient(900px 500px at 100% 100%,rgba(0,174,239,.14),transparent)}
.sf-speedy-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;align-items:center}
@media (min-width:960px){ .sf-speedy-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} }
.sf-speedy-intro h2{font:900 clamp(1.5rem,3.4vw,2.5rem)/1.1 var(--f-head);text-transform:uppercase;font-style:italic}
.sf-speedy-intro h2 span{color:var(--green)}
.sf-checks{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}
.sf-checks li{display:flex;gap:10px;align-items:center}
.sf-checks svg{color:var(--green);width:20px;height:20px}
.sf-checks b{color:#fff}
.sf-speedy-wheel{width:min(58vw,230px);margin:18px auto 0}
@media (min-width:960px){ .sf-speedy-wheel{margin:22px 0 0} }
.spd--embed .spd-panel{height:560px;max-height:80vh;border:2px solid transparent;background:linear-gradient(var(--sp-bg),var(--sp-bg)) padding-box,linear-gradient(135deg,var(--blue),var(--green)) border-box;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 50px rgba(0,174,239,.15)}
@media (max-width:999px){
  .spd--float .spd-fab,.spd--float .spd-nudge{display:none}
  /* bottom sheet: slides up, does not fill the screen */
  .spd--float .spd-panel{position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-width:100%;height:min(74vh,600px);border-radius:24px 24px 0 0;z-index:1100;
    box-shadow:0 -14px 40px rgba(0,0,0,.55);animation:sfSheet .34s cubic-bezier(.2,.9,.25,1) both;padding-bottom:env(safe-area-inset-bottom,0px)}
  .spd--float .spd-head{padding-top:18px;position:relative;border-radius:24px 24px 0 0}
  .spd--float .spd-head::before{content:"";position:absolute;top:7px;left:50%;transform:translateX(-50%);width:42px;height:4px;border-radius:99px;background:rgba(255,255,255,.45)}
  .spd--float .spd-scrim{position:fixed;inset:0;background:rgba(5,9,16,.55);z-index:1099;animation:sfFade .3s both;border:0}
  body.spd-open{overflow:hidden}
}
@media (min-width:1000px){ .spd-scrim{display:none} }
@keyframes sfSheet{from{transform:translateY(100%)}to{transform:none}}
@keyframes sfFade{from{opacity:0}to{opacity:1}}

/* ---------- Reveal + animations ---------- */
.js .sf-reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms),transform .7s cubic-bezier(.2,.8,.2,1) var(--d,0ms)}
.js .sf-reveal.in{opacity:1;transform:none}
@keyframes sfSpin{to{transform:rotate(360deg)}}
@keyframes sfLines{to{background-position:220px 0,520px 0}}
@keyframes sfMarquee{to{transform:translateX(-50%)}}
@keyframes sfRoad{to{background-position:36px 0}}
@keyframes sfTruck{0%{left:-60px}60%,100%{left:calc(100% + 10px)}}
@keyframes sfPop{0%,20%{opacity:.25;transform:scale(.96)}45%,70%{opacity:1;transform:scale(1.04)}100%{opacity:.25;transform:scale(.96)}}
@keyframes sfPop2{from{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:none}}
@keyframes sfGlow{0%,100%{box-shadow:0 6px 18px rgba(57,181,74,.3),0 0 0 0 rgba(57,181,74,.5)}50%{box-shadow:0 6px 24px rgba(57,181,74,.5),0 0 0 12px rgba(57,181,74,0)}}
@keyframes sfPulse{0%,100%{opacity:1}50%{opacity:.6}}
@keyframes sfSlideIn{from{opacity:0;transform:translateX(-30px) skewX(-8deg)}to{opacity:1;transform:none}}
@keyframes sfSweep{0%{left:-60%}60%,100%{left:140%}}
@keyframes sfBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes sfRing{0%{opacity:.7;transform:scale(.9)}100%{opacity:0;transform:scale(1.5)}}
@keyframes sfDot{0%,80%,100%{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}
@keyframes sfTread{to{background-position:160px 0}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
  .js .sf-reveal{opacity:1;transform:none}
}
@media (max-width:999px){ .sf-why{background-attachment:scroll} }
@media print{ .sf-header,.sf-bottomnav,.spd,.sf-topbar,.sf-footer{display:none!important} }

@media (max-width:700px){ .sf-topbar-tel{display:none} .sf-topbar .sf-wrap{justify-content:center;text-align:center} }

/* ---------- White product sections (home bands, shop, single product) ---------- */
.sf-band,.sf-light{--card:#fff;--card2:#fff;--line:#e2e8f0;background:#fff;color:#475569}
.sf-light{padding-top:0}
.sf-band .sf-row-head h2,.sf-band .sf-sec-head h2,.sf-light h1,.sf-light h2,.sf-light h3,.sf-light .product_title{color:#0f1b3d}
.sf-band .sf-kicker,.sf-light .sf-kicker{color:#1c8a2c}
.sf-band .sf-row-head a,.sf-light a:not(.sf-btn):not(.button):not(.sf-chip){color:#20377F}
.sf-band .sf-row-head a:hover,.sf-light a:not(.sf-btn):not(.button):not(.sf-chip):hover{color:var(--green)}
.sf-band .sf-card,.sf-light .sf-card,.sf-light .woocommerce ul.products li.product.sf-card{background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 18px rgba(16,24,39,.06)}
.sf-band .sf-card:hover,.sf-light .sf-card:hover{border-color:var(--green);box-shadow:0 16px 36px rgba(16,24,39,.14)}
.sf-band .sf-card-img,.sf-light .sf-card-img{background:#f4f6fa}
.sf-band .sf-card-title a,.sf-light .sf-card-title a{color:#0f1b3d}
.sf-band .sf-card-title a:hover,.sf-light .sf-card-title a:hover{color:#1c8a2c}
.sf-band .sf-card-tags span,.sf-light .sf-card-tags span{color:#20377F;background:#e8efff}
.sf-band .sf-card-price,.sf-light .sf-card-price,.sf-light .woocommerce .price,.sf-light .price{color:#1c8a2c}
.sf-band .sf-card-price del,.sf-light .price del{color:#94a3b8}
.sf-band .sf-card-price ins,.sf-light .price ins{color:#1c8a2c}
.sf-band .sf-slider-nav button,.sf-light .sf-slider-nav button{background:#fff;border-color:#cbd5e1;color:#0f1b3d}
.sf-band .sf-slider-nav button:hover{background:var(--green);color:#fff;border-color:var(--green)}
.sf-band .sf-btn--ghost,.sf-light .sf-btn--ghost{color:#0f1b3d!important;border-color:#94a3b8}
.sf-band .sf-btn--ghost:hover,.sf-light .sf-btn--ghost:hover{background:rgba(0,174,239,.1);border-color:var(--blue)}
.sf-band .sf-dots i{background:#cbd5e1}.sf-band .sf-dots i.on{background:var(--green)}
.sf-band .sf-slide{border-color:#e2e8f0;background:#fff;box-shadow:0 8px 24px rgba(16,24,39,.08)}
.sf-band .sf-muted{color:#64748b}
/* shop page on white */
.sf-light .sf-crumbs,.sf-light .sf-crumbs a,.sf-light .woocommerce-breadcrumb{color:#64748b}
.sf-light .sf-page-head p,.sf-light .term-description{color:#475569}
.sf-light .sf-filter{background:#fff;border-color:#e2e8f0;box-shadow:0 6px 24px rgba(16,24,39,.06)}
.sf-light .sf-filter-head,.sf-light .sf-fg summary{color:#0f1b3d}
.sf-light .sf-fg{border-top-color:#e2e8f0}
.sf-light .sf-check{color:#475569}
.sf-light .sf-check:hover{background:#f1f5f9;color:#0f1b3d}
.sf-light .sf-check input{background:#fff;border-color:#94a3b8}
.sf-light .sf-check em{background:#eef2f7;color:#475569}
.sf-light .sf-price input,.sf-light .sf-shop-bar select,.sf-light .woocommerce-ordering select{background:#fff;color:#0f1b3d;border-color:#cbd5e1}
.sf-light .sf-chip{background:#e8f6fe;border-color:#9bd8f5;color:#0f1b3d}
.sf-light .sf-chip:hover{background:#ffe4ea;border-color:#e11d48;color:#0f1b3d}
.sf-light .sf-chip--clear{background:#fff;border-color:#cbd5e1;color:#475569}
.sf-light .sf-empty-cta{border-color:#cbd5e1}
.sf-light .woocommerce-pagination a,.sf-light .woocommerce-pagination span{background:#fff;border-color:#cbd5e1;color:#0f1b3d!important}
.sf-light .woocommerce-result-count{color:#64748b}
/* single product on white */
.sf-light div.product div.images{border:1px solid #e2e8f0;box-shadow:0 8px 28px rgba(16,24,39,.08)}
.sf-light .woocommerce-tabs ul.tabs li{background:#f1f5f9;border-color:#e2e8f0}
.sf-light .woocommerce-tabs ul.tabs li.active{background:#fff;border-bottom-color:#fff}
.sf-light .woocommerce-tabs ul.tabs li a{color:#475569}
.sf-light .woocommerce-tabs ul.tabs li.active a{color:#1c8a2c}
.sf-light .woocommerce-Tabs-panel{background:#fff;border-color:#e2e8f0;color:#334155}
.sf-light .woocommerce-Tabs-panel h2{color:#0f1b3d}
.sf-light .quantity .qty,.sf-light .sf-estimate-form input{background:#fff;color:#0f1b3d;border-color:#cbd5e1}
.sf-light .sf-estimate{background:#eef4ff;border-color:#bcd2f7}
.sf-light .sf-estimate-h{color:#0f1b3d}.sf-light .sf-estimate-h svg{color:#1c8a2c}
.sf-light .product_meta{border-top-color:#e2e8f0}
.sf-light table.shop_attributes,.sf-light table.shop_attributes th,.sf-light table.shop_attributes td{color:#334155;border-color:#e2e8f0;background:transparent}
.sf-light .woocommerce-message,.sf-light .woocommerce-info,.sf-light .woocommerce-error{background:#f1f5f9!important;color:#0f1b3d!important;border-color:#e2e8f0!important}
.sf-light .stock{color:#1c8a2c}.sf-light .out-of-stock{color:#be123c}
.sf-light .woocommerce-review__author{color:#0f1b3d}
.sf-light .related>h2,.sf-light .upsells>h2{color:#0f1b3d}
.sf-light .woocommerce form .form-row label{color:#0f1b3d}

/* Drawer / ask buttons: keep icon small and label on its own line */
.sf-drawer-speedy,.sf-ask{display:flex;align-items:center;justify-content:center;gap:10px;height:auto;min-height:48px;line-height:1.25;text-align:center;white-space:normal;padding:10px 16px}
.sf-drawer-speedy svg,.sf-ask svg,.sf-btn-tyre,.sf-ask-tyre{width:26px;height:26px;flex:0 0 26px;position:static}

/* ---------- Light theme: cart, checkout, my account ---------- */
.sf-light{background:#fff;color:#475569;padding-bottom:40px}
.sf-light .sf-page-head h1,.sf-light .entry-content h2,.sf-light .entry-content h3{color:#0f1b3d}
.sf-light .sf-prose,.sf-light .entry-content{color:#44526b}
.sf-light .woocommerce table.shop_table{background:#fff;border-color:#e2e8f0!important;color:#334155;box-shadow:0 6px 22px rgba(16,24,39,.06)}
.sf-light .woocommerce table.shop_table th{background:#f3f6fb;color:#0f1b3d}
.sf-light .woocommerce table.shop_table td,.sf-light .woocommerce table.shop_table th{border-top-color:#e8edf5!important}
.sf-light .woocommerce table.shop_table a{color:#16233d}
.sf-light .woocommerce table.shop_table a:hover{color:#1c8a2c}
.sf-light .woocommerce .cart-collaterals .cart_totals,.sf-light .woocommerce-checkout #order_review{background:#f7f9fd;border-color:#e2e8f0;color:#334155}
.sf-light .woocommerce .cart-collaterals .cart_totals h2,.sf-light .woocommerce-checkout h3,.sf-light .woocommerce-billing-fields h3,.sf-light #order_review_heading{color:#0f1b3d}
.sf-light .woocommerce form .form-row label,.sf-light .woocommerce ul#shipping_method label,.sf-light .woocommerce-checkout #payment ul.payment_methods li label{color:#16233d}
.sf-light .woocommerce form .form-row input.input-text,.sf-light .woocommerce form .form-row textarea,.sf-light .woocommerce form .form-row select,
.sf-light .woocommerce input[type=text],.sf-light .woocommerce input[type=email],.sf-light .woocommerce input[type=tel],.sf-light .woocommerce input[type=password],.sf-light .woocommerce input[type=number],
.sf-light .woocommerce-cart table.cart td.actions .coupon .input-text{background:#fff;color:#16233d;border-color:#cbd5e1;box-shadow:inset 0 1px 2px rgba(16,24,39,.06)}
.sf-light .woocommerce form .form-row input.input-text:focus,.sf-light .woocommerce form .form-row textarea:focus,.sf-light .woocommerce form .form-row select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(0,174,239,.18)}
.sf-light .woocommerce form .form-row ::placeholder{color:#9aa6b8}
.sf-light .woocommerce-checkout #payment ul.payment_methods li{background:#fff;border-color:#e2e8f0}
.sf-light .woocommerce-checkout #payment div.payment_box{background:#eef4ff;color:#334155}
.sf-light .woocommerce-checkout #payment div.payment_box::before{border-bottom-color:#eef4ff}
.sf-light .woocommerce-account .woocommerce-MyAccount-navigation a{background:#f3f6fb;border-color:#e2e8f0;color:#16233d}
.sf-light .woocommerce-account .woocommerce-MyAccount-navigation .is-active a,.sf-light .woocommerce-account .woocommerce-MyAccount-navigation a:hover{background:var(--green);border-color:var(--green);color:#fff}
.sf-light .woocommerce form.login::before,.sf-light .woocommerce-form-login label,.sf-light .woocommerce-privacy-policy-text{color:#16233d}
.sf-light .select2-container--default .select2-selection--single{background:#fff;border-color:#cbd5e1}
.sf-light .select2-container--default .select2-selection--single .select2-selection__rendered{color:#16233d}
.sf-light .woocommerce-order-received .woocommerce-order,.sf-light .woocommerce-thankyou-order-details{color:#334155}
.sf-light .woocommerce-order-overview li,.sf-light .woocommerce-customer-details address{color:#16233d;border-color:#e2e8f0}
.sf-light .cart_totals .order-total .amount,.sf-light .woocommerce-Price-amount{color:#0f1b3d}
.sf-light .cart_totals .order-total .amount{color:#1c8a2c}
.sf-light .woocommerce a.remove{background:#fde7ec;color:#be123c!important}
.sf-light .woocommerce a.remove:hover{background:#be123c;color:#fff!important}
.sf-light .sf-crumbs a{color:#52607a}
/* Block cart / block checkout */
.sf-light .wc-block-components-text-input input,.sf-light .wc-block-components-select .wc-blocks-components-select__select,.sf-light .wc-block-components-textarea,.sf-light .wc-blocks-components-select__container{background:#fff!important;color:#16233d!important;border-color:#cbd5e1!important}
.sf-light .wc-block-components-text-input label,.sf-light .wc-block-components-checkbox__label,.sf-light .wc-block-components-totals-item,.sf-light .wc-block-components-product-name,
.sf-light .wc-block-components-formatted-money-amount,.sf-light .wc-block-cart-item__prices,.sf-light .wc-block-components-title,.sf-light .wc-block-components-order-summary-item__description,
.sf-light .wc-block-components-address-card,.sf-light .wc-block-components-radio-control__label,.sf-light .wc-blocks-components-select__label{color:#16233d!important}
.sf-light .wc-block-components-sidebar-layout .wc-block-components-main,.sf-light .wc-block-components-order-summary,.sf-light .wc-block-components-totals-wrapper,
.sf-light .wp-block-woocommerce-cart table,.sf-light .wc-block-cart-items td,.sf-light .wc-block-components-product-metadata{color:#44526b}
.sf-light .wc-block-components-sidebar{background:#f7f9fd;border:1px solid #e2e8f0;border-radius:18px;padding:18px}
.sf-light .wc-block-components-radio-control__option,.sf-light .wc-block-components-radio-control-accordion-option,.sf-light .wc-block-components-totals-wrapper,
.sf-light .wc-block-checkout__form .wc-block-components-checkout-step{border-color:#e2e8f0!important}
.sf-light .wc-block-components-button:not(.is-link){color:#fff!important}
.sf-light .wc-block-components-notice-banner{background:#f1f5f9!important;color:#0f1b3d!important;border-color:#e2e8f0!important}
.sf-light .wc-block-components-panel__button,.sf-light .wc-block-components-checkout-step__title,.sf-light .wc-block-components-checkout-step__description{color:#16233d!important}
.sf-light .wc-block-components-order-summary__button-text,.sf-light .wc-block-components-totals-footer-item{color:#0f1b3d!important}

/* ---------- Mini cart (slide-in) + fly-to-cart ---------- */
.sf-fly{position:fixed;z-index:1200;border-radius:12px;object-fit:contain;background:#fff;pointer-events:none;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:transform .85s cubic-bezier(.5,-0.25,.6,1),opacity .85s ease-in,width .85s ease-in,height .85s ease-in}
.sf-cart-count.is-bump{animation:sfBump .55s cubic-bezier(.2,1.6,.4,1)}
@keyframes sfBump{0%{transform:scale(1)}40%{transform:scale(1.8)}100%{transform:scale(1)}}
.sf-mc-scrim{position:fixed;inset:0;background:rgba(5,9,16,.55);z-index:1040;animation:sfFade .3s both;border:0}
.sf-mc-scrim[hidden]{display:none}
.sf-minicart{position:fixed;top:0;right:0;bottom:0;width:min(400px,92vw);z-index:1050;display:flex;flex-direction:column;
  background:linear-gradient(180deg,#101827,#080d16);border-left:1px solid var(--line);box-shadow:-20px 0 60px rgba(0,0,0,.6);
  transform:translateX(102%);transition:transform .38s cubic-bezier(.2,.9,.25,1);visibility:hidden}
.sf-minicart.is-open{transform:none;visibility:visible}
.sf-mc-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;background:linear-gradient(100deg,#2d9b3d,#39B54A 60%,#49c95b);color:#fff}
.sf-mc-title{display:flex;align-items:center;gap:10px;font:700 1rem var(--f-sub);letter-spacing:.08em;text-transform:uppercase}
.sf-mc-head .sf-iconbtn{color:#fff}
.sf-mc-tick{display:grid;place-items:center;padding:16px 0 4px;color:var(--green)}
.sf-minicart.is-open .sf-mc-c{stroke-dasharray:145;stroke-dashoffset:145;animation:sfDraw .5s .1s forwards}
.sf-minicart.is-open .sf-mc-k{stroke-dasharray:36;stroke-dashoffset:36;animation:sfDraw .35s .45s forwards}
@keyframes sfDraw{to{stroke-dashoffset:0}}
.sf-minicart-body{flex:1;overflow-y:auto;padding:4px 16px 16px}
.sf-minicart .woocommerce-mini-cart,.sf-minicart ul.cart_list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sf-minicart .woocommerce-mini-cart-item{position:relative;display:block;padding:10px 40px 10px 10px;border:1px solid var(--line);border-radius:16px;background:var(--card);animation:sfPop2 .35s both}
.sf-minicart .woocommerce-mini-cart-item>a:not(.remove){display:flex;gap:12px;align-items:center;color:#fff;font-size:.9rem;line-height:1.3;font-weight:600}
.sf-minicart .woocommerce-mini-cart-item img{width:58px!important;height:58px;object-fit:contain;background:#fff;border-radius:12px;flex:none;margin:0!important;float:none!important}
.sf-minicart .woocommerce-mini-cart-item .quantity{display:block;margin-top:8px;padding-left:70px;font-size:.85rem;color:var(--grey)}
.sf-minicart .woocommerce-mini-cart-item .quantity .amount,.sf-minicart .woocommerce-Price-amount{color:var(--green);font-weight:700}
.sf-minicart .woocommerce-mini-cart-item a.remove{position:absolute!important;top:50%;right:10px;transform:translateY(-50%);margin:0!important;width:26px;height:26px;line-height:25px;font-size:1rem;background:rgba(225,29,72,.18);color:#ff8ba3!important;border-radius:50%;text-align:center}
.sf-minicart .woocommerce-mini-cart-item a.remove:hover{background:#e11d48;color:#fff!important}
.sf-minicart .woocommerce-mini-cart__total{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:16px 0 12px;padding-top:14px;border-top:1px solid var(--line);color:#fff;font:700 1rem var(--f-sub);letter-spacing:.06em;text-transform:uppercase}
.sf-minicart .woocommerce-mini-cart__total .amount{color:var(--neon);font-size:1.25rem}
.sf-minicart .woocommerce-mini-cart__buttons{display:grid;gap:10px;margin:0}
.sf-minicart .woocommerce-mini-cart__buttons a,.sf-minicart a.button{
  display:inline-flex;align-items:center;justify-content:center;gap:.5em;width:100%;position:relative;overflow:hidden;
  background:linear-gradient(135deg,#43c455,var(--green) 55%,#2c9a3b);color:#fff!important;border:0;border-radius:999px;padding:.85em 1.5em;
  font:700 .95rem/1.1 var(--f-sub);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 6px 18px rgba(57,181,74,.28);transition:transform .2s,box-shadow .25s}
.sf-minicart .woocommerce-mini-cart__buttons a:hover{transform:translateY(-2px)}
.sf-minicart .woocommerce-mini-cart__buttons a:not(.checkout){background:transparent;border:1.5px solid rgba(255,255,255,.35);box-shadow:none}
.sf-minicart .woocommerce-mini-cart__empty-message{text-align:center;padding:40px 0;color:var(--grey)}
.sf-minicart .sf-mc-note{display:flex;gap:8px;align-items:center;margin-top:14px;font-size:.84rem;color:var(--grey)}
@media (max-width:520px){ .sf-minicart{width:100%;top:auto;height:86vh;border-radius:22px 22px 0 0;border-left:0;transform:translateY(102%)} }

/* ---------- Card treatment: layered depth (product cards) + soft panels ---------- */
/* product cards: stacked shadow with a coloured inset line at the bottom */
.sf-card,.spd-prod{border-radius:20px;
  box-shadow:rgba(0,0,0,.4) 0 2px 4px,rgba(0,0,0,.3) 0 7px 13px -3px,rgba(57,181,74,.45) 0 -3px 0 inset}
.sf-card:hover{transform:translateY(-5px);
  box-shadow:rgba(0,0,0,.45) 0 4px 8px,rgba(0,0,0,.35) 0 16px 26px -6px,rgba(114,255,0,.9) 0 -4px 0 inset}
.sf-band .sf-card,.sf-light .sf-card,.sf-light .woocommerce ul.products li.product.sf-card{
  background:#fff;border:1px solid #eef2f7;border-radius:20px;
  box-shadow:rgba(16,24,39,.16) 0 2px 4px,rgba(16,24,39,.12) 0 7px 13px -3px,rgba(57,181,74,.45) 0 -3px 0 inset}
.sf-band .sf-card:hover,.sf-light .sf-card:hover{border-color:#dce7e0;
  box-shadow:rgba(16,24,39,.20) 0 4px 8px,rgba(16,24,39,.16) 0 16px 26px -6px,rgba(57,181,74,1) 0 -4px 0 inset}
/* soft panels */
.sf-infocard,.sf-trust-item{border-radius:22px;box-shadow:8px 8px 22px rgba(0,0,0,.35),-6px -6px 16px rgba(255,255,255,.03)}
.sf-need{border-radius:26px}
.sf-why-card{border-radius:24px;border:1px solid #eef2f7;background:#fff;
  box-shadow:12px 12px 30px rgba(16,24,39,.10),-10px -10px 24px #ffffff}
.sf-why-card:hover{box-shadow:16px 16px 40px rgba(16,24,39,.16),-10px -10px 26px #ffffff}
.sf-light .sf-filter,.sf-light .woocommerce .cart-collaterals .cart_totals,.sf-light .woocommerce-checkout #order_review,.sf-light .wc-block-components-sidebar{
  border-radius:24px;border:1px solid #eef2f7;box-shadow:12px 12px 30px rgba(16,24,39,.08),-10px -10px 24px #ffffff}
.sf-light .woocommerce table.shop_table{border-radius:24px}
@media (max-width:560px){ .sf-card,.sf-why-card,.sf-infocard{border-radius:18px} }

/* ---------- Sidebar filter: round size chips (tyre/wheel size) ---------- */
.sf-fg-round{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:10px;max-height:none;overflow:visible;padding:6px 2px 14px}
.sf-rchip{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:2px 0 0}
.sf-rchip input{position:absolute;opacity:0;width:1px;height:1px}
.sf-rchip-ring{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:1;max-width:72px;margin-inline:auto;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--card2),var(--card));border:2px solid var(--line);transition:border-color .2s,transform .2s,box-shadow .2s}
.sf-rchip-tyre{position:absolute;inset:0;width:100%;height:100%;opacity:.55;transition:opacity .2s}
.sf-rchip-ring b{position:relative;z-index:1;font:800 .82rem var(--f-head);color:#fff;text-shadow:0 2px 6px #000;background:rgba(8,13,22,.55);border-radius:99px;padding:.15em .5em}
.sf-rchip em{font-size:.68rem;color:var(--grey);opacity:.8}
.sf-rchip:hover .sf-rchip-ring{border-color:var(--blue);transform:translateY(-2px)}
.sf-rchip input:checked+.sf-rchip-ring{border-color:var(--green);box-shadow:0 0 0 3px rgba(57,181,74,.3),0 0 18px rgba(57,181,74,.35)}
.sf-rchip input:checked+.sf-rchip-ring .sf-rchip-tyre{opacity:1;color:var(--green)}
.sf-rchip input:checked~em{color:var(--green);font-weight:700}
.sf-rchip input:focus-visible+.sf-rchip-ring{outline:2px solid var(--blue);outline-offset:2px}
.sf-light .sf-rchip-ring{background:radial-gradient(circle at 30% 30%,#eef2f7,#e5ebf2);border-color:#d7dfe9}
.sf-light .sf-rchip em{color:#64748b}
.sf-light .sf-rchip:hover .sf-rchip-ring{border-color:var(--blue)}