/*
Theme Name: Wusata Platform V8.6.5 Final UX Polish
Theme URI: https://wusata.local
Author: Wusata
Description: منصة قطع غيار أصلية تتمحور حول المركبة، مع إدارة الماركات والمركبات من لوحة التحكم، وتجربة Responsive محسنة.
Version: 8.6.5
Requires at least: 6.4
Requires PHP: 8.1
Text Domain: wusata
*/
:root{
  --bg:#0f1416;--bg2:#141b1e;--panel:#1b2428;--panel2:#232d31;--panel3:#2b363b;
  --line:#3e4b50;--line2:#59686e;--text:#f7f8f8;--muted:#a9b4b8;--soft:#dfe5e7;
  --chrome1:#f8f9f9;--chrome2:#b8c0c4;--chrome3:#6d787e;--ink:#111618;
  --shadow:0 25px 90px rgba(0,0,0,.28);--radius:24px;--radius-sm:14px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;direction:rtl;overflow-x:hidden;color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.65;
background:
radial-gradient(circle at 80% 0%,rgba(255,255,255,.045),transparent 26%),
linear-gradient(180deg,#0d1214 0,#151c1f 48%,#101517 100%)}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}img{max-width:100%;height:auto}
.container{width:min(1440px,calc(100% - 28px));margin:auto}
.chrome-text{background:linear-gradient(180deg,var(--chrome1),var(--chrome2) 52%,var(--chrome3));-webkit-background-clip:text;background-clip:text;color:transparent}
.w-topbar{background:#090d0e;border-bottom:1px solid #222c2f;font-size:12px}
.w-topbar .container{display:flex;justify-content:space-between;padding:8px 0;color:#c5ced1}
.w-header{position:sticky;top:0;z-index:60;background:rgba(12,17,19,.95);border-bottom:1px solid #2d383c;backdrop-filter:blur(14px)}
.w-header-inner{display:flex;align-items:center;min-height:76px;gap:28px}
.w-brand{display:flex;align-items:center;gap:10px;margin-left:auto}.w-brand img{max-height:54px}.w-wordmark{font-size:24px;font-weight:900;letter-spacing:4px}
.w-nav{display:flex;gap:24px;font-weight:700}.w-nav a{color:#dce2e4}.w-nav a:hover{color:#fff}
.w-actions{display:flex;gap:10px}
.w-chip,.w-btn{border:1px solid var(--line);background:#172023;color:#fff;border-radius:14px;padding:11px 16px;cursor:pointer;transition:.2s}
.w-btn.primary{background:linear-gradient(180deg,#f5f7f7,#cbd2d5);color:#111;border-color:#e7ebec;font-weight:900}
.w-btn:hover,.w-chip:hover{transform:translateY(-1px);border-color:#6a787e}
.w-hero{position:relative;overflow:hidden;padding:54px 0 26px}
.w-hero:before{content:"";position:absolute;inset:0;background:
radial-gradient(circle at 86% 14%,rgba(189,202,207,.14),transparent 28%),
linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.025) 48%,transparent 52%);pointer-events:none}
.w-hero-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:26px;align-items:stretch}
.w-kicker{font-size:12px;letter-spacing:2px;color:#acb7bb;font-weight:900}
.w-hero h1{font-size:clamp(44px,5vw,72px);line-height:1.06;letter-spacing:-1.5px;margin:12px 0 14px}
.w-hero p{font-size:18px;color:#c5cdcf;max-width:760px}.w-hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.w-promise{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.w-promise span{border:1px solid #3d4b50;background:rgba(255,255,255,.025);border-radius:999px;padding:8px 12px;font-size:13px;color:#d5dcde}
.w-visual{border:1px solid #445257;border-radius:28px;background:linear-gradient(145deg,#273236,#171e21 70%);box-shadow:var(--shadow);padding:26px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
.w-visual-top{display:flex;justify-content:space-between;gap:16px}.w-status{font-size:12px;color:#aeb8bb}
.w-match-line{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center}.w-match-card{background:#182124;border:1px solid #46545a;border-radius:18px;padding:18px;min-height:118px;display:flex;flex-direction:column;justify-content:center}.w-match-card strong{font-size:22px}.w-arrow{font-size:28px;color:#94a0a5}.w-match-result{background:linear-gradient(145deg,#293438,#20292d);border:1px solid #66757a;border-radius:18px;padding:16px}.w-match-result b{font-size:20px;display:block}
.w-vehicle-hub{margin-top:22px;background:rgba(31,41,45,.96);border:1px solid #48565c;border-radius:26px;padding:23px;box-shadow:0 22px 65px rgba(0,0,0,.16)}
.w-hub-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:17px}.w-hub-head h2{font-size:31px;margin:4px 0}.w-hub-head p{margin:0;color:var(--muted)}
.w-mode-tabs{display:flex;gap:8px;flex-wrap:wrap}.w-tab{border:1px solid #4a585d;border-radius:12px;padding:9px 13px;color:#c9d1d3;background:#182023}.w-tab.active{background:#f2f4f4;color:#111}
.w-vehicle-grid{display:grid;grid-template-columns:1fr 1fr .8fr .9fr auto;gap:10px}.w-vehicle-grid select,.w-vin-input{width:100%;appearance:none;background:#12181a;color:#fff;border:1px solid #48565b;border-radius:13px;padding:14px}
.w-brand-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.w-brand-tile{border:1px solid #435157;background:#161e21;border-radius:15px;padding:15px;text-align:center;font-weight:900;letter-spacing:1.2px;cursor:pointer;transition:.2s}.w-brand-tile:hover,.w-brand-tile.active{background:#2a3539;border-color:#75848a;transform:translateY(-2px)}
.w-section{padding:48px 0}.w-section.alt{background:#192125}.w-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:21px}.w-section-head h2{font-size:37px;line-height:1.22;margin:4px 0}.w-section-head p{color:var(--muted);margin:0}.w-subtle{font-size:12px;color:#9ea9ad;font-weight:900;letter-spacing:1.4px}
.w-value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.w-value-card{background:#202a2e;border:1px solid #435157;border-radius:18px;padding:20px;min-height:158px;transition:.2s}.w-value-card:hover{transform:translateY(-4px);background:#283438;border-color:#6e7c81}.w-value-card .ico{font-size:24px}.w-value-card h3{font-size:20px;margin:10px 0 5px}.w-value-card p{font-size:14px;color:var(--muted);margin:0}
.w-systems{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.w-system{position:relative;overflow:hidden;background:linear-gradient(145deg,#222d31,#192124);border:1px solid #445259;border-radius:18px;padding:21px;min-height:108px;font-size:18px;font-weight:900;display:flex;align-items:flex-end}.w-system:before{content:"";position:absolute;width:110px;height:110px;border:1px solid rgba(255,255,255,.05);border-radius:50%;left:-20px;top:-30px}
.w-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.w-step{background:#151d20;border:1px solid #414f54;border-radius:18px;padding:18px;min-height:168px}.w-step-num{font-size:32px;color:#7f8d92;font-weight:900}.w-step h3{font-size:20px;margin:6px 0}.w-step p{font-size:14px;color:var(--muted);margin:0}
.w-vin-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;background:linear-gradient(135deg,#273337,#1d272a);border:1px solid #4b595f;border-radius:26px;padding:26px}.w-vin-copy h2{font-size:38px;line-height:1.2;margin:8px 0}.w-vin-copy p{color:#bcc5c8}.w-vin-plate{display:flex;align-items:center;justify-content:center;min-height:230px;border:1px solid #637177;border-radius:24px;background:radial-gradient(circle,#2a363a,#1c2529);font-size:44px;font-weight:900;letter-spacing:6px;text-align:center}.w-vin-row{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:17px}
.w-footer{background:#0a0f10;border-top:1px solid #293337;padding:36px 0}.w-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:26px}.w-footer p,.w-footer a{color:#aab5b8}
.w-mobile-nav{display:none}

@media(max-width:1100px){
 .w-nav{display:none}.w-hero-grid{grid-template-columns:1fr}.w-vehicle-grid{grid-template-columns:1fr 1fr}.w-vehicle-grid .w-btn{grid-column:1/-1}.w-brand-row{grid-template-columns:repeat(3,1fr)}.w-value-grid,.w-systems{grid-template-columns:1fr 1fr}.w-flow{grid-template-columns:1fr 1fr}.w-flow .w-step:last-child{grid-column:1/-1}
}
@media(max-width:760px){
 body{padding-bottom:78px}.container{width:min(100% - 18px,1440px)}.w-topbar{display:none}.w-header-inner{min-height:62px}.w-actions{display:none}.w-brand{margin-left:0;margin-right:auto}.w-brand img{max-height:42px}.w-wordmark{font-size:18px;letter-spacing:2px}
 .w-hero{padding:22px 0 14px}.w-hero h1{font-size:36px;line-height:1.08}.w-hero p{font-size:15px}.w-hero-cta{display:grid;grid-template-columns:1fr 1fr}.w-hero-cta .w-btn{text-align:center;padding:11px 9px}.w-promise{display:grid;grid-template-columns:1fr;gap:7px}.w-promise span{font-size:12px}
 .w-visual{min-height:auto;padding:17px;border-radius:20px}.w-match-line{grid-template-columns:1fr;gap:8px}.w-arrow{transform:rotate(90deg);text-align:center}.w-vehicle-hub{padding:16px;border-radius:20px}.w-hub-head{display:block}.w-hub-head h2{font-size:25px}.w-mode-tabs{margin-top:11px;overflow:auto;white-space:nowrap;flex-wrap:nowrap}.w-tab{flex:0 0 auto;font-size:12px}
 .w-vehicle-grid{grid-template-columns:1fr}.w-vehicle-grid .w-btn{grid-column:auto;width:100%}.w-brand-row{grid-template-columns:1fr 1fr}.w-section{padding:32px 0}.w-section-head{display:block}.w-section-head h2{font-size:27px}.w-value-grid{grid-template-columns:1fr}.w-value-card{min-height:auto}.w-systems{grid-template-columns:1fr 1fr}.w-system{font-size:15px;padding:15px 10px;min-height:84px}.w-flow{grid-template-columns:1fr}.w-flow .w-step:last-child{grid-column:auto}.w-step{min-height:auto}.w-vin-panel{grid-template-columns:1fr;padding:18px;border-radius:20px}.w-vin-copy h2{font-size:27px}.w-vin-plate{order:-1;min-height:125px;font-size:30px}.w-vin-row{grid-template-columns:1fr}.w-footer-grid{grid-template-columns:1fr}
 .w-mobile-nav{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;z-index:80;background:rgba(8,12,13,.98);border-top:1px solid #344044;backdrop-filter:blur(12px);padding-bottom:env(safe-area-inset-bottom)}.w-mobile-nav a{text-align:center;padding:9px 4px 8px;font-size:11px;color:#dbe1e3}.w-mobile-nav b{display:block;font-size:17px;line-height:1.1}
}
@media(max-width:390px){.w-hero h1{font-size:32px}.w-brand-row,.w-systems{grid-template-columns:1fr}.w-hero-cta{grid-template-columns:1fr}}

/* V2.2 — responsive polish + official Wusata mark */
.w-logo-img{display:block;width:auto;height:58px;max-width:190px;object-fit:contain;mix-blend-mode:screen}
@media(max-width:760px){
  body{padding-bottom:72px}
  .container{width:calc(100% - 24px)}
  .w-header{position:sticky;top:0}
  .w-header-inner{min-height:66px;justify-content:center}
  .w-brand{margin:0 auto}
  .w-logo-img{height:50px;max-width:155px}
  .w-hero{padding:20px 0 10px}
  .w-hero-grid{display:block}
  .w-hero-grid>div:first-child{text-align:center}
  .w-kicker{font-size:10px;letter-spacing:1.4px}
  .w-hero h1{font-size:clamp(34px,10.5vw,46px);letter-spacing:-.8px;margin:8px 0 12px}
  .w-hero p{font-size:15px;line-height:1.8;margin:0 auto;max-width:520px}
  .w-hero-cta{grid-template-columns:1fr;gap:10px;margin-top:17px}
  .w-hero-cta .w-btn{min-height:56px;display:flex;align-items:center;justify-content:center;font-size:17px}
  .w-promise{display:flex;overflow-x:auto;flex-wrap:nowrap;gap:7px;margin:13px -2px 0;padding:2px 2px 5px;scrollbar-width:none}
  .w-promise::-webkit-scrollbar{display:none}.w-promise span{flex:0 0 auto;white-space:nowrap;padding:7px 10px}
  .w-visual{display:none}
  .w-vehicle-hub{margin-top:16px;padding:15px}
  .w-hub-head{text-align:right}.w-hub-head h2{font-size:24px;line-height:1.35}.w-hub-head p{font-size:14px}
  .w-mode-tabs{margin-top:12px}
  .w-vehicle-grid{gap:9px}.w-vehicle-grid select{min-height:52px;font-size:15px}.w-vehicle-grid .w-btn{min-height:54px}
  .w-brand-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.w-brand-tile{padding:13px 8px;font-size:13px}
  .w-section{padding:34px 0}.w-section-head{text-align:right;margin-bottom:17px}.w-section-head h2{font-size:28px;line-height:1.3}.w-section-head p{font-size:14px}
  .w-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.w-value-card{padding:15px;min-height:150px}.w-value-card h3{font-size:17px}.w-value-card p{font-size:12px}
  .w-systems{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.w-system{min-height:88px;font-size:14px;border-radius:16px}
  .w-flow{grid-template-columns:1fr;gap:9px}.w-step{display:grid;grid-template-columns:56px 1fr;column-gap:12px;align-items:center;padding:14px;min-height:0}.w-step-num{grid-row:1/3;font-size:28px}.w-step h3{margin:0;font-size:18px}.w-step p{margin:2px 0 0;font-size:13px}
  .w-vin-panel{gap:14px}.w-vin-plate{order:2;min-height:105px;font-size:26px;letter-spacing:4px}.w-vin-copy{order:1}.w-vin-row .w-btn{min-height:52px}
  .w-footer{padding:28px 0}.w-footer-grid{gap:18px}
  .w-mobile-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.w-mobile-nav a{min-width:0;padding:8px 2px 7px;font-size:10px}.w-mobile-nav b{font-size:16px}
}
@media(max-width:390px){
  .container{width:calc(100% - 18px)}.w-logo-img{height:46px;max-width:140px}.w-hero h1{font-size:33px}.w-value-grid{grid-template-columns:1fr}.w-brand-row{grid-template-columns:repeat(2,minmax(0,1fr))}.w-systems{grid-template-columns:repeat(2,minmax(0,1fr))}
}


/* =========================================================
   WUSATA V2.3 — TRUE MOBILE-FIRST OVERRIDE
   Goal: first mobile viewport shows brand + message + CTA +
   start of vehicle center, with zero content hidden by nav.
   ========================================================= */

@media screen and (max-width: 820px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  body{padding-bottom:76px!important}
  .container{width:calc(100% - 20px)!important;max-width:none!important;margin-inline:auto!important}

  /* compact mobile header */
  .w-topbar{display:none!important}
  .w-header{position:sticky!important;top:0!important}
  .w-header-inner{
    min-height:54px!important;height:54px!important;
    padding:5px 0!important;justify-content:center!important
  }
  .w-brand{margin:0!important}
  .w-brand img{max-height:38px!important;max-width:92px!important;object-fit:contain!important}
  .w-nav,.w-actions{display:none!important}

  /* hero: mobile conversion block, not desktop stacked */
  .w-hero{padding:16px 0 8px!important;min-height:0!important}
  .w-hero-grid{display:block!important}
  .w-hero-grid>div:first-child{text-align:center!important}
  .w-kicker{font-size:10px!important;letter-spacing:1.35px!important}
  .w-hero h1{
    font-size:clamp(29px,8.5vw,38px)!important;
    line-height:1.08!important;letter-spacing:-.5px!important;
    margin:7px auto 9px!important;max-width:560px!important
  }
  .w-hero p{
    font-size:13px!important;line-height:1.72!important;
    margin:0 auto!important;max-width:520px!important
  }
  .w-hero-cta{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:8px!important;margin-top:13px!important
  }
  .w-hero-cta .w-btn{
    min-height:46px!important;padding:10px 8px!important;
    font-size:14px!important;border-radius:12px!important
  }

  /* desktop storytelling card does not belong above the fold on mobile */
  .w-visual{display:none!important}
  .w-promise{display:none!important}

  /* vehicle hub must be visible immediately */
  .w-vehicle-hub{
    margin-top:10px!important;padding:14px!important;
    border-radius:18px!important
  }
  .w-hub-head{display:block!important;margin-bottom:11px!important;text-align:right!important}
  .w-hub-head h2{
    font-size:22px!important;line-height:1.3!important;
    margin:3px 0!important
  }
  .w-hub-head p{font-size:12px!important;line-height:1.55!important}
  .w-mode-tabs{
    display:flex!important;flex-wrap:nowrap!important;
    overflow-x:auto!important;gap:6px!important;
    margin-top:9px!important;padding-bottom:2px!important;
    scrollbar-width:none!important
  }
  .w-mode-tabs::-webkit-scrollbar{display:none!important}
  .w-tab{
    flex:0 0 auto!important;padding:7px 10px!important;
    font-size:11px!important;border-radius:10px!important
  }

  /* Native select controls: touch friendly, no metallic browser weirdness */
  .w-vehicle-grid{
    display:grid!important;grid-template-columns:1fr!important;
    gap:8px!important
  }
  .w-vehicle-grid select,.w-vin-input{
    display:block!important;width:100%!important;height:48px!important;
    min-height:48px!important;padding:0 13px!important;
    background:#111719!important;color:#fff!important;
    border:1px solid #46545a!important;border-radius:12px!important;
    font-size:14px!important;line-height:48px!important;
    -webkit-appearance:none!important;appearance:none!important;
    background-image:
      linear-gradient(45deg,transparent 50%,#aeb8bb 50%),
      linear-gradient(135deg,#aeb8bb 50%,transparent 50%)!important;
    background-position:
      16px 21px,
      11px 21px!important;
    background-size:5px 5px,5px 5px!important;
    background-repeat:no-repeat!important
  }
  .w-vehicle-grid .w-btn{
    width:100%!important;min-height:48px!important;
    grid-column:auto!important;font-size:14px!important
  }

  .w-brand-row{
    display:grid!important;grid-template-columns:1fr 1fr!important;
    gap:7px!important;margin-top:9px!important
  }
  .w-brand-tile{
    min-height:44px!important;padding:10px 6px!important;
    border-radius:11px!important;font-size:11px!important;
    letter-spacing:.6px!important
  }

  /* mobile sections: dense and readable */
  .w-section{padding:27px 0!important}
  .w-section-head{display:block!important;margin-bottom:14px!important}
  .w-section-head h2{
    font-size:24px!important;line-height:1.3!important;
    margin:3px 0!important
  }
  .w-section-head p{font-size:12px!important;line-height:1.6!important}
  .w-subtle{font-size:10px!important}

  .w-value-grid{grid-template-columns:1fr!important;gap:8px!important}
  .w-value-card{min-height:0!important;padding:15px!important;border-radius:14px!important}
  .w-value-card .ico{font-size:20px!important}
  .w-value-card h3{font-size:17px!important;margin:6px 0 3px!important}
  .w-value-card p{font-size:12px!important}

  .w-systems{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .w-system{
    min-height:72px!important;padding:13px 9px!important;
    font-size:13px!important;border-radius:14px!important
  }

  .w-flow{grid-template-columns:1fr!important;gap:8px!important}
  .w-flow .w-step:last-child{grid-column:auto!important}
  .w-step{min-height:0!important;padding:14px!important;border-radius:14px!important}
  .w-step-num{font-size:23px!important}
  .w-step h3{font-size:16px!important;margin:3px 0!important}
  .w-step p{font-size:12px!important}

  .w-vin-panel{
    grid-template-columns:1fr!important;gap:12px!important;
    padding:14px!important;border-radius:17px!important
  }
  .w-vin-plate{
    order:-1!important;min-height:96px!important;
    font-size:25px!important;letter-spacing:3px!important;
    border-radius:15px!important
  }
  .w-vin-copy h2{font-size:24px!important;line-height:1.28!important}
  .w-vin-copy p{font-size:12px!important}
  .w-vin-row{grid-template-columns:1fr!important;gap:8px!important}
  .w-vin-row .w-btn{min-height:46px!important}

  .w-footer{padding:25px 0!important}
  .w-footer-grid{grid-template-columns:1fr!important;gap:14px!important}
  .w-footer p,.w-footer a{font-size:12px!important}

  /* bottom nav never covers useful content */
  .w-mobile-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;
    min-height:64px!important;
    padding:5px 4px calc(5px + env(safe-area-inset-bottom))!important;
    z-index:9999!important;
    background:rgba(7,11,12,.985)!important;
    border-top:1px solid #354145!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.28)!important
  }
  .w-mobile-nav a{
    min-width:0!important;padding:4px 2px!important;
    font-size:10px!important;line-height:1.2!important
  }
  .w-mobile-nav b{font-size:15px!important;margin-bottom:2px!important}
}

@media screen and (max-width: 430px){
  .container{width:calc(100% - 14px)!important}
  .w-header-inner{height:50px!important;min-height:50px!important}
  .w-brand img{max-height:34px!important}
  .w-hero{padding-top:11px!important}
  .w-hero h1{font-size:30px!important}
  .w-hero p{font-size:12.5px!important}
  .w-hero-cta{grid-template-columns:1fr!important}
  .w-brand-row{grid-template-columns:1fr 1fr!important}
  .w-systems{grid-template-columns:1fr 1fr!important}
}

@media screen and (max-width: 350px){
  .w-brand-row,.w-systems{grid-template-columns:1fr!important}
}


/* =========================================================
   WUSATA V2.4 — MOBILE POLISH FINAL
   Fixes:
   1) native select arrow / broken icon
   2) safe spacing above bottom nav
   3) tighter vehicle hub on mobile
   ========================================================= */

@media screen and (max-width: 820px){

  /* enough room so last interactive field can scroll fully above fixed nav */
  main{padding-bottom:34px!important}
  .w-vehicle-hub{scroll-margin-bottom:105px!important}
  #vehicle,#systems,#vin,#matching{scroll-margin-top:70px!important;scroll-margin-bottom:100px!important}

  /* slightly tighter vehicle center */
  .w-vehicle-hub{
    padding:12px!important;
    margin-top:8px!important;
    border-radius:16px!important
  }
  .w-hub-head{margin-bottom:8px!important}
  .w-hub-head h2{
    font-size:20px!important;
    line-height:1.25!important
  }
  .w-hub-head p{
    font-size:11.5px!important;
    line-height:1.45!important
  }
  .w-mode-tabs{margin-top:7px!important;gap:5px!important}
  .w-tab{
    padding:6px 9px!important;
    font-size:10.5px!important
  }
  .w-vehicle-grid{gap:7px!important}

  /* clean selects: remove browser/native arrows and use one CSS chevron */
  .w-vehicle-grid select{
    -webkit-appearance:none!important;
    -moz-appearance:none!important;
    appearance:none!important;
    background-color:#111719!important;
    background-image:none!important;
    padding-right:13px!important;
    padding-left:38px!important;
    position:relative!important;
  }

  /* wrapper-less select chevron via parent backgrounds is unreliable,
     so use inline SVG data URI directly as the select background */
  .w-vehicle-grid select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5' fill='none' stroke='%23b7c1c5' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;
    background-repeat:no-repeat!important;
    background-position:left 14px center!important;
    background-size:14px 14px!important;
  }

  .w-vehicle-grid select,
  .w-vehicle-grid .w-btn{
    min-height:46px!important;
    height:46px!important
  }

  .w-brand-row{margin-top:7px!important}
  .w-brand-tile{
    min-height:40px!important;
    padding:8px 5px!important;
    font-size:10.5px!important
  }

  /* bottom nav fixed but less intrusive */
  .w-mobile-nav{
    min-height:60px!important;
    padding-top:4px!important;
  }
  .w-mobile-nav a{
    padding-top:3px!important;
    padding-bottom:3px!important;
  }

  /* final section / footer clear the fixed navigation */
  .w-footer{
    padding-bottom:calc(80px + env(safe-area-inset-bottom))!important
  }
}

@media screen and (max-width: 430px){
  .w-vehicle-hub{padding:11px!important}
  .w-hub-head h2{font-size:19px!important}
  .w-vehicle-grid select,.w-vehicle-grid .w-btn{
    min-height:44px!important;height:44px!important
  }
}


/* =========================================================
   WUSATA V2.5 — MOBILE UI LOCK
   Final mobile layout refinements:
   - compact value cards
   - first viewport reaches vehicle center sooner
   - fixed bottom nav never masks active content
   - correct anchor scrolling above bottom nav
   ========================================================= */

html{scroll-padding-top:78px}
@media screen and (max-width:820px){
  html{scroll-padding-top:64px!important}
  body{padding-bottom:92px!important}

  /* reduce first-screen height */
  .w-hero{padding:10px 0 6px!important}
  .w-hero h1{
    font-size:28px!important;
    line-height:1.06!important;
    margin:5px auto 7px!important
  }
  .w-hero p{
    font-size:12px!important;
    line-height:1.55!important;
    max-width:500px!important
  }
  .w-hero-cta{
    margin-top:9px!important;
    gap:7px!important
  }
  .w-hero-cta .w-btn{
    min-height:42px!important;
    padding:8px 7px!important;
    font-size:13px!important
  }

  /* vehicle hub comes up sooner and stays compact */
  .w-vehicle-hub{
    margin-top:6px!important;
    padding:11px!important
  }

  /* compact "Wusata experience" cards */
  .w-value-grid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:7px!important
  }
  .w-value-card{
    display:grid!important;
    grid-template-columns:36px 1fr!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    align-items:center!important;
    min-height:0!important;
    padding:12px 13px!important;
    border-radius:13px!important
  }
  .w-value-card .ico{
    grid-row:1/3!important;
    align-self:center!important;
    font-size:21px!important;
    margin:0!important
  }
  .w-value-card h3{
    font-size:15px!important;
    line-height:1.3!important;
    margin:0 0 2px!important
  }
  .w-value-card p{
    font-size:11.5px!important;
    line-height:1.45!important;
    margin:0!important
  }

  /* every anchored section reserves space above fixed nav */
  #vehicle,#systems,#matching,#vin,
  .w-section,.w-vehicle-hub{
    scroll-margin-top:66px!important;
    scroll-margin-bottom:120px!important
  }

  /* content can always clear fixed navigation */
  main:after{
    content:"";
    display:block;
    height:92px;
  }

  /* nav slightly more compact but readable */
  .w-mobile-nav{
    min-height:58px!important;
    height:auto!important;
  }
  .w-mobile-nav a{
    font-size:10px!important;
    padding:3px 2px!important
  }
  .w-mobile-nav b{
    font-size:14px!important;
    margin-bottom:1px!important
  }

  /* add bottom breathing room to cards when scrolling */
  .w-step:last-child,
  .w-value-card:last-child,
  .w-system:last-child,
  .w-vin-panel{
    margin-bottom:14px!important
  }
}

@media screen and (max-width:430px){
  .w-hero h1{font-size:27px!important}
  .w-hub-head h2{font-size:18px!important}
  .w-value-card{
    grid-template-columns:32px 1fr!important;
    padding:11px 12px!important
  }
  .w-value-card .ico{font-size:19px!important}
}


/* =========================================================
   WUSATA V3 — LIGHT SILVER DESIGN SYSTEM
   ========================================================= */
:root{
 --bg:#f2f4f5;--bg2:#e9edef;--panel:#ffffff;--panel2:#f7f8f9;--panel3:#e5e9eb;
 --line:#d4dade;--line2:#b8c1c6;--text:#151a1d;--muted:#667278;--soft:#374147;
 --chrome1:#ffffff;--chrome2:#cfd5d8;--chrome3:#7f8a90;--ink:#111618;
 --shadow:0 18px 55px rgba(20,30,35,.10);--shadow-sm:0 8px 25px rgba(20,30,35,.07);
 --radius:22px;--radius-sm:13px;
 --fs-display:clamp(36px,5vw,70px);--fs-h2:clamp(27px,3vw,40px);--fs-h3:19px;
 --fs-body:15px;--fs-small:12px;--control-h:48px
}
body{color:var(--text);font-family:"Noto Sans Arabic","Segoe UI",Tahoma,Arial,sans-serif;
 background:radial-gradient(circle at 80% 0%,rgba(255,255,255,.95),transparent 30%),linear-gradient(180deg,#f7f8f9,#edf0f2 52%,#f6f7f8)}
.w-topbar{background:#e3e7e9;border-color:#d0d6d9}.w-topbar .container{color:#4e5a60}
.w-header{background:rgba(247,248,249,.94);border-color:#d8dde0;box-shadow:0 5px 22px rgba(20,30,35,.04)}
.w-nav a{color:#394349}.w-nav a:hover{color:#0e1315}
.w-chip,.w-btn{background:#fff;color:#1a2023;border-color:#cfd6da;box-shadow:var(--shadow-sm)}
.w-btn.primary{background:linear-gradient(180deg,#353e42,#151b1e);color:#fff;border-color:#252d31}
.w-btn:hover,.w-chip:hover{border-color:#9ca7ac}
.chrome-text{background:linear-gradient(180deg,#1d2529 0%,#68747a 45%,#121719 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.w-hero:before{background:radial-gradient(circle at 86% 14%,rgba(102,117,124,.12),transparent 28%),linear-gradient(120deg,transparent 0 45%,rgba(255,255,255,.5) 48%,transparent 52%)}
.w-hero p,.w-hub-head p,.w-section-head p,.w-value-card p,.w-step p,.w-vin-copy p{color:var(--muted)}
.w-kicker,.w-subtle{color:#69767c}
.w-visual{background:linear-gradient(145deg,#fff,#e9edef 70%);border-color:#cbd2d6;box-shadow:var(--shadow)}
.w-match-card{background:#f8f9fa;border-color:#d4dade}.w-match-result{background:linear-gradient(145deg,#e9edef,#f9fafb);border-color:#c7cfd3}
.w-status{color:#68757b}.w-arrow{color:#7d898f}
.w-vehicle-hub{background:rgba(255,255,255,.94);border-color:#cfd6da;box-shadow:var(--shadow)}
.w-tab{background:#f4f6f7;color:#505d63;border-color:#d5dbde}.w-tab.active{background:#20282c;color:#fff;border-color:#20282c}
.w-vehicle-grid select,.w-vin-input{background-color:#fff!important;color:#172024!important;border-color:#cbd3d7!important}
.w-brand-tile{background:#f7f8f9;border-color:#d3dade;color:#273035;box-shadow:var(--shadow-sm)}
.w-brand-tile:hover,.w-brand-tile.active{background:#e6eaec;border-color:#aab4b9}
.w-section.alt{background:#e8ecee}
.w-value-card,.w-system{background:linear-gradient(145deg,#fff,#f5f7f8);border-color:#d3dade;box-shadow:var(--shadow-sm);color:#1a2023}
.w-value-card:hover{background:#fff;border-color:#aeb8bd}
.w-step{background:#fff;border-color:#d3dade;box-shadow:var(--shadow-sm)}.w-step-num{color:#8b979d}
.w-vin-panel{background:linear-gradient(135deg,#fff,#e8ecee);border-color:#cbd3d7;box-shadow:var(--shadow)}
.w-vin-plate{background:radial-gradient(circle,#fff,#e5e9eb);border-color:#c2cbd0;color:#1b2327}
.w-footer{background:#e3e7e9;border-color:#cdd4d7}.w-footer p,.w-footer a{color:#59666c}
.w-mobile-nav{background:rgba(250,251,251,.97)!important;border-color:#cfd6da!important;box-shadow:0 -8px 28px rgba(20,30,35,.10)!important}
.w-mobile-nav a{color:#313b40!important}

/* Typography */
.w-hero h1{font-size:var(--fs-display);font-weight:900}
.w-section-head h2,.w-vin-copy h2{font-size:var(--fs-h2);font-weight:900}
.w-value-card h3,.w-step h3{font-size:var(--fs-h3);font-weight:800}
.w-btn,.w-chip,.w-tab,.w-brand-tile{font-weight:800}
.w-price{font-size:24px;font-weight:900}.w-meta{font-size:var(--fs-small);color:var(--muted)}

/* Product / results UI */
.w-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.w-product-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:13px;box-shadow:var(--shadow-sm)}
.w-product-media{aspect-ratio:1.25;background:#eef1f2;border-radius:13px;display:grid;place-items:center;overflow:hidden;margin-bottom:12px}
.w-product-media img{width:100%;height:100%;object-fit:cover}
.w-fit-badge{display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border-radius:999px;background:#e8ecee;border:1px solid #ccd4d8;font-size:11px;font-weight:800}
.w-product-card h3{font-size:16px;line-height:1.45;margin:9px 0}
.w-product-actions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}
.w-product-actions .w-btn{padding:9px 11px}

/* WooCommerce integration */
.woocommerce ul.products li.product,.woocommerce div.product,.woocommerce-cart-form,.woocommerce-checkout-review-order{
 background:#fff!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:var(--shadow-sm)!important;padding:16px!important
}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{
 background:#1c2428!important;color:#fff!important;border-radius:12px!important;padding:13px 17px!important
}
.woocommerce input.input-text,.woocommerce textarea,.woocommerce select{
 border:1px solid #cbd3d7!important;border-radius:11px!important;background:#fff!important;min-height:44px!important
}

/* Account / Garage */
.w-garage{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.w-garage-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}

@media(max-width:1100px){.w-product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){
 :root{--fs-body:14px;--control-h:46px}
 body{background:#f3f5f6}
 .w-hero h1{font-size:30px!important}
 .w-product-grid{grid-template-columns:1fr 1fr;gap:8px}
 .w-product-card{padding:9px;border-radius:14px}
 .w-product-card h3{font-size:13px}
 .w-price{font-size:18px}
 .w-product-actions{grid-template-columns:1fr}
 .w-garage{grid-template-columns:1fr}
}
@media(max-width:390px){.w-product-grid{grid-template-columns:1fr}}


/* =========================================================
   WUSATA V3.1 — PREMIUM LIGHT SILVER
   Final visual polish + banner system
   ========================================================= */
:root{
 --bg:#e9edef;--bg2:#dfe4e7;--panel:#f8f9f9;--panel2:#f1f3f4;--panel3:#d7dde0;
 --line:#c5cdd1;--line2:#9eaaaf;--text:#11171a;--muted:#4f5c62;--soft:#2c363b;
 --shadow:0 20px 55px rgba(25,35,40,.12);--shadow-sm:0 8px 24px rgba(25,35,40,.09)
}
body{background:
 radial-gradient(circle at 78% 0%,rgba(255,255,255,.92),transparent 27%),
 linear-gradient(180deg,#eef1f2 0%,#e3e7e9 52%,#edf0f1 100%)}
.w-header{background:rgba(238,241,242,.94);border-color:#c6ced2}
.w-topbar{background:#d9dfe2;border-color:#c4ccd0}
.w-vehicle-hub,.w-value-card,.w-step,.w-product-card,.w-garage-card{
 background:rgba(250,251,251,.96);border-color:#c4ccd0
}
.w-section.alt{background:#dce2e5}
.w-system{background:linear-gradient(145deg,#f8f9f9,#e8ecee);border-color:#c2cbd0}
.w-vin-panel{background:linear-gradient(135deg,#f7f8f8,#dbe1e4);border-color:#b9c3c8}
.w-vin-plate{background:radial-gradient(circle,#f9fafa,#d8dee1);border-color:#aeb9be}
.w-kicker,.w-subtle{color:#58666c}.w-status,.w-meta{color:#56646a}
.w-promise span{color:#354147;background:rgba(255,255,255,.55);border-color:#c0c9cd}
.w-brand-tile{background:#f5f7f7;border-color:#c4cdd1}
.w-brand-tile:hover,.w-brand-tile.active{background:#dfe5e7;border-color:#8f9da3}
.w-btn.primary{background:linear-gradient(180deg,#3b454a,#121719);border-color:#20282c;box-shadow:0 8px 18px rgba(17,23,26,.17)}
.w-btn:not(.primary),.w-chip{background:#f8f9f9;border-color:#bec8cc}
.w-footer{background:#d7dde0;border-color:#bdc6ca}
.w-mobile-nav{background:rgba(239,242,243,.97)!important;border-color:#bfc8cc!important}

/* Logo visibility on light backgrounds */
.custom-logo-link{display:inline-flex;align-items:center;justify-content:center}
.custom-logo{filter:drop-shadow(0 1px 1px rgba(0,0,0,.18));}
.w-header .custom-logo{max-width:145px}

/* Banner design system */
.w-banners{padding:16px 0 8px}
.w-banner-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px}
.w-banner{
 position:relative;overflow:hidden;min-height:220px;border:1px solid #b9c3c8;border-radius:22px;
 background:linear-gradient(125deg,#f8f9f9 0%,#d8dee1 58%,#b8c2c7 100%);
 box-shadow:var(--shadow);padding:26px;display:flex;align-items:flex-end
}
.w-banner.dark{background:linear-gradient(125deg,#303a3f,#141a1d 72%);color:#fff;border-color:#3f4b50}
.w-banner:before{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.45);border-radius:50%;left:-100px;top:-170px}
.w-banner-copy{position:relative;z-index:2;max-width:620px}
.w-banner .eyebrow{font-size:11px;font-weight:900;letter-spacing:1.4px;color:#5b686e}
.w-banner.dark .eyebrow{color:#b7c1c5}
.w-banner h3{font-size:clamp(25px,3vw,42px);line-height:1.15;margin:7px 0}
.w-banner p{margin:0 0 14px;color:#4e5b61;max-width:560px}
.w-banner.dark p{color:#c5ced1}
.w-banner-actions{display:flex;gap:8px;flex-wrap:wrap}
.w-banner-mini{min-height:220px}
.w-banner-mini h3{font-size:27px}
.w-banner-vin{font-size:46px;font-weight:900;letter-spacing:4px;opacity:.13;position:absolute;left:20px;top:16px}

/* Typography polish */
body{font-size:15px}
.w-hero h1{letter-spacing:-1px}
.w-hub-head h2,.w-section-head h2,.w-vin-copy h2{letter-spacing:-.35px}
.w-btn{min-height:44px}
.w-vehicle-grid select,.w-vin-input{font-weight:650}

/* Responsive banners */
@media(max-width:900px){
 .w-banner-grid{grid-template-columns:1fr}
 .w-banner{min-height:180px}
}
@media(max-width:760px){
 .w-banners{padding:9px 0 4px}
 .w-banner-grid{gap:8px}
 .w-banner{min-height:142px;border-radius:16px;padding:16px}
 .w-banner h3,.w-banner-mini h3{font-size:22px}
 .w-banner p{font-size:11.5px;line-height:1.5;margin-bottom:9px}
 .w-banner .eyebrow{font-size:9px}
 .w-banner-vin{font-size:30px}
}


/* =========================================================
   WUSATA V3.2 — DESKTOP POLISH
   Keep V3.1 identity; improve rhythm, logo and banners
   ========================================================= */

/* tighter page rhythm */
.w-section{padding-top:54px;padding-bottom:54px}
.w-section.alt{padding-top:54px;padding-bottom:54px}
.w-section-head{margin-bottom:26px}
.w-value-grid{margin-top:26px}
.w-systems-grid{margin-top:26px}
.w-steps-grid{margin-top:28px}
.w-vin-panel{margin-top:0}
.w-banners{padding:34px 0}

/* Prevent large dead zones created by fixed/min heights */
.w-section,.w-section.alt{min-height:0!important}
.w-value-card,.w-system,.w-step{align-self:stretch}

/* Header logo: give white supplied logo a graphite backing so it never disappears */
.w-header .custom-logo-link{
  min-width:76px;min-height:58px;padding:6px 10px;border-radius:14px;
  background:linear-gradient(145deg,#303a3f,#151b1e);
  border:1px solid #aeb9be;
  box-shadow:0 6px 18px rgba(20,28,32,.12)
}
.w-header .custom-logo{max-width:62px;max-height:46px;object-fit:contain;filter:none}

/* banners: lighter graphite, less visual weight */
.w-banner.dark{
  background:
    radial-gradient(circle at 20% 15%,rgba(255,255,255,.09),transparent 28%),
    linear-gradient(135deg,#4a565c 0%,#2d373c 52%,#20282c 100%);
  border-color:#7d898f
}
.w-banner.dark p{color:#d9dfe2}
.w-banner.dark .eyebrow{color:#e3e7e9}
.w-banner-vin{opacity:.10}
.w-banner{box-shadow:0 14px 38px rgba(25,35,40,.10)}

/* slightly more premium card separation without darkening the site */
.w-value-card,.w-step,.w-system{
  box-shadow:0 8px 22px rgba(25,35,40,.055)
}
.w-vehicle-hub,.w-vin-panel{
  box-shadow:0 14px 34px rgba(25,35,40,.075)
}

/* desktop spacing */
@media(min-width:901px){
  .w-hero{padding-top:58px;padding-bottom:38px}
  .w-vehicle-hub{margin-top:26px}
  .w-banners{padding-top:30px;padding-bottom:30px}
}

/* mobile keeps the compact flow */
@media(max-width:760px){
  .w-section,.w-section.alt{padding-top:34px;padding-bottom:34px}
  .w-section-head{margin-bottom:18px}
  .w-banners{padding:20px 0}
  .w-header .custom-logo-link{min-width:54px;min-height:44px;padding:4px 7px;border-radius:11px}
  .w-header .custom-logo{max-width:43px;max-height:34px}
}

/* =========================================================
   WUSATA V3.3 — MOBILE POLISH
   Preserve V3.2 desktop identity and behavior.
   ========================================================= */
@media screen and (max-width:820px){
  :root{--mobile-nav-clearance:84px}
  html{scroll-padding-top:62px!important}
  body{padding-bottom:calc(var(--mobile-nav-clearance) + env(safe-area-inset-bottom))!important}
  main{padding-bottom:0!important}
  main:after{height:calc(var(--mobile-nav-clearance) + 18px)!important}

  /* More consistent mobile typography/rhythm */
  .w-section,.w-section.alt{padding:28px 0!important}
  .w-section-head{margin-bottom:13px!important}
  .w-section-head h2{font-size:23px!important;line-height:1.22!important;letter-spacing:-.25px!important}
  .w-section-head p{font-size:12px!important;line-height:1.55!important}
  .w-subtle{font-size:9.5px!important;letter-spacing:.55px!important}

  /* Systems: compact 2-column touch targets instead of tall mobile cards */
  .w-systems{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .w-system{
    min-height:66px!important;height:auto!important;padding:12px 11px!important;
    border-radius:14px!important;font-size:13px!important;line-height:1.35!important;
    align-items:center!important;justify-content:flex-start!important
  }
  .w-system:before{width:70px!important;height:70px!important;left:-20px!important;top:-28px!important}

  /* Order flow: compact horizontal information cards */
  .w-flow{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}
  .w-step{
    min-height:0!important;padding:12px 13px!important;border-radius:14px!important;
    display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;column-gap:9px!important;align-items:center!important
  }
  .w-step-num{grid-row:1/3!important;font-size:22px!important;line-height:1!important;align-self:center!important}
  .w-step h3{font-size:15.5px!important;line-height:1.3!important;margin:0 0 2px!important}
  .w-step p{font-size:11.5px!important;line-height:1.45!important;margin:0!important}

  /* VIN: plate first, then concise copy/input. Everything clears fixed nav. */
  .w-vin-panel{padding:12px!important;gap:11px!important;border-radius:17px!important;margin-bottom:18px!important}
  .w-vin-plate{min-height:88px!important;padding:14px!important;font-size:23px!important;line-height:1.35!important;letter-spacing:3px!important}
  .w-vin-copy h2{font-size:22px!important;line-height:1.22!important;margin:4px 0 7px!important}
  .w-vin-copy p{font-size:11.5px!important;line-height:1.55!important;margin-bottom:10px!important}
  .w-vin-input{height:46px!important;min-height:46px!important;font-size:13px!important}
  .w-vin-row .w-btn{min-height:46px!important;font-size:13px!important}

  /* Banners stay stacked on mobile, but use less vertical space. */
  .w-banners{padding:16px 0!important}
  .w-banner-grid{grid-template-columns:1fr!important;gap:8px!important}
  .w-banner{min-height:132px!important;padding:15px!important;border-radius:16px!important}
  .w-banner h3,.w-banner-mini h3{font-size:21px!important;line-height:1.18!important;margin:5px 0!important}
  .w-banner p{font-size:11px!important;line-height:1.5!important;margin-bottom:8px!important}
  .w-banner .w-btn{min-height:42px!important;padding:8px 14px!important;font-size:12.5px!important}

  /* Fixed nav: visually lighter and guaranteed safe area. */
  .w-mobile-nav{
    min-height:60px!important;
    padding:5px 5px calc(6px + env(safe-area-inset-bottom))!important;
    backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)
  }
  .w-mobile-nav a{font-size:10px!important;line-height:1.15!important;padding:3px 2px!important}
  .w-mobile-nav b{font-size:14px!important;line-height:1!important;margin-bottom:2px!important}

  #vehicle,#systems,#matching,#vin,.w-section,.w-vehicle-hub{
    scroll-margin-top:64px!important;
    scroll-margin-bottom:calc(var(--mobile-nav-clearance) + 28px)!important
  }
}

@media screen and (max-width:430px){
  .w-section,.w-section.alt{padding:25px 0!important}
  .w-section-head h2{font-size:22px!important}
  .w-system{min-height:62px!important;font-size:12.5px!important;padding:10px 9px!important}
  .w-step{padding:11px 12px!important;grid-template-columns:40px minmax(0,1fr)!important}
  .w-step-num{font-size:20px!important}
  .w-step h3{font-size:15px!important}
  .w-vin-plate{min-height:82px!important;font-size:22px!important}
}

@media screen and (max-width:340px){
  .w-systems{grid-template-columns:1fr!important}
}


/* =========================================================
   WUSATA V3.4 — BANNER SYSTEM + 3D BRAND SHOWCASE
   ========================================================= */
.w-brand-showcase{padding:34px 0 14px;background:linear-gradient(180deg,rgba(255,255,255,.66),rgba(229,234,236,.58))}
.w-brand-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}
.w-brand-head h2{font-size:clamp(25px,2.8vw,38px);line-height:1.15;margin:4px 0 0}
.w-brand-all{color:#344148;font-weight:800;font-size:13px}
.w-brand-3d-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.w-brand-3d{appearance:none;position:relative;overflow:hidden;min-height:154px;border:1px solid #c0c9cd;border-radius:20px;background:linear-gradient(145deg,#fff 0%,#eef1f2 58%,#d8dee1 100%);box-shadow:0 12px 30px rgba(24,34,39,.09),inset 0 1px 0 rgba(255,255,255,.95);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#182024;cursor:pointer;transition:.22s ease}
.w-brand-3d:before{content:"";position:absolute;inset:-55% 40% 32% -20%;transform:rotate(-24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);opacity:.55}
.w-brand-3d:hover{transform:translateY(-4px);border-color:#8e9aa0;box-shadow:0 20px 38px rgba(24,34,39,.15)}
.w-brand-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;font-size:31px;font-weight:950;color:#1a2226;background:radial-gradient(circle at 34% 25%,#fff 0 16%,#d8dde0 35%,#9ca8ad 63%,#f6f7f7 83%,#6d787e 100%);border:1px solid #9ba7ac;box-shadow:inset -9px -10px 16px rgba(35,45,50,.16),inset 8px 8px 14px rgba(255,255,255,.9),0 7px 16px rgba(31,42,47,.16);text-shadow:0 1px 0 #fff}
.w-brand-3d strong{font-size:14px;letter-spacing:.8px}.w-brand-3d small{font-size:11px;color:#66737a;font-weight:750}

.w-campaigns{padding:20px 0 36px;background:linear-gradient(180deg,rgba(231,235,237,.62),rgba(246,247,248,.7))}
.w-campaign-main{position:relative;min-height:360px;overflow:hidden;border-radius:28px;border:1px solid #b7c1c6;background:radial-gradient(circle at 78% 15%,rgba(255,255,255,.9),transparent 24%),linear-gradient(125deg,#2a3338 0%,#58656b 35%,#dfe4e6 68%,#f8f9f9 100%);box-shadow:0 22px 54px rgba(28,39,44,.16);display:grid;grid-template-columns:1.03fr .97fr;align-items:center;padding:38px 42px}
.w-campaign-main:after{content:"";position:absolute;width:760px;height:760px;border-radius:50%;border:1px solid rgba(255,255,255,.48);right:-220px;top:-445px;box-shadow:0 0 0 45px rgba(255,255,255,.03),0 0 0 95px rgba(255,255,255,.025)}
.w-campaign-copy{position:relative;z-index:3;color:#fff;max-width:640px}.w-campaign-kicker{font-size:11px;letter-spacing:2px;font-weight:900;color:#d8e0e3}.w-campaign-copy h3{font-size:clamp(35px,4.3vw,62px);line-height:1.1;margin:10px 0 14px}.w-campaign-copy p{font-size:17px;line-height:1.8;color:#e6ebed;max-width:620px}.w-campaign-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.w-campaign-main .w-btn:not(.primary){background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.32);backdrop-filter:blur(8px)}
.w-campaign-art{position:relative;height:280px;z-index:2;direction:ltr}.w-car-shell{position:absolute;right:2%;bottom:18px;width:88%;height:132px;border-radius:48% 52% 12% 14% / 62% 70% 22% 24%;background:linear-gradient(160deg,#fafafa 0%,#9ba6ac 32%,#3b464c 56%,#c8d0d3 78%,#6a757b 100%);box-shadow:inset 0 10px 16px rgba(255,255,255,.55),inset 0 -16px 22px rgba(15,23,27,.28),0 28px 35px rgba(15,24,29,.22);transform:skewX(-8deg)}
.w-car-shell:before{content:"";position:absolute;right:23%;top:-58px;width:54%;height:82px;border-radius:70% 55% 10% 15%;background:linear-gradient(160deg,#dfe4e6,#49565c 65%,#20292e);box-shadow:inset 0 3px 8px rgba(255,255,255,.5)}
.w-car-shell:after{content:"";position:absolute;left:8%;right:8%;bottom:19px;height:8px;border-radius:999px;background:#131a1e;opacity:.8}.w-wheel{position:absolute;bottom:-27px;width:74px;height:74px;border-radius:50%;background:radial-gradient(circle,#bdc5c8 0 16%,#2a3338 18% 37%,#0f1518 39% 68%,#4d585e 70% 77%,#141b1f 79%);box-shadow:0 9px 16px rgba(0,0,0,.3)}.w-wheel-a{left:17%}.w-wheel-b{right:16%}
.w-part-stack{position:absolute;left:2%;bottom:2px;width:46%;height:122px}.w-part{position:absolute;display:block;border:1px solid #859197;box-shadow:inset 0 6px 12px rgba(255,255,255,.48),0 12px 18px rgba(20,29,34,.22);background:linear-gradient(145deg,#dce1e3,#5c686e 55%,#1f292e)}.p1{width:96px;height:96px;border-radius:50%;left:8px;bottom:0;background:radial-gradient(circle,#dce1e3 0 15%,#252f34 17% 30%,#a8b2b7 33% 47%,#4d595f 49% 59%,#c8d0d3 62% 100%)}.p2{width:105px;height:72px;border-radius:18px;left:92px;bottom:4px}.p3{width:78px;height:105px;border-radius:14px;left:184px;bottom:0}
.w-campaign-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.w-campaign-mini{position:relative;overflow:hidden;min-height:170px;border-radius:22px;border:1px solid #c0c9cd;padding:24px;background:linear-gradient(145deg,#fff,#e7ebed);box-shadow:0 12px 28px rgba(24,34,39,.085);display:flex;align-items:flex-end}.w-campaign-mini:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.55);left:-80px;top:-110px}.w-campaign-mini>div{position:relative;z-index:2}.w-campaign-mini small{font-size:11px;font-weight:900;color:#59676d}.w-campaign-mini h4{font-size:25px;line-height:1.2;margin:5px 0 10px}.w-campaign-mini a{font-size:12px;font-weight:850;color:#29353b}.w-campaign-vin{background:linear-gradient(145deg,#46535a,#1c2529);color:#fff;border-color:#657279}.w-campaign-vin small,.w-campaign-vin a{color:#d7dfe2}.w-mini-badge{position:absolute;left:18px;top:14px;font-size:42px;line-height:1;font-weight:950;letter-spacing:1px;color:#859197;opacity:.24}.w-campaign-vin .w-mini-badge{color:#fff;opacity:.14}

@media(max-width:980px){.w-brand-3d-grid{grid-template-columns:repeat(3,1fr)}.w-campaign-main{grid-template-columns:1fr;min-height:470px}.w-campaign-art{height:210px}.w-campaign-mini-grid{grid-template-columns:1fr}}
@media(max-width:820px){.w-brand-showcase{padding:24px 0 8px}.w-brand-head{align-items:start}.w-brand-all{display:none}.w-brand-3d-grid{display:flex;overflow-x:auto;gap:8px;padding:2px 2px 9px;scroll-snap-type:x mandatory}.w-brand-3d{min-width:118px;min-height:118px;border-radius:17px;scroll-snap-align:start}.w-brand-orb{width:58px;height:58px;font-size:23px}.w-brand-3d strong{font-size:11px}.w-brand-3d small{font-size:9px}.w-campaigns{padding:12px 0 22px}.w-campaign-main{min-height:390px;padding:22px 18px;border-radius:20px;grid-template-columns:1fr}.w-campaign-copy h3{font-size:30px}.w-campaign-copy p{font-size:12px;line-height:1.65}.w-campaign-art{height:150px}.w-car-shell{height:76px;bottom:14px}.w-car-shell:before{top:-35px;height:49px}.w-wheel{width:46px;height:46px;bottom:-18px}.w-part-stack{transform:scale(.68);transform-origin:left bottom}.w-campaign-mini{min-height:126px;padding:16px;border-radius:16px}.w-campaign-mini h4{font-size:20px}.w-mini-badge{font-size:31px}}
@media(max-width:430px){.w-brand-head h2{font-size:22px}.w-campaign-copy h3{font-size:27px}.w-campaign-main{min-height:365px}.w-campaign-art{height:135px}}


/* =========================================================
   WUSATA V3.5 — REAL BRAND MARKS + CLEAN CINEMATIC BANNER
   ========================================================= */
.w-brand-real-grid{align-items:stretch}
.w-brand-real{
  min-height:168px;
  padding:18px 14px 14px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(231,235,237,.98));
  border:1px solid #c3ccd0;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 14px 28px rgba(20,30,35,.09);
}
.w-brand-logo-wrap{
  width:100%;
  height:82px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:9px;
  border-radius:18px;
  background:
    radial-gradient(circle at 50% 15%,#fff 0,#f3f5f6 46%,#dfe4e7 100%);
  box-shadow:
    inset 0 1px 0 #fff,
    inset 0 -8px 18px rgba(100,112,118,.08),
    0 8px 16px rgba(31,42,47,.07);
  overflow:hidden;
}
.w-brand-logo-wrap img{
  display:block;
  max-width:76%;
  max-height:60px;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:
    grayscale(100%)
    contrast(1.12)
    drop-shadow(0 2px 1px rgba(255,255,255,.75))
    drop-shadow(0 5px 6px rgba(31,40,44,.18));
  transition:transform .2s ease,filter .2s ease;
}
.w-brand-real:hover .w-brand-logo-wrap img{
  transform:translateY(-2px) scale(1.04);
  filter:
    grayscale(35%)
    contrast(1.08)
    drop-shadow(0 3px 1px rgba(255,255,255,.8))
    drop-shadow(0 8px 8px rgba(31,40,44,.20));
}
.w-brand-real strong{font-size:14px;letter-spacing:.8px;color:#1c2428}
.w-brand-real small{color:#657177}
.w-brand-real:focus-visible{outline:3px solid rgba(34,46,51,.22);outline-offset:3px}

/* one real banner instead of the previous fake illustration blocks */
.w-premium-banner-section{padding:28px 0 34px}
.w-premium-image-banner{
  display:block;
  position:relative;
  border-radius:24px;
  overflow:hidden;
  border:1px solid #adb8bd;
  box-shadow:0 22px 48px rgba(21,30,34,.16);
  background:#1a2226;
}
.w-premium-image-banner:after{
  content:"";
  position:absolute;inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.16);
  border-radius:inherit;
  pointer-events:none;
}
.w-premium-image-banner img{
  width:100%;
  display:block;
  aspect-ratio:3.15/1;
  object-fit:cover;
  object-position:center;
  transition:transform .35s ease;
}
.w-premium-image-banner:hover img{transform:scale(1.012)}

@media(max-width:760px){
  .w-brand-real-grid{
    display:flex;
    overflow-x:auto;
    gap:10px;
    padding-bottom:8px;
    scroll-snap-type:x proximity;
  }
  .w-brand-real{
    flex:0 0 145px;
    min-height:142px;
    scroll-snap-align:start;
    padding:12px 10px;
  }
  .w-brand-logo-wrap{height:66px;border-radius:14px}
  .w-brand-logo-wrap img{max-height:46px;max-width:80%}
  .w-premium-banner-section{padding:18px 0 24px}
  .w-premium-image-banner{border-radius:17px}
  .w-premium-image-banner img{
    aspect-ratio:1.45/1;
    object-position:center;
  }
}


/* =========================================================
   WUSATA V3.7 — MOBILE BRAND + APPROVED BANNER POLISH
   Baseline: V3.5 Real Brands + New Banner
   ========================================================= */

/* Mobile artwork is hidden on desktop. Approved V3.5 banner remains untouched. */
.w-premium-mobile-banner{display:none}

@media (max-width:760px){

  /* ----- Brands: compact premium horizontal rail ----- */
  .w-brand-showcase{
    padding:22px 0 8px;
    overflow:hidden;
  }

  .w-brand-head{
    margin-bottom:14px;
    align-items:flex-end;
  }

  .w-brand-head h2{
    font-size:27px;
    line-height:1.22;
    margin-top:5px;
    max-width:310px;
  }

  .w-brand-head h2 br{display:none}
  .w-brand-head .w-subtle{font-size:11px}
  .w-brand-all{display:none}

  .w-brand-real-grid{
    display:flex !important;
    grid-template-columns:none !important;
    gap:10px;
    overflow-x:auto;
    overflow-y:hidden;
    padding:3px 2px 12px;
    margin:0;
    scroll-snap-type:x proximity;
    scroll-padding-inline:2px;
    overscroll-behavior-inline:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .w-brand-real-grid::-webkit-scrollbar{display:none}

  .w-brand-real{
    flex:0 0 clamp(116px,38vw,132px) !important;
    min-width:0 !important;
    width:auto !important;
    min-height:136px !important;
    border-radius:18px;
    padding:11px 9px 10px !important;
    scroll-snap-align:start;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.98),
      0 9px 20px rgba(20,30,35,.08);
  }

  .w-brand-logo-wrap{
    height:63px !important;
    margin-bottom:8px;
    border-radius:15px;
  }

  .w-brand-logo-wrap img{
    max-height:43px !important;
    max-width:82% !important;
  }

  .w-brand-real strong{
    font-size:11px !important;
    line-height:1.2;
    letter-spacing:.35px;
  }

  .w-brand-real small{
    font-size:9px !important;
    margin-top:3px;
  }

  /* ----- Approved banner: dedicated mobile composition ----- */
  .w-premium-banner-section{
    padding:10px 0 25px !important;
  }

  .w-premium-image-banner{
    display:none !important;
  }

  .w-premium-mobile-banner{
    display:block;
    position:relative;
    min-height:370px;
    overflow:hidden;
    border-radius:21px;
    border:1px solid #7d898f;
    background:
      radial-gradient(circle at 75% 55%,rgba(100,116,124,.42),transparent 43%),
      linear-gradient(145deg,#10171b,#242f35 55%,#11191d);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.15),
      0 18px 38px rgba(15,23,27,.17);
    color:#fff;
    text-decoration:none;
  }

  .w-premium-mobile-banner:before{
    content:"";
    position:absolute;
    inset:0;
    z-index:1;
    background:
      linear-gradient(180deg,rgba(9,14,17,.96) 0%,rgba(9,14,17,.88) 39%,rgba(9,14,17,.22) 62%,rgba(9,14,17,0) 78%);
    pointer-events:none;
  }

  .w-premium-mobile-copy{
    position:relative;
    z-index:3;
    padding:23px 21px 0;
    text-align:right;
  }

  .w-premium-mobile-copy span{
    display:block;
    font-size:9px;
    font-weight:900;
    letter-spacing:1.45px;
    color:#bac5ca;
    direction:ltr;
    text-align:right;
  }

  .w-premium-mobile-copy h3{
    margin:8px 0 7px;
    color:#fff;
    font-size:28px;
    line-height:1.22;
    font-weight:950;
  }

  .w-premium-mobile-copy p{
    margin:0;
    max-width:290px;
    color:#e0e6e9;
    font-size:11px;
    line-height:1.8;
  }

  .w-premium-mobile-copy b{
    display:inline-flex;
    margin-top:12px;
    padding:9px 13px;
    border-radius:10px;
    border:1px solid rgba(255,255,255,.42);
    background:rgba(7,12,15,.55);
    color:#fff;
    font-size:11px;
    font-weight:900;
    backdrop-filter:blur(6px);
  }

  .w-premium-mobile-banner > img{
    position:absolute;
    z-index:0;
    right:-5%;
    bottom:0;
    width:112%;
    height:215px;
    object-fit:cover;
    object-position:58% center;
    display:block;
  }

  .w-premium-mobile-banner:after{
    content:"";
    position:absolute;
    inset:0;
    z-index:4;
    border-radius:inherit;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
    pointer-events:none;
  }
}

@media (max-width:380px){
  .w-brand-head h2{font-size:24px}
  .w-brand-real{flex-basis:116px !important}
  .w-premium-mobile-banner{min-height:350px}
  .w-premium-mobile-copy h3{font-size:25px}
  .w-premium-mobile-banner > img{height:200px}
}

@media (max-width:340px){
  .w-brand-real{flex-basis:108px !important}
  .w-brand-logo-wrap{height:57px !important}
  .w-premium-mobile-copy{padding-inline:17px}
}


/* =========================================================
   WUSATA V3.8 — MOBILE FIT POLISH
   Fixes from real-device preview screenshots:
   - tighter brand heading
   - 3+ brand cards visible
   - shorter cards
   - softer banner transition / no hard image edge
   - smaller banner typography
   ========================================================= */
@media (max-width:760px){

  .w-brand-showcase{
    padding:16px 0 6px !important;
  }

  .w-brand-head{
    display:block !important;
    margin-bottom:10px !important;
  }

  .w-brand-head h2{
    font-size:23px !important;
    line-height:1.18 !important;
    max-width:100% !important;
    margin:3px 0 0 !important;
    letter-spacing:-.2px;
  }

  .w-brand-head h2 br{display:none !important}

  .w-brand-head .w-subtle{
    font-size:10px !important;
    line-height:1.4;
  }

  .w-brand-real-grid{
    direction:rtl;
    gap:8px !important;
    padding:2px 0 10px !important;
    margin-inline:-1px !important;
  }

  .w-brand-real{
    flex:0 0 clamp(100px,29vw,112px) !important;
    min-height:116px !important;
    border-radius:16px !important;
    padding:9px 8px 8px !important;
  }

  .w-brand-logo-wrap{
    height:52px !important;
    margin-bottom:6px !important;
    border-radius:13px !important;
  }

  .w-brand-logo-wrap img{
    max-height:36px !important;
    max-width:80% !important;
  }

  .w-brand-real strong{
    font-size:10px !important;
    line-height:1.15 !important;
    letter-spacing:.1px !important;
  }

  .w-brand-real small{
    font-size:8.5px !important;
    margin-top:2px !important;
    line-height:1.2 !important;
  }

  .w-premium-banner-section{
    padding:8px 0 22px !important;
  }

  .w-premium-mobile-banner{
    min-height:348px !important;
    border-radius:19px !important;
  }

  .w-premium-mobile-banner:before{
    background:
      linear-gradient(
        180deg,
        rgba(9,14,17,.97) 0%,
        rgba(9,14,17,.93) 42%,
        rgba(9,14,17,.63) 57%,
        rgba(9,14,17,.18) 72%,
        rgba(9,14,17,0) 100%
      ) !important;
  }

  .w-premium-mobile-copy{
    padding:18px 17px 0 !important;
  }

  .w-premium-mobile-copy span{
    font-size:8px !important;
    letter-spacing:1.2px !important;
  }

  .w-premium-mobile-copy h3{
    font-size:24px !important;
    line-height:1.2 !important;
    margin:7px 0 6px !important;
  }

  .w-premium-mobile-copy p{
    font-size:10.5px !important;
    line-height:1.65 !important;
    max-width:270px !important;
  }

  .w-premium-mobile-copy b{
    margin-top:9px !important;
    padding:8px 11px !important;
    font-size:10px !important;
    border-radius:9px !important;
  }

  .w-premium-mobile-banner > img{
    height:195px !important;
    width:108% !important;
    right:-4% !important;
    object-position:58% center !important;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.30) 9%,#000 24%,#000 100%);
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.30) 9%,#000 24%,#000 100%);
  }
}

@media (max-width:390px){
  .w-brand-real{
    flex-basis:102px !important;
    min-height:112px !important;
  }
  .w-brand-logo-wrap{height:49px !important}
  .w-brand-head h2{font-size:22px !important}

  .w-premium-mobile-banner{
    min-height:334px !important;
  }
  .w-premium-mobile-copy h3{
    font-size:22px !important;
  }
  .w-premium-mobile-banner > img{
    height:185px !important;
  }
}

@media (max-width:340px){
  .w-brand-real{
    flex-basis:96px !important;
    min-height:108px !important;
  }
  .w-brand-logo-wrap{height:46px !important}
  .w-premium-mobile-copy h3{font-size:21px !important}
}


/* =========================================================
   WUSATA V3.9 — FINAL MOBILE POLISH
   Real-device fixes only. Desktop unchanged.
   ========================================================= */
@media (max-width:760px){

  /* 1) Brand title: compact, clean two-line lockup */
  .w-brand-head h2{
    font-size:20px !important;
    line-height:1.22 !important;
    max-width:285px !important;
    margin:3px 0 0 !important;
    letter-spacing:0 !important;
  }

  .w-brand-head h2 br{
    display:block !important;
  }

  /* 2) Close the dead space between banner and WUSATA experience */
  .w-premium-banner-section{
    padding-bottom:10px !important;
  }

  .w-premium-banner-section + .w-section{
    padding-top:12px !important;
  }

  .w-premium-banner-section + .w-section .w-section-head{
    margin-top:0 !important;
  }

  /* 3) True clearance above the fixed mobile navigation */
  body{
    padding-bottom:calc(92px + env(safe-area-inset-bottom)) !important;
  }

  main{
    padding-bottom:calc(110px + env(safe-area-inset-bottom)) !important;
  }

  .w-footer{
    padding-bottom:calc(100px + env(safe-area-inset-bottom)) !important;
  }

  .w-mobile-nav{
    padding-bottom:env(safe-area-inset-bottom) !important;
  }

  #vehicle,
  #systems,
  #matching,
  #vin{
    scroll-margin-bottom:120px !important;
  }
}

@media (max-width:390px){
  .w-brand-head h2{
    font-size:19px !important;
    max-width:265px !important;
  }

  .w-premium-banner-section + .w-section{
    padding-top:10px !important;
  }
}


/* =========================================================
   WUSATA V4.0 — LAYOUT CLEANUP
   Desktop spacing + HTML integrity.
   Mobile V3.9 visual design remains unchanged.
   ========================================================= */
@media (min-width:761px){

  .w-hero{
    padding-bottom:20px !important;
  }

  .w-brand-showcase{
    padding-top:22px !important;
    padding-bottom:10px !important;
  }

  .w-brand-head{
    margin-bottom:14px !important;
  }

  .w-premium-banner-section{
    padding-top:18px !important;
    padding-bottom:20px !important;
  }

  .w-premium-banner-section + .w-section{
    padding-top:34px !important;
    padding-bottom:42px !important;
  }

  .w-premium-banner-section + .w-section .w-section-head{
    margin-bottom:20px !important;
  }

  .w-premium-banner-section + .w-section .w-value-grid{
    margin-top:20px !important;
  }

  #systems.w-section,
  #matching.w-section,
  #vin.w-section{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }
}


/* =========================================================
   WUSATA V4.1 — HEADER + SECTION POLISH
   Based on real desktop/mobile preview screenshots.
   Approved brands + banner remain unchanged.
   ========================================================= */

/* Header: no content bleed while sticky; make supplied Wusata logo readable */
.w-header{
  background:#eef1f2 !important;
  border-bottom:1px solid #c3ccd0 !important;
  box-shadow:0 7px 22px rgba(25,35,40,.08) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.w-header .w-brand{
  isolation:isolate;
}

.w-header .w-logo-img{
  mix-blend-mode:normal !important;
  opacity:1 !important;
  filter:none !important;
  background:#0d1214 !important;
  border:1px solid #aab5ba !important;
  border-radius:12px !important;
  padding:3px !important;
  box-shadow:0 5px 14px rgba(19,28,32,.13) !important;
}

.w-header .custom-logo-link{
  background:#0d1214 !important;
  border:1px solid #aab5ba !important;
  box-shadow:0 5px 14px rgba(19,28,32,.13) !important;
}

.w-header .custom-logo{
  opacity:1 !important;
  mix-blend-mode:normal !important;
  filter:none !important;
}

/* System cards: light automotive instrument-panel treatment */
.w-system{
  position:relative !important;
  isolation:isolate;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  min-height:112px;
  padding:20px 22px !important;
  background:
    radial-gradient(circle at 15% 15%,rgba(255,255,255,.98),transparent 34%),
    linear-gradient(145deg,#fbfcfc 0%,#eef2f3 56%,#e2e7e9 100%) !important;
  border:1px solid #bcc7cc !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.95),
    0 9px 22px rgba(25,35,40,.065) !important;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease !important;
}

.w-system:before{
  width:120px !important;
  height:120px !important;
  left:-34px !important;
  top:-44px !important;
  border:1px solid rgba(99,114,121,.11) !important;
  background:radial-gradient(circle,rgba(255,255,255,.48),transparent 68%);
}

.w-system:after{
  content:attr(data-icon);
  position:relative;
  z-index:2;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:15px;
  display:grid;
  place-items:center;
  font-size:23px;
  line-height:1;
  color:#344047;
  background:
    radial-gradient(circle at 35% 25%,#fff 0 12%,#edf1f2 42%,#d5dde0 100%);
  border:1px solid #b4c0c5;
  box-shadow:
    inset 0 1px 0 #fff,
    0 5px 12px rgba(26,36,41,.10);
}

.w-system > span{
  position:relative;
  z-index:2;
}

.w-system:hover{
  transform:translateY(-3px) !important;
  border-color:#8e9ba1 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    0 15px 30px rgba(25,35,40,.11) !important;
}

/* Desktop rhythm: remove the remaining large vertical gaps */
@media (min-width:761px){
  #systems.w-section{
    padding-top:34px !important;
    padding-bottom:32px !important;
  }

  #matching.w-section{
    padding-top:30px !important;
    padding-bottom:34px !important;
  }

  #vin.w-section{
    padding-top:32px !important;
    padding-bottom:36px !important;
  }

  #matching .w-section-head,
  #vin .w-section-head{
    margin-bottom:18px !important;
  }
}

/* Mobile: preserve V3.9 layout, only scale new system mark */
@media (max-width:820px){
  .w-header{
    background:#f1f3f4 !important;
  }

  .w-header .w-logo-img{
    border-radius:9px !important;
    padding:2px !important;
  }

  .w-system{
    min-height:68px !important;
    padding:9px 10px !important;
    gap:8px !important;
  }

  .w-system:after{
    flex-basis:34px;
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:17px;
  }

  .w-system > span{
    font-size:12.5px;
    line-height:1.3;
  }
}

@media (max-width:340px){
  .w-system:after{
    flex-basis:30px;
    width:30px;
    height:30px;
    font-size:15px;
  }
  .w-system > span{font-size:11.5px}
}


/* =========================================================
   WUSATA V4.2 — ICON + HEADER MICRO POLISH
   No layout changes. Approved brands/banner remain untouched.
   ========================================================= */

/* Slightly softer logo backing while keeping it readable */
.w-header .w-logo-img,
.w-header .custom-logo-link{
  background:linear-gradient(145deg,#20282c 0%,#11171a 72%,#0b0f11 100%) !important;
  border:1px solid #6f7d83 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 4px 10px rgba(17,25,29,.10) !important;
}

.w-header .w-logo-img{
  border-radius:10px !important;
  padding:2px !important;
}

.w-header .custom-logo-link{
  border-radius:10px !important;
}

/* Hide the old unicode icon from V4.1 */
.w-system:after{
  display:none !important;
  content:none !important;
}

/* Unified automotive line icons */
.w-system-icon{
  position:relative;
  z-index:2;
  flex:0 0 48px;
  width:48px;
  height:48px;
  border-radius:14px;
  display:grid;
  place-items:center;
  color:#354248;
  background:
    radial-gradient(circle at 35% 22%,#fff 0 13%,#eef2f3 45%,#d8e0e3 100%);
  border:1px solid #b4c0c5;
  box-shadow:
    inset 0 1px 0 #fff,
    0 5px 12px rgba(26,36,41,.09);
  transition:transform .2s ease,color .2s ease,border-color .2s ease;
}

.w-system-icon svg{
  width:25px;
  height:25px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.w-system:hover .w-system-icon{
  color:#20292e;
  border-color:#8f9ca2;
  transform:translateY(-1px);
}

@media (max-width:820px){
  .w-system-icon{
    flex-basis:34px;
    width:34px;
    height:34px;
    border-radius:10px;
  }

  .w-system-icon svg{
    width:19px;
    height:19px;
    stroke-width:1.8;
  }

  .w-header .w-logo-img{
    border-radius:8px !important;
    padding:1px !important;
  }
}

@media (max-width:340px){
  .w-system-icon{
    flex-basis:30px;
    width:30px;
    height:30px;
  }
  .w-system-icon svg{
    width:17px;
    height:17px;
  }
}


/* =========================================================
   WUSATA V4.3 — MOBILE FOOTER CLEANUP
   Fixes the real-device blank area after VIN and keeps the
   fixed bottom navigation from covering footer content.
   Desktop / brands / banner / systems remain unchanged.
   ========================================================= */
@media (max-width:760px){

  /* Remove stacked legacy clearances that created the large blank area */
  body{
    padding-bottom:calc(68px + env(safe-area-inset-bottom)) !important;
  }

  main{
    padding-bottom:0 !important;
    margin-bottom:0 !important;
  }

  main:after,
  main::after{
    content:none !important;
    display:none !important;
    height:0 !important;
    min-height:0 !important;
  }

  /* VIN should finish naturally and hand off directly to the footer */
  #vin.w-section,
  #vin.w-section.alt{
    padding-bottom:14px !important;
    margin-bottom:0 !important;
  }

  #vin .container,
  #vin .w-vin-panel{
    margin-bottom:0 !important;
  }

  /* Compact mobile footer */
  .w-footer{
    margin-top:0 !important;
    min-height:0 !important;
    padding:20px 0 calc(82px + env(safe-area-inset-bottom)) !important;
    background:#d7dde0 !important;
    border-top:1px solid #bdc6ca !important;
  }

  .w-footer-grid{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:14px 18px !important;
    align-items:start !important;
  }

  .w-footer-grid > div:first-child{
    grid-column:1 / -1 !important;
    padding-bottom:10px !important;
    border-bottom:1px solid rgba(78,92,99,.16);
  }

  .w-footer .w-wordmark{
    display:block;
    font-size:20px !important;
    line-height:1.1 !important;
    letter-spacing:2.2px !important;
    margin:0 0 7px !important;
  }

  .w-footer .custom-logo-link{
    display:inline-flex !important;
    width:auto !important;
    max-width:112px !important;
    padding:0 !important;
    margin:0 0 7px !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
  }

  .w-footer .custom-logo{
    width:auto !important;
    max-width:112px !important;
    max-height:44px !important;
    object-fit:contain !important;
  }

  .w-footer strong{
    font-size:11.5px !important;
    color:#273238 !important;
  }

  .w-footer p,
  .w-footer a{
    margin:5px 0 0 !important;
    font-size:10.5px !important;
    line-height:1.65 !important;
    color:#59666c !important;
  }

  /* Bottom nav gets one predictable height and stays above all content */
  .w-mobile-nav{
    min-height:62px !important;
    padding:5px 4px calc(5px + env(safe-area-inset-bottom)) !important;
    background:rgba(239,242,243,.985) !important;
    border-top:1px solid #bfc8cc !important;
    box-shadow:0 -7px 22px rgba(20,30,35,.10) !important;
  }

  .w-mobile-nav a{
    padding:5px 2px 4px !important;
  }

  /* Anchor targets remain visible above the fixed nav */
  #vehicle,
  #systems,
  #matching,
  #vin{
    scroll-margin-bottom:78px !important;
  }
}

@media (max-width:390px){
  .w-footer{
    padding-top:17px !important;
  }

  .w-footer-grid{
    gap:12px 14px !important;
  }

  .w-footer p,
  .w-footer a{
    font-size:10px !important;
  }
}


/* =========================================================
   WUSATA V4.4 — MOBILE FOOTER MICRO POLISH
   Compact footer spacing only. No layout changes elsewhere.
   ========================================================= */
@media (max-width:760px){

  /* Slightly tighter handoff from VIN to footer */
  #vin.w-section,
  #vin.w-section.alt{
    padding-bottom:10px !important;
  }

  /* More compact footer block */
  .w-footer{
    padding:15px 0 calc(76px + env(safe-area-inset-bottom)) !important;
  }

  .w-footer-grid{
    grid-template-columns:1fr 1fr !important;
    gap:10px 16px !important;
  }

  /* Brand intro */
  .w-footer-grid > div:first-child{
    padding-bottom:7px !important;
    margin-bottom:2px !important;
  }

  .w-footer .w-wordmark{
    font-size:18px !important;
    line-height:1 !important;
    letter-spacing:1.9px !important;
    margin-bottom:5px !important;
  }

  .w-footer .custom-logo-link{
    max-width:102px !important;
    margin-bottom:5px !important;
  }

  .w-footer .custom-logo{
    max-width:102px !important;
    max-height:38px !important;
  }

  .w-footer strong{
    display:block;
    margin-bottom:4px !important;
    font-size:10.8px !important;
    line-height:1.3 !important;
  }

  .w-footer p,
  .w-footer a{
    margin:2px 0 0 !important;
    font-size:9.8px !important;
    line-height:1.55 !important;
  }

  /* Keep the two link columns visually aligned */
  .w-footer-grid > div:not(:first-child){
    padding-top:1px !important;
  }

  /* Bottom nav slightly leaner while retaining safe clearance */
  .w-mobile-nav{
    min-height:60px !important;
    padding-top:4px !important;
    padding-bottom:calc(4px + env(safe-area-inset-bottom)) !important;
  }

  .w-mobile-nav a{
    padding:4px 2px 3px !important;
    line-height:1.15 !important;
  }

  body{
    padding-bottom:calc(64px + env(safe-area-inset-bottom)) !important;
  }
}

@media (max-width:390px){
  .w-footer{
    padding-top:13px !important;
  }

  .w-footer-grid{
    gap:9px 12px !important;
  }

  .w-footer p,
  .w-footer a{
    font-size:9.4px !important;
  }
}


/* =========================================================
   WUSATA V5.0 — PLATFORM CORE FLOW
   Results / product / cart / checkout / garage
   ========================================================= */
.w-browse-car{display:none;align-items:center;justify-content:center}
.w-system[role="link"]{cursor:pointer}
.w-system[role="link"]:focus-visible{outline:3px solid rgba(45,57,63,.18);outline-offset:3px}

/* Shared saved-vehicle context */
.w-context-bar{
 display:flex;align-items:center;justify-content:space-between;gap:16px;
 background:rgba(250,251,251,.96);border:1px solid var(--line);
 border-radius:16px;padding:12px 15px;box-shadow:var(--shadow-sm)
}
.w-context-bar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.w-context-bar strong{font-size:15px}
.w-context-bar a{font-size:12px;font-weight:900;color:#536168;border-bottom:1px solid #9da9ae}

/* Results */
.w-results-page{min-height:70vh}
.w-results-hero{padding:28px 0 22px;background:linear-gradient(180deg,#edf1f2,#e4e9eb)}
.w-results-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:25px}
.w-results-title h1{font-size:clamp(38px,5vw,66px);line-height:1.05;margin:8px 0 12px}
.w-results-title p{max-width:740px;color:var(--muted);font-size:16px}
.w-results-trust{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:480px}
.w-results-trust span{border:1px solid #c1c9cd;background:#f8f9f9;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}
.w-parts-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:22px;max-width:880px}
.w-parts-search input{height:54px;border:1px solid #bcc6ca;border-radius:15px;background:#fff;padding:0 17px;font-size:15px;outline:none;box-shadow:var(--shadow-sm)}
.w-parts-search input:focus{border-color:#87959b;box-shadow:0 0 0 3px rgba(61,76,83,.08)}
.w-parts-search .w-btn{min-width:120px}
.w-results-content{padding-top:28px}
.w-category-rail{display:flex;gap:8px;overflow:auto;padding:2px 1px 12px;scrollbar-width:none}
.w-category-rail::-webkit-scrollbar{display:none}
.w-category-rail a{flex:0 0 auto;border:1px solid #c5cdd1;background:#f7f8f8;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;color:#4d5a60}
.w-category-rail a.active{background:#20282c;color:#fff;border-color:#20282c}
.w-results-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:15px 0 18px}
.w-results-toolbar h2{font-size:28px;margin:3px 0}
.w-results-toolbar p{margin:0;color:var(--muted);font-size:12px}
.w-sort-form select,.w-woo-ordering select{height:44px;border:1px solid #c1cacf;border-radius:12px;background:#fff;color:#263036;padding:0 12px;font-weight:800}
.w-pagination{display:flex;justify-content:center;gap:6px;margin-top:26px;flex-wrap:wrap}
.w-pagination .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid #c5cdd1;background:#fff;font-size:12px;font-weight:900}
.w-pagination .current{background:#20282c;color:#fff}
.w-empty-state{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center;box-shadow:var(--shadow-sm)}
.w-empty-state strong{display:block;font-size:22px}.w-empty-state p{color:var(--muted)}

/* Product cards */
.w-product-card{display:flex!important;flex-direction:column;overflow:hidden;min-width:0}
.w-product-media{display:block!important;aspect-ratio:1/1!important;background:linear-gradient(145deg,#f7f8f8,#e8ecee)!important}
.w-product-media img{object-fit:contain!important;padding:9px}
.w-product-card-body{display:flex;flex:1;flex-direction:column}
.w-product-card h3{min-height:46px;font-size:15px!important}
.w-product-meta{display:flex;justify-content:space-between;gap:8px;color:#667278;font-size:10px;margin-bottom:8px}
.w-product-bottom{margin-top:auto}
.w-product-actions{grid-template-columns:1fr auto!important}
.w-add-mini{width:44px;padding-inline:0!important;text-align:center}
.w-product-card .price,.w-product-card .w-price{font-size:20px!important}

/* Product detail */
.w-product-topbar{padding:18px 0 0}
.single-product .woocommerce div.product{
 display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)!important;
 gap:30px!important;padding:24px!important
}
.single-product .woocommerce div.product .woocommerce-product-gallery,
.single-product .woocommerce div.product .summary{width:auto!important;float:none!important;margin:0!important}
.single-product .woocommerce div.product .woocommerce-product-gallery{background:#eef2f3;border-radius:18px;padding:15px}
.single-product .woocommerce div.product .product_title{font-size:32px;line-height:1.3;margin-bottom:12px}
.single-product .woocommerce div.product p.price{font-size:28px!important;color:#172024!important;font-weight:900}
.single-product .woocommerce-product-details__short-description{color:var(--muted)}
.single-product .woocommerce div.product form.cart{display:flex;gap:10px;align-items:center;margin-top:18px}
.single-product .woocommerce div.product form.cart .quantity .qty{height:48px;border-radius:12px;border:1px solid #c4cdd1}
.w-product-match-panel{margin-top:18px;border:1px solid #b9c4c9;border-radius:18px;background:linear-gradient(145deg,#f7f9f9,#e4e9eb);padding:17px}
.w-product-match-panel strong{display:block;font-size:18px;margin:3px 0}.w-product-match-panel p{margin:0;color:var(--muted);font-size:12px}
.w-match-checks{display:grid;gap:7px;margin-top:12px}.w-match-checks span{background:#fff;border:1px solid #cad2d6;border-radius:11px;padding:8px 10px;font-size:11px;font-weight:800}

/* Cart / checkout */
.w-checkout-context{background:linear-gradient(145deg,#f7f8f8,#e5eaec);border:1px solid #bcc7cc;border-radius:18px;padding:16px;margin:0 0 18px;box-shadow:var(--shadow-sm)}
.w-checkout-context strong{display:block;font-size:18px;margin:3px 0}.w-checkout-context p{margin:0;color:var(--muted);font-size:12px}
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{max-width:1200px;margin:auto}
.woocommerce table.shop_table{border:1px solid #c9d1d5!important;border-radius:16px!important;background:#fff!important;overflow:hidden}
.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:13px!important}
.woocommerce .cart_totals,.woocommerce-checkout #order_review,.woocommerce-checkout .col2-set{
 background:#fff;border:1px solid #c9d1d5;border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)
}
.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%!important}
.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:auto!important;float:none!important}
.woocommerce form .form-row{margin-bottom:10px}

/* Garage / account */
.w-garage-page h1{font-size:46px;margin:6px 0}
.w-garage{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.w-garage-card{display:flex;flex-direction:column;gap:8px;min-height:210px}
.w-garage-card>strong{font-size:21px}.w-garage-card .w-btn{margin-top:auto;text-align:center}
.w-order-mini-list{display:grid;gap:7px;margin-top:6px}
.w-order-mini-list a{display:flex;justify-content:space-between;gap:10px;border:1px solid #d0d7da;background:#f7f8f8;border-radius:11px;padding:9px;font-size:11px}
.w-order-mini-list span{color:#5d696f}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;padding:0;margin:0;display:flex;gap:7px;flex-wrap:wrap}
.woocommerce-account .woocommerce-MyAccount-navigation a{display:block;border:1px solid #c7d0d4;background:#fff;border-radius:11px;padding:9px 12px;font-weight:800}
.woocommerce-account .woocommerce-MyAccount-content{margin-top:16px}
.w-match-timeline{margin-top:20px;background:#fff;border:1px solid #c8d1d5;border-radius:18px;padding:18px}
.w-match-timeline>strong{display:block;font-size:20px;margin:4px 0 12px}
.w-timeline-steps{display:flex;gap:6px;flex-wrap:wrap}
.w-timeline-steps span{font-size:10px;border:1px solid #d0d7da;background:#f6f8f8;border-radius:999px;padding:6px 9px}
.w-timeline-steps span.active{background:#20282c;color:#fff;border-color:#20282c}

@media(max-width:900px){
 .single-product .woocommerce div.product{grid-template-columns:1fr!important}
 .woocommerce-checkout .col2-set{grid-template-columns:1fr}
 .w-garage{grid-template-columns:1fr 1fr!important}
}
@media(max-width:760px){
 .w-context-bar{padding:10px 11px;border-radius:13px}.w-context-bar>div{display:block}.w-context-bar strong{display:block;font-size:12px}.w-context-bar a{font-size:10px}
 .w-results-hero{padding:15px 0}.w-results-title{display:block;margin-top:16px}.w-results-title h1{font-size:32px}.w-results-title p{font-size:12px}.w-results-trust{justify-content:flex-start;margin-top:12px}
 .w-parts-search{grid-template-columns:1fr auto;gap:6px;margin-top:14px}.w-parts-search input{height:46px;font-size:12px}.w-parts-search .w-btn{min-width:76px;padding-inline:10px}
 .w-results-toolbar{align-items:flex-start}.w-results-toolbar h2{font-size:21px}.w-sort-form select,.w-woo-ordering select{max-width:135px;font-size:11px}
 .w-product-card h3{min-height:auto!important}.w-product-meta{font-size:9px}.w-product-card .w-price{font-size:16px!important}.w-product-actions{grid-template-columns:1fr!important}.w-add-mini{display:none}
 .single-product .woocommerce div.product{padding:12px!important;border-radius:16px!important}.single-product .woocommerce div.product .product_title{font-size:23px}.single-product .woocommerce div.product p.price{font-size:23px!important}
 .single-product .woocommerce div.product form.cart{position:sticky;bottom:70px;z-index:40;background:rgba(247,249,249,.97);padding:8px;border:1px solid #c5ced2;border-radius:14px;box-shadow:0 8px 25px rgba(20,30,35,.12)}
 .w-product-match-panel{padding:13px}.w-product-match-panel strong{font-size:15px}
 .woocommerce-checkout .col2-set{padding:12px}
 .w-garage{grid-template-columns:1fr!important}.w-garage-card{min-height:auto}
 .w-garage-page h1{font-size:32px}
}
@media(max-width:390px){
 .w-parts-search{grid-template-columns:1fr}.w-parts-search .w-btn{width:100%}
 .w-results-toolbar{display:block}.w-sort-form{margin-top:10px}.w-sort-form select{max-width:none;width:100%}
}


/* V5.1 Vehicle selector resilience */
.w-vehicle-grid select:disabled{opacity:.6;cursor:not-allowed}
.w-brand-row:empty{display:none}


/* =========================================================
   WUSATA V6.0 — FULL PLATFORM BUILD
   ========================================================= */
.w-cart-chip{gap:6px}.w-cart-count{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#20282c;color:#fff;font-size:10px;padding:0 5px}
.w-brand-name-fallback{font-size:15px!important;letter-spacing:.6px}
.w-browse-car{display:none;align-items:center;justify-content:center}
.w-system[role=link]{cursor:pointer}
.w-system[role=link]:focus-visible{outline:3px solid rgba(45,57,63,.18);outline-offset:3px}

.w-context-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(250,251,251,.97);border:1px solid var(--line);border-radius:16px;padding:12px 15px;box-shadow:var(--shadow-sm)}
.w-context-bar>div{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.w-context-bar strong{font-size:15px}.w-context-bar a{font-size:12px;font-weight:900;color:#536168;border-bottom:1px solid #9da9ae}

.w-results-page{min-height:70vh}.w-results-hero{padding:28px 0 22px;background:linear-gradient(180deg,#edf1f2,#e4e9eb)}
.w-results-title{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-top:25px}.w-results-title h1{font-size:clamp(38px,5vw,66px);line-height:1.05;margin:8px 0 12px}.w-results-title p{max-width:740px;color:var(--muted);font-size:16px}
.w-results-trust{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;max-width:480px}.w-results-trust span{border:1px solid #c1c9cd;background:#f8f9f9;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900}
.w-parts-search{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:22px;max-width:900px}.w-parts-search input{height:54px;border:1px solid #bcc6ca;border-radius:15px;background:#fff;padding:0 17px;font-size:15px;outline:none;box-shadow:var(--shadow-sm)}.w-parts-search input:focus{border-color:#87959b;box-shadow:0 0 0 3px rgba(61,76,83,.08)}.w-parts-search .w-btn{min-width:120px}
.w-results-content{padding-top:28px}.w-category-rail{display:flex;gap:8px;overflow:auto;padding:2px 1px 12px;scrollbar-width:none}.w-category-rail::-webkit-scrollbar{display:none}.w-category-rail a{flex:0 0 auto;border:1px solid #c5cdd1;background:#f7f8f8;border-radius:999px;padding:8px 13px;font-size:12px;font-weight:900;color:#4d5a60}.w-category-rail a.active{background:#20282c;color:#fff;border-color:#20282c}
.w-results-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:15px 0 18px}.w-results-toolbar h2{font-size:28px;margin:3px 0}.w-results-toolbar p{margin:0;color:var(--muted);font-size:12px}.w-sort-form select,.w-woo-ordering select{height:44px;border:1px solid #c1cacf;border-radius:12px;background:#fff;color:#263036;padding:0 12px;font-weight:800}
.w-pagination{display:flex;justify-content:center;gap:6px;margin-top:26px;flex-wrap:wrap}.w-pagination .page-numbers{min-width:38px;height:38px;display:grid;place-items:center;border-radius:10px;border:1px solid #c5cdd1;background:#fff;font-size:12px;font-weight:900}.w-pagination .current{background:#20282c;color:#fff}
.w-empty-state{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;text-align:center;box-shadow:var(--shadow-sm)}.w-empty-state strong{display:block;font-size:22px}.w-empty-state p{color:var(--muted)}

.w-product-card{display:flex!important;flex-direction:column;overflow:hidden;min-width:0}.w-product-media{display:block!important;aspect-ratio:1/1!important;background:linear-gradient(145deg,#f7f8f8,#e8ecee)!important}.w-product-media img{object-fit:contain!important;padding:9px}.w-product-card-body{display:flex;flex:1;flex-direction:column}.w-product-card h3{min-height:46px;font-size:15px!important}.w-product-meta{display:flex;justify-content:space-between;gap:8px;color:#667278;font-size:10px;margin-bottom:8px}.w-product-bottom{margin-top:auto}.w-product-actions{grid-template-columns:1fr auto!important}.w-add-mini{width:44px;padding-inline:0!important;text-align:center}.w-product-card .price,.w-product-card .w-price{font-size:20px!important}
.w-fit-matched{background:#e9f1ec!important;border-color:#aebfb4!important;color:#263e2d!important}.w-fit-review{background:#f2f0e8!important;border-color:#c9c1a7!important}.w-fit-vehicle-needed{background:#edf0f2!important}

.w-product-topbar{padding:18px 0 0}.single-product .woocommerce div.product{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr)!important;gap:30px!important;padding:24px!important}.single-product .woocommerce div.product .woocommerce-product-gallery,.single-product .woocommerce div.product .summary{width:auto!important;float:none!important;margin:0!important}.single-product .woocommerce div.product .woocommerce-product-gallery{background:#eef2f3;border-radius:18px;padding:15px}.single-product .woocommerce div.product .product_title{font-size:32px;line-height:1.3;margin-bottom:12px}.single-product .woocommerce div.product p.price{font-size:28px!important;color:#172024!important;font-weight:900}.single-product .woocommerce-product-details__short-description{color:var(--muted)}.single-product .woocommerce div.product form.cart{display:flex;gap:10px;align-items:center;margin-top:18px}
.w-product-match-panel{margin-top:18px;border:1px solid #b9c4c9;border-radius:18px;background:linear-gradient(145deg,#f7f9f9,#e4e9eb);padding:17px}.w-product-match-panel strong{display:block;font-size:18px;margin:3px 0}.w-product-match-panel p{margin:0;color:var(--muted);font-size:12px}.w-match-checks{display:grid;gap:7px;margin-top:12px}.w-match-checks span{background:#fff;border:1px solid #cad2d6;border-radius:11px;padding:8px 10px;font-size:11px;font-weight:800}

.w-checkout-context{background:linear-gradient(145deg,#f7f8f8,#e5eaec);border:1px solid #bcc7cc;border-radius:18px;padding:16px;margin:0 0 18px;box-shadow:var(--shadow-sm)}.w-checkout-context strong{display:block;font-size:18px;margin:3px 0}.w-checkout-context p{margin:0;color:var(--muted);font-size:12px}
.woocommerce-cart .woocommerce,.woocommerce-checkout .woocommerce,.woocommerce-account .woocommerce{max-width:1200px;margin:auto}.woocommerce table.shop_table{border:1px solid #c9d1d5!important;border-radius:16px!important;background:#fff!important;overflow:hidden}.woocommerce table.shop_table th,.woocommerce table.shop_table td{padding:13px!important}
.woocommerce .cart_totals,.woocommerce-checkout #order_review,.woocommerce-checkout .col2-set{background:#fff;border:1px solid #c9d1d5;border-radius:18px;padding:18px;box-shadow:var(--shadow-sm)}.woocommerce-checkout .col2-set{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%!important}.woocommerce-checkout .col2-set .col-1,.woocommerce-checkout .col2-set .col-2{width:auto!important;float:none!important}.woocommerce form .form-row{margin-bottom:10px}

.w-garage-page .w-results-hero h1{font-size:54px;margin:8px 0}.w-garage{display:grid!important;grid-template-columns:1.2fr 1fr 1fr!important;gap:14px}.w-garage-card{display:flex;flex-direction:column;gap:8px;min-height:220px}.w-garage-card>strong{font-size:21px}.w-garage-card .w-btn{margin-top:auto;text-align:center}.w-saved-cars{display:grid;gap:7px}.w-saved-car{display:flex;gap:6px;border:1px solid #ccd4d8;background:#f7f8f8;border-radius:11px;padding:5px}.w-saved-car.active{border-color:#65767e;box-shadow:inset 0 0 0 1px #65767e}.w-use-car{flex:1;border:0;background:transparent;text-align:right;font-weight:800;cursor:pointer}.w-remove-car{border:0;background:transparent;font-size:18px;color:#78858b;cursor:pointer}.w-order-mini-list{display:grid;gap:7px}.w-order-mini-list a{display:flex;justify-content:space-between;gap:10px;border:1px solid #d0d7da;background:#f7f8f8;border-radius:11px;padding:9px;font-size:11px}
.w-match-timeline{margin-top:20px;background:#fff;border:1px solid #c8d1d5;border-radius:18px;padding:18px}.w-match-timeline>strong{display:block;font-size:20px;margin:4px 0 12px}.w-timeline-steps{display:flex;gap:6px;flex-wrap:wrap}.w-timeline-steps span{font-size:10px;border:1px solid #d0d7da;background:#f6f8f8;border-radius:999px;padding:6px 9px}.w-timeline-steps span.active{background:#20282c;color:#fff;border-color:#20282c}

@media(max-width:1050px){.w-actions .w-chip:first-child{display:none}}
@media(max-width:900px){.single-product .woocommerce div.product{grid-template-columns:1fr!important}.woocommerce-checkout .col2-set{grid-template-columns:1fr}.w-garage{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){
 .w-context-bar{padding:10px 11px;border-radius:13px}.w-context-bar>div{display:block}.w-context-bar strong{display:block;font-size:12px}.w-context-bar a{font-size:10px}
 .w-results-hero{padding:15px 0}.w-results-title{display:block;margin-top:16px}.w-results-title h1{font-size:32px}.w-results-title p{font-size:12px}.w-results-trust{justify-content:flex-start;margin-top:12px}
 .w-parts-search{grid-template-columns:1fr auto;gap:6px;margin-top:14px}.w-parts-search input{height:46px;font-size:12px}.w-parts-search .w-btn{min-width:76px;padding-inline:10px}
 .w-results-toolbar{align-items:flex-start}.w-results-toolbar h2{font-size:21px}.w-sort-form select,.w-woo-ordering select{max-width:135px;font-size:11px}
 .w-product-card h3{min-height:auto!important}.w-product-meta{font-size:9px}.w-product-card .w-price{font-size:16px!important}.w-product-actions{grid-template-columns:1fr!important}.w-add-mini{display:none}
 .single-product .woocommerce div.product{padding:12px!important;border-radius:16px!important}.single-product .woocommerce div.product .product_title{font-size:23px}.single-product .woocommerce div.product p.price{font-size:23px!important}.single-product .woocommerce div.product form.cart{position:sticky;bottom:70px;z-index:40;background:rgba(247,249,249,.97);padding:8px;border:1px solid #c5ced2;border-radius:14px;box-shadow:0 8px 25px rgba(20,30,35,.12)}
 .w-product-match-panel{padding:13px}.w-product-match-panel strong{font-size:15px}.woocommerce-checkout .col2-set{padding:12px}
 .w-garage{grid-template-columns:1fr!important}.w-garage-card{min-height:auto}.w-garage-page .w-results-hero h1{font-size:34px}
}
@media(max-width:390px){.w-parts-search{grid-template-columns:1fr}.w-parts-search .w-btn{width:100%}.w-results-toolbar{display:block}.w-sort-form{margin-top:10px}.w-sort-form select{max-width:none;width:100%}}


/* =========================================================
   WUSATA V7.0 — REVIEW BUILD
   Customer-safe states + part requests + matching account
   ========================================================= */
.w-smart-empty{max-width:920px;margin:0 auto;padding:42px 28px}
.w-empty-icon{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:18px;background:linear-gradient(145deg,#f8f9f9,#dde4e7);border:1px solid #bac6cb;font-size:28px;color:#354248}
.w-smart-empty strong{font-size:26px}
.w-smart-empty p{max-width:620px;margin:10px auto 18px}
.w-empty-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}

.w-request-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;align-items:start}
.w-request-form,.w-request-aside{background:#fff;border:1px solid #c5ced2;border-radius:22px;padding:22px;box-shadow:var(--shadow-sm)}
.w-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.w-form-grid label{display:block}.w-form-grid label.full{grid-column:1/-1}.w-form-grid label>span{display:block;font-size:12px;font-weight:900;color:#4d5b61;margin-bottom:6px}.w-form-grid small{font-weight:500;color:#7a878c}
.w-form-grid input,.w-form-grid textarea{width:100%;border:1px solid #c3ccd0;background:#f9fafa;border-radius:13px;padding:12px 13px;font:inherit;outline:none;box-sizing:border-box}.w-form-grid input:focus,.w-form-grid textarea:focus{border-color:#78868c;box-shadow:0 0 0 3px rgba(66,81,88,.08)}.w-request-submit{width:100%;margin-top:14px}.w-honeypot{position:absolute!important;left:-9999px!important}
.w-form-status{min-height:0;margin-bottom:0;border-radius:12px;font-size:12px;font-weight:800}.w-form-status.success,.w-form-status.error{padding:10px 12px;margin-bottom:12px}.w-form-status.success{background:#eaf2ed;color:#294132;border:1px solid #b7c9bd}.w-form-status.error{background:#f5eceb;color:#6b3430;border:1px solid #d7b9b6}
.w-request-aside h2{font-size:30px;line-height:1.2;margin:8px 0 18px}.w-request-steps{display:grid;gap:10px}.w-request-steps div{display:grid;grid-template-columns:46px 1fr;gap:10px;align-items:center;background:linear-gradient(145deg,#f8f9f9,#e7ecee);border:1px solid #c8d1d5;border-radius:14px;padding:11px}.w-request-steps b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#20282c;color:#fff}.w-request-steps span{font-size:12px;line-height:1.7;color:#536168}

.w-account-matching>p{color:var(--muted)}.w-matching-order-list{display:grid;gap:9px}.w-matching-order-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #c9d1d5;background:#fff;border-radius:14px;padding:13px 15px}.w-matching-order-list a>div{display:grid}.w-matching-order-list span{font-size:10px;color:#718087}.w-matching-order-list strong{font-size:12px;color:#29343a}

@media(max-width:760px){
 .w-smart-empty{padding:28px 16px}.w-smart-empty strong{font-size:20px}.w-empty-icon{width:52px;height:52px;font-size:23px}
 .w-request-layout{grid-template-columns:1fr}.w-request-form,.w-request-aside{padding:15px;border-radius:17px}.w-form-grid{grid-template-columns:1fr}.w-form-grid label.full{grid-column:auto}.w-request-aside h2{font-size:23px}.w-matching-order-list a{align-items:flex-start}.w-matching-order-list strong{font-size:10px;text-align:left}
}


/* =========================================================
   WUSATA V7.1 — FUNCTIONAL NAVIGATION FIX
   ========================================================= */
a.w-system{
  color:inherit !important;
  text-decoration:none !important;
}
a.w-system:visited,
a.w-system:hover{color:inherit !important}
.w-mode-tabs a.w-tab{
  color:inherit;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}


/* =========================================================
   WUSATA V7.2 — VEHICLE FIRST FLOW
   ========================================================= */
.w-vehicle-gate{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
  gap:22px;
  align-items:stretch;
  background:radial-gradient(circle at 12% 15%,rgba(255,255,255,.95),transparent 32%),linear-gradient(145deg,#f7f9f9,#e3e9eb);
  border:1px solid #bcc7cc;
  border-radius:24px;
  padding:24px;
  box-shadow:0 18px 42px rgba(25,35,40,.09);
}
.w-vehicle-gate-copy{padding:12px 8px;display:flex;flex-direction:column;justify-content:center}
.w-vehicle-gate-copy h2{font-size:42px;line-height:1.08;margin:7px 0 12px}
.w-vehicle-gate-copy p{color:#58666c;font-size:15px;line-height:1.9;max-width:560px}
.w-gate-benefits{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}
.w-gate-benefits span{background:#fff;border:1px solid #c9d2d6;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:900;color:#425058}
.w-gate-selector{background:#fff;border:1px solid #c4cdd1;border-radius:20px;padding:18px;box-shadow:inset 0 1px 0 #fff,0 10px 24px rgba(20,30,35,.06)}
.w-gate-fields{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.w-gate-fields label>span{display:block;font-size:11px;font-weight:900;color:#526068;margin:0 3px 5px}
.w-gate-fields select{width:100%;height:50px;border-radius:13px;border:1px solid #c3ccd0;background:#f9fafa;padding:0 12px;font:inherit;font-weight:800;color:#222c31;outline:none}
.w-gate-fields select:focus{border-color:#7d8c92;box-shadow:0 0 0 3px rgba(58,73,80,.08)}
.w-gate-save{width:100%;min-height:52px;margin-top:13px}
.w-gate-skip{display:block;margin-top:11px;text-align:center;color:#5f6d73;font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}

@media(max-width:1000px){
  .w-vehicle-gate{grid-template-columns:1fr}
  .w-vehicle-gate-copy h2{font-size:34px}
}
@media(max-width:760px){
  .w-vehicle-gate{padding:14px;border-radius:18px;gap:12px}
  .w-vehicle-gate-copy{padding:4px 2px}
  .w-vehicle-gate-copy h2{font-size:26px;margin-bottom:8px}
  .w-vehicle-gate-copy p{font-size:12px;line-height:1.75}
  .w-gate-benefits{gap:5px;margin-top:8px}
  .w-gate-benefits span{font-size:9px;padding:5px 8px}
  .w-gate-selector{padding:12px;border-radius:15px}
  .w-gate-fields{grid-template-columns:1fr;gap:8px}
  .w-gate-fields select{height:46px;font-size:12px}
  .w-gate-save{min-height:48px;font-size:12px}
}


/* =========================================================
   WUSATA V7.3 — CUSTOMER ACCOUNT + FORM POLISH
   ========================================================= */

/* My Account becomes a Wusata dashboard, not default WooCommerce */
.woocommerce-account main.w-section{
  padding-top:26px !important;
  padding-bottom:38px !important;
}

.woocommerce-account main.w-section>.container{
  max-width:1420px;
}

.w-account-shell{
  display:grid;
  gap:18px;
}

.w-account-hero{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:22px;
  padding:24px;
  border:1px solid #bdc8cd;
  border-radius:23px;
  background:
    radial-gradient(circle at 12% 10%,rgba(255,255,255,.94),transparent 36%),
    linear-gradient(145deg,#f5f7f8,#e1e7e9);
  box-shadow:0 16px 38px rgba(27,37,42,.08);
}

.w-account-hero h1{
  margin:5px 0 7px;
  font-size:clamp(38px,4.5vw,62px);
  line-height:1;
}

.w-account-hero p{
  margin:0;
  color:#5d6a70;
  font-size:14px;
}

.w-account-vehicle{
  min-width:310px;
  padding:13px 15px;
  border:1px solid #c4cdd1;
  border-radius:16px;
  background:rgba(255,255,255,.82);
  box-shadow:inset 0 1px 0 #fff;
}

.w-account-vehicle span,
.w-account-vehicle strong,
.w-account-vehicle a{
  display:block;
}

.w-account-vehicle strong{
  margin:3px 0 5px;
  font-size:16px;
}

.w-account-vehicle a{
  width:max-content;
  color:#57656c;
  font-size:11px;
  font-weight:900;
  border-bottom:1px solid #98a4aa;
}

.w-account-layout{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:18px;
  align-items:start;
}

.w-account-sidebar,
.w-account-main{
  border:1px solid #c5ced2;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 30px rgba(25,35,40,.06);
}

.w-account-sidebar{
  padding:10px;
  position:sticky;
  top:92px;
}

.w-account-main{
  min-height:440px;
  padding:20px;
}

.w-account-navigation ul{
  display:grid !important;
  gap:6px !important;
  padding:0 !important;
  margin:0 !important;
  list-style:none !important;
}

.w-account-navigation li{
  margin:0 !important;
}

.w-account-navigation a{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:46px;
  padding:9px 11px !important;
  border:1px solid transparent !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#334047 !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-decoration:none !important;
}

.w-account-navigation a b{
  color:#86949a;
  font-size:13px;
}

.w-account-navigation .is-active a{
  color:#fff !important;
  background:linear-gradient(180deg,#303a3f,#172024) !important;
  border-color:#172024 !important;
  box-shadow:0 7px 16px rgba(24,33,37,.16);
}

.w-account-navigation .is-active a b{
  color:#fff;
}

.w-account-welcome{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:5px 3px 18px;
  border-bottom:1px solid #e0e5e7;
}

.w-account-welcome h2{
  margin:4px 0 5px;
  font-size:30px;
  line-height:1.2;
}

.w-account-welcome p{
  margin:0;
  color:#66747a;
  font-size:12px;
}

.w-account-card-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}

.w-account-card{
  min-height:155px;
  display:flex;
  flex-direction:column;
  padding:17px;
  border:1px solid #c8d1d5;
  border-radius:17px;
  background:
    radial-gradient(circle at 12% 8%,rgba(255,255,255,.96),transparent 38%),
    linear-gradient(145deg,#fafbfb,#e9edef);
}

.w-account-card>strong{
  display:block;
  margin:5px 0 6px;
  font-size:18px;
}

.w-account-card p{
  margin:0;
  color:#657278;
  font-size:11px;
  line-height:1.7;
}

.w-account-card a{
  margin-top:auto;
  padding-top:11px;
  color:#313e44;
  font-size:11px;
  font-weight:900;
}

.w-account-quick{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:14px;
}

.w-account-quick a{
  display:grid;
  gap:3px;
  padding:13px;
  border:1px solid #ccd4d8;
  border-radius:14px;
  background:#f8f9f9;
  color:#263238;
}

.w-account-quick b{
  font-size:12px;
}

.w-account-quick span{
  color:#738087;
  font-size:10px;
}

/* Woo account endpoint content inherits Wusata's visual language */
.w-account-main .woocommerce-Orders-table,
.w-account-main .woocommerce-table,
.w-account-main form,
.w-account-main .woocommerce-Addresses .woocommerce-Address,
.w-account-main .woocommerce-customer-details{
  border-color:#c9d2d6 !important;
  border-radius:15px !important;
}

.w-account-main .woocommerce-Button,
.w-account-main button.button,
.w-account-main a.button{
  border-radius:11px !important;
  background:#20292d !important;
  color:#fff !important;
  font-weight:900 !important;
}

.w-account-main input.input-text,
.w-account-main input[type=email],
.w-account-main input[type=password],
.w-account-main input[type=text],
.w-account-main select,
.w-account-main textarea{
  border:1px solid #c5ced2 !important;
  border-radius:11px !important;
  background:#f9fafa !important;
  padding:10px 11px !important;
}

/* Garage: explicitly mark the active vehicle */
.w-use-car{
  display:flex !important;
  align-items:center;
  justify-content:space-between;
  gap:9px;
}

.w-use-car>span{
  min-width:0;
}

.w-current-car-badge{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:23px;
  padding:3px 7px;
  border-radius:999px;
  background:#253035;
  color:#fff;
  font-size:8.5px;
  font-style:normal;
  font-weight:900;
}

.w-saved-car.active{
  background:#eef2f3;
  border-color:#687980;
}

/* Request form: cleaner autofill appearance */
.w-request-form input:-webkit-autofill{
  -webkit-box-shadow:0 0 0 1000px #f9fafa inset !important;
  -webkit-text-fill-color:#202a2f !important;
}

@media(max-width:900px){
  .w-account-layout{
    grid-template-columns:1fr;
  }

  .w-account-sidebar{
    position:static;
  }

  .w-account-navigation ul{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }

  .w-account-navigation a{
    justify-content:center;
    text-align:center;
  }

  .w-account-navigation a b{
    display:none;
  }
}

@media(max-width:760px){
  .woocommerce-account main.w-section{
    padding-top:14px !important;
  }

  .w-account-hero{
    display:grid;
    padding:15px;
    border-radius:18px;
  }

  .w-account-hero h1{
    font-size:34px;
  }

  .w-account-hero p{
    font-size:11px;
  }

  .w-account-vehicle{
    min-width:0;
    width:100%;
    box-sizing:border-box;
  }

  .w-account-main{
    padding:12px;
    border-radius:16px;
  }

  .w-account-sidebar{
    padding:7px;
    border-radius:15px;
  }

  .w-account-navigation ul{
    display:flex !important;
    overflow-x:auto;
    grid-template-columns:none !important;
    gap:6px !important;
    scrollbar-width:none;
  }

  .w-account-navigation ul::-webkit-scrollbar{
    display:none;
  }

  .w-account-navigation li{
    flex:0 0 auto;
  }

  .w-account-navigation a{
    min-height:38px;
    white-space:nowrap;
    padding:7px 10px !important;
    font-size:10px !important;
  }

  .w-account-welcome{
    display:grid;
    gap:10px;
  }

  .w-account-welcome h2{
    font-size:22px;
  }

  .w-account-welcome .w-btn{
    width:100%;
    text-align:center;
  }

  .w-account-card-grid{
    grid-template-columns:1fr;
  }

  .w-account-card{
    min-height:130px;
    padding:14px;
  }

  .w-account-quick{
    grid-template-columns:1fr;
  }

  .w-current-car-badge{
    font-size:8px;
  }
}


/* =========================================================
   WUSATA V7.4 — ACCIDENT QUOTE + GARAGE DELETE FIX
   ========================================================= */
.w-quote-fee-card{
  min-width:285px;
  max-width:360px;
  padding:16px 18px;
  border:1px solid #c1cbd0;
  border-radius:18px;
  background:rgba(255,255,255,.88);
  box-shadow:0 10px 24px rgba(25,35,40,.06);
}
.w-quote-fee-card span,.w-quote-fee-card strong{display:block}
.w-quote-fee-card strong{font-size:26px;margin:4px 0 5px}
.w-quote-fee-card p{margin:0;font-size:11px;line-height:1.7;color:#66747a}

.w-quote-layout{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
  gap:22px;
  align-items:start;
}
.w-quote-form,.w-quote-aside{
  background:#fff;
  border:1px solid #c5ced2;
  border-radius:22px;
  padding:22px;
  box-shadow:0 14px 34px rgba(25,35,40,.07);
}
.w-quote-aside h2{font-size:30px;line-height:1.2;margin:7px 0 17px}
.w-quote-note{margin-top:14px;padding:13px;border:1px solid #cbd3d7;border-radius:14px;background:#f5f7f7}
.w-quote-note strong{font-size:12px}.w-quote-note p{margin:5px 0 0;color:#66747a;font-size:10.5px;line-height:1.7}
.w-quote-submit{width:100%;margin-top:14px;min-height:52px}
.w-quote-payment-note{text-align:center;color:#66747a;font-size:10px;margin:8px 0 0}

.w-photo-upload{position:relative}
.w-photo-upload>input[type=file]{
  position:absolute!important;
  width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;
}
.w-upload-drop{
  min-height:120px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:4px;
  border:1.5px dashed #aebbc1;
  border-radius:15px;
  background:linear-gradient(145deg,#f8fafa,#edf1f2);
  cursor:pointer;
  text-align:center;
  padding:14px;
}
.w-photo-upload:has(input:focus-visible) .w-upload-drop{outline:3px solid rgba(52,70,78,.1)}
.w-upload-drop b{font-size:14px}.w-upload-drop small{font-size:9.5px;color:#75838a}
.w-photo-upload .w-upload-drop{pointer-events:auto}
.w-photo-upload>span,.w-photo-upload .w-upload-drop{cursor:pointer}
.w-photo-upload::after{
  content:"";
  position:absolute;
  left:0;right:0;top:25px;height:120px;
  cursor:pointer;
}
.w-photo-preview{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px;
  margin-top:8px;
}
.w-photo-thumb{
  aspect-ratio:4/3;
  overflow:hidden;
  border-radius:11px;
  border:1px solid #c7d0d4;
  background:#eef2f3;
}
.w-photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.w-quote-list{display:grid;gap:9px}
.w-quote-list article{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:13px 15px;border:1px solid #c9d2d6;border-radius:14px;background:#f9fafa;
}
.w-quote-list article strong{display:block;margin:2px 0;font-size:13px}
.w-quote-list article p{margin:0;color:#69777d;font-size:10px}
.w-quote-list-side{display:grid;justify-items:end;gap:3px;font-size:10px}
.w-quote-list-side>b{color:#29363c}.w-quote-list-side a{font-weight:900}

.w-saved-car .w-remove-car{
  position:relative;
  z-index:3;
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:9px!important;
  color:#68777e!important;
}
.w-saved-car .w-remove-car:hover{background:#e1e6e8!important;color:#20292d!important}

@media(max-width:900px){
  .w-quote-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .w-quote-fee-card{min-width:0;max-width:none;width:100%;box-sizing:border-box;margin-top:12px}
  .w-quote-form,.w-quote-aside{padding:14px;border-radius:17px}
  .w-quote-aside h2{font-size:23px}
  .w-photo-preview{grid-template-columns:repeat(3,minmax(0,1fr))}
  .w-quote-list article{align-items:flex-start}
}


/* =========================================================
   WUSATA V7.5 — GARAGE DELETE HARDENING
   ========================================================= */
.w-delete-car-form{
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  flex:0 0 auto;
}
.w-delete-car-form input[type=hidden]{display:none!important}
.w-delete-car-form .w-remove-car{
  margin:0!important;
}
.w-garage-notice{
  margin:0 0 12px;
  padding:10px 13px;
  border-radius:12px;
  font-size:11px;
  font-weight:900;
}
.w-garage-notice.success{
  background:#e9f1ec;
  color:#294132;
  border:1px solid #b7c9bd;
}
.w-garage-notice.error{
  background:#f5eceb;
  color:#6b3430;
  border:1px solid #d7b9b6;
}


/* V7.6: garage delete is a same-page signed POST so it works in theme preview too. */
.w-delete-car-form{display:block}


/* =========================================================
   WUSATA V7.7 — LIVE GARAGE DELETE
   ========================================================= */
.w-garage-live-notice{
  display:none;
  margin:0 0 10px;
  padding:10px 13px;
  border-radius:12px;
  font-size:11px;
  font-weight:900;
}
.w-garage-live-notice.success,
.w-garage-live-notice.error{display:block}
.w-garage-live-notice.success{
  background:#e9f1ec;
  color:#294132;
  border:1px solid #b7c9bd;
}
.w-garage-live-notice.error{
  background:#f5eceb;
  color:#6b3430;
  border:1px solid #d7b9b6;
}
.w-delete-car-form .w-remove-car:disabled{
  opacity:.55;
  cursor:wait;
}
.w-garage-empty{
  padding:14px;
  border:1px dashed #c6d0d4;
  border-radius:12px;
  background:#f8fafa;
  text-align:center;
  color:#65747a;
  font-size:11px;
}


/* =========================================================
   WUSATA V7.9 — VEHICLE SELECTOR DATA FIX
   ========================================================= */
.w-gate-fields select:disabled{
  opacity:.62;
  cursor:not-allowed;
}


/* =========================================================
   WUSATA V7.10 — RESULTS CLEANUP
   ========================================================= */
.w-smart-empty .w-empty-actions,
.w-empty-state .w-empty-actions{
  justify-content:center;
}


/* =========================================================
   WUSATA V7.11 — ACCIDENT QUOTE CART FLOW
   ========================================================= */
.w-quote-submit{
  display:flex !important;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.w-quote-submit>span{
  font-weight:900;
}
.w-quote-submit>strong{
  display:inline-flex;
  align-items:center;
  padding-inline-start:12px;
  border-inline-start:1px solid rgba(255,255,255,.28);
  font-size:13px;
  white-space:nowrap;
}
.w-quote-submit .woocommerce-Price-amount{
  color:inherit;
}
.w-quote-cart-success{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin:0 0 14px;
  padding:13px 14px;
  border:1px solid #aebfb4;
  border-radius:14px;
  background:linear-gradient(145deg,#edf5ef,#e3ece6);
}
.w-quote-cart-success[hidden]{
  display:none !important;
}
.w-quote-cart-success>div:first-child{
  display:grid;
  gap:3px;
}
.w-quote-cart-success b{
  color:#253b2c;
  font-size:13px;
}
.w-quote-cart-success span{
  color:#607168;
  font-size:10px;
}
.w-quote-cart-success-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.w-quote-cart-success-actions .w-btn{
  min-height:40px;
  padding:8px 13px;
  font-size:10px;
}
.w-quote-cart-qty{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:34px;
  min-height:34px;
  border:1px solid #cad3d7;
  border-radius:9px;
  background:#f7f9f9;
  font-weight:900;
}
.woocommerce-cart .wc-item-meta,
.woocommerce-checkout .wc-item-meta{
  margin-top:7px !important;
}
.woocommerce-cart .wc-item-meta li,
.woocommerce-checkout .wc-item-meta li{
  font-size:11px;
  color:#5d6c72;
}

@media(max-width:760px){
  .w-quote-cart-success{
    display:grid;
  }
  .w-quote-cart-success-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .w-quote-submit{
    gap:8px;
  }
  .w-quote-submit>strong{
    font-size:11px;
  }
}


/* =========================================================
   WUSATA V7.12 — WUSATA MATCH
   ========================================================= */

/* Hero copy is intentionally quieter in V7.12 */
.w-hero-grid>div:first-child>p{
  max-width:690px;
}
.w-promise{
  max-width:620px;
}

/* Wusata Match console */
.w-match-console{
  gap:13px;
  justify-content:flex-start !important;
  background:
    radial-gradient(circle at 20% 5%,rgba(255,255,255,.08),transparent 28%),
    linear-gradient(145deg,#303b3f,#182023 72%) !important;
}
.w-match-console-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
}
.w-match-console-head>div{
  display:grid;
  gap:4px;
}
.w-match-console-head strong{
  font-size:13px;
  color:#e8edef;
}
.w-match-live-dot{
  display:inline-flex;
  align-items:center;
  gap:6px;
  border:1px solid #69777d;
  border-radius:999px;
  padding:6px 9px;
  font-size:9px;
  font-weight:900;
  letter-spacing:1px;
  color:#dce3e5;
}
.w-match-live-dot:before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#dce3e5;
  box-shadow:0 0 0 4px rgba(220,227,229,.08);
}

.w-match-vehicle{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:16px;
  border:1px solid #536168;
  border-radius:17px;
  background:rgba(11,16,18,.28);
}
.w-match-vehicle>div{
  display:grid;
  gap:3px;
}
.w-match-vehicle small{
  color:#9eaaae;
  font-size:10px;
}
.w-match-vehicle strong{
  font-size:22px;
  line-height:1.25;
}
.w-match-car-state{
  flex:0 0 auto;
  border:1px solid #5d6b71;
  border-radius:999px;
  padding:7px 10px;
  color:#d6dddf;
  font-size:10px;
  font-weight:900;
}

.w-match-status-box{
  padding:15px 16px;
  border:1px solid #68777c;
  border-radius:17px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
}
.w-match-status-box small{
  display:block;
  margin-bottom:4px;
  color:#a8b3b7;
  font-size:10px;
  font-weight:800;
}
.w-match-status-box b{
  display:block;
  font-size:20px;
}
.w-match-status-box p{
  margin:5px 0 0;
  font-size:10.5px !important;
  color:#aeb8bb !important;
  line-height:1.55;
}

.w-match-progress{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:5px;
}
.w-match-progress span{
  position:relative;
  display:grid;
  justify-items:center;
  gap:4px;
  min-width:0;
  padding:6px 3px;
  color:#7f8c91;
  font-size:8.5px;
  font-weight:900;
  text-align:center;
}
.w-match-progress span:not(:last-child):after{
  content:"";
  position:absolute;
  top:15px;
  left:-50%;
  width:100%;
  height:1px;
  background:#48565b;
  z-index:0;
}
.w-match-progress i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:20px;
  height:20px;
  border:1px solid #536168;
  border-radius:50%;
  background:#202a2e;
  color:#aeb8bc;
  font-style:normal;
  font-size:8px;
}
.w-match-progress span.active,
.w-match-progress span.complete{
  color:#eef2f3;
}
.w-match-progress span.active i,
.w-match-progress span.complete i{
  background:#eef2f3;
  border-color:#eef2f3;
  color:#1a2327;
}
.w-match-progress span.complete i:before{content:"";}
.w-match-progress span.complete i{
  font-size:0;
}
.w-match-progress span.complete i:before{
  font-size:10px;
}

.w-match-value{
  background:
    radial-gradient(circle at 20% 0%,rgba(255,255,255,.95),transparent 30%),
    linear-gradient(145deg,#f5f7f8,#e0e6e8) !important;
  border-color:#9eabb0 !important;
}

/* Product page: Wusata Match is a real layer, not generic trust copy */
.w-product-match-panel{
  display:grid;
  gap:11px;
}
.w-product-match-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.w-product-match-head em{
  font-size:9px;
  font-style:normal;
  font-weight:900;
  color:#69777d;
  border:1px solid #c5ced2;
  border-radius:999px;
  padding:5px 8px;
}
.w-product-match-panel>div>strong{
  font-size:18px;
}
.w-product-match-panel>div>p{
  margin:4px 0 0;
}
.w-product-match-panel .w-match-checks{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
}
.w-product-match-panel .w-match-checks span{
  display:grid;
  gap:2px;
  padding:9px;
  border:1px solid #ccd4d8;
  border-radius:11px;
  background:#f7f9f9;
  font-size:9px;
  color:#6d7a80;
}
.w-product-match-panel .w-match-checks span b{
  color:#263238;
  font-size:10px;
}
.w-product-match-panel .w-match-checks span.done{
  border-color:#9eafb5;
}
.w-product-match-rule{
  padding:9px 11px;
  border-radius:10px;
  background:#283337;
  color:#f1f4f5;
  font-size:9.5px;
  font-weight:800;
  line-height:1.55;
}

/* Cart/checkout Wusata Match context */
.w-match-checkout .w-subtle{
  letter-spacing:1.8px;
}

/* Order timeline */
.w-match-timeline>small{
  display:block;
  margin-top:2px;
  color:#7a878c;
  font-size:9px;
}

/* Quote cart success: one clear green success state, no duplicate alert */
.w-quote-cart-success{
  border-color:#a9beb0 !important;
  background:linear-gradient(145deg,#eef6f0,#e2ece5) !important;
}
.w-quote-cart-success b{
  color:#243e2b !important;
}

@media(max-width:820px){
  /* The heavy desktop console remains hidden on mobile;
     the product/order Wusata Match experience remains active. */
  .w-product-match-panel .w-match-checks{
    grid-template-columns:1fr;
  }
}

@media(max-width:760px){
  .w-match-progress{
    grid-template-columns:repeat(5,minmax(52px,1fr));
    overflow-x:auto;
    padding-bottom:3px;
  }
}


/* =========================================================
   WUSATA V7.13 — MATCH + SERVICE CLEANUP
   ========================================================= */

/* Wusata Match: stronger readability on the dark console */
.w-match-console,
.w-match-console *{
  text-shadow:none;
}
.w-match-console .w-kicker,
.w-match-console-head strong,
.w-match-vehicle small,
.w-match-status-box small{
  color:#aeb9bd !important;
}
.w-match-vehicle strong,
.w-match-status-box b{
  color:#f6f8f8 !important;
}
.w-match-status-box p{
  color:#c4cccf !important;
}
.w-match-car-state{
  color:#f2f5f6 !important;
  border-color:#74838a !important;
  background:rgba(255,255,255,.035);
}
.w-match-progress span{
  color:#8f9ca1 !important;
}
.w-match-progress span.active,
.w-match-progress span.complete{
  color:#f3f6f7 !important;
}
.w-match-progress span.active i,
.w-match-progress span.complete i{
  background:#f3f6f7 !important;
  border-color:#f3f6f7 !important;
  color:#192226 !important;
}
.w-match-live-dot{
  color:#f1f4f5 !important;
}

/* Active vehicle should feel "loaded", not like an empty selector state. */
#brand-select:not([value=""]),
#model-select:not([value=""]),
#year-select:not([value=""]),
#engine-select:not([value=""]){
  font-weight:900;
  color:#202a2f;
  background:#f8fafa;
}


/* =========================================================
   WUSATA V7.14 — VEHICLE FILTER + SYSTEMS STABILITY
   ========================================================= */

/* Adopted vehicle stays visible and editable. */
.w-vehicle-grid select{
  pointer-events:auto !important;
}
.w-vehicle-grid select:disabled{
  opacity:1 !important;
  cursor:pointer !important;
}
.w-brand-tile.active{
  background:#202a2e !important;
  color:#fff !important;
  border-color:#202a2e !important;
}
#save-car{
  white-space:nowrap;
}

/* Simple navigation feedback without freezing the page. */
.w-system.is-loading{
  opacity:.72;
}
.w-system.is-loading .w-system-icon{
  transform:scale(.94);
}

#vehicle,#systems,#matching,#vin{
  scroll-margin-top:105px;
}


/* =========================================================
   WUSATA V7.15 — MOBILE FIRST
   ========================================================= */

.w-match-mobile{display:none}

@media(max-width:820px){
  /* Wusata Match gets a dedicated mobile card */
  .w-hero-grid .w-match-console{display:none!important}
  .w-match-mobile{
    display:grid!important;
    gap:10px;
    margin:12px 14px 14px;
    padding:14px;
    border:1px solid #4f5d63;
    border-radius:18px;
    background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.08),transparent 34%),linear-gradient(145deg,#2d373b,#192124 75%);
    color:#f5f7f8;
    box-shadow:0 10px 28px rgba(21,30,34,.15);
  }
  .w-match-mobile-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .w-match-mobile-head>div{display:grid;gap:3px}
  .w-match-mobile .w-kicker{color:#aab5b9!important;font-size:9px!important;letter-spacing:1.5px}
  .w-match-mobile-head strong{color:#fff;font-size:18px;line-height:1.25}
  .w-match-mobile-badge{
    border:1px solid #66757b;border-radius:999px;padding:5px 8px;
    color:#e0e6e8;font-size:8px;font-weight:900;letter-spacing:1px
  }
  .w-match-mobile-car{
    display:flex;align-items:center;justify-content:space-between;gap:10px;
    min-height:48px;padding:10px 11px;border:1px solid #516066;border-radius:13px;
    background:rgba(8,13,15,.25)
  }
  .w-match-mobile-car span{color:#9fadb2;font-size:9px}
  .w-match-mobile-car b{color:#fff;font-size:13px;text-align:end;line-height:1.3}
  .w-match-mobile-progress{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .w-match-mobile-progress span{
    display:grid;place-items:center;min-height:29px;padding:6px 3px;
    border:1px solid #435158;border-radius:999px;color:#8d999e;
    font-size:8px;font-weight:900;white-space:nowrap
  }
  .w-match-mobile-progress span.active,
  .w-match-mobile-progress span.complete{border-color:#eef2f3;background:#eef2f3;color:#1b2428}
  .w-match-mobile-action{
    width:100%;min-height:44px!important;margin:0!important;
    background:#f5f7f8!important;color:#1b2428!important;border-color:#f5f7f8!important;
    font-size:12px!important;font-weight:900!important
  }

  /* Hero: faster scan, less vertical load */
  .w-hero{padding:18px 0 8px!important}
  .w-hero-grid{display:block!important}
  .w-hero-grid>div:first-child{padding-inline:14px!important}
  .w-hero h1{font-size:clamp(38px,11vw,54px)!important;line-height:.98!important;margin:8px 0 12px!important}
  .w-hero-grid>div:first-child>p{font-size:13px!important;line-height:1.65!important;margin:0 0 14px!important}
  .w-hero-cta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .w-hero-cta .w-btn{min-height:46px!important;padding:10px 9px!important;font-size:11px!important}
  .w-promise{display:flex!important;gap:6px!important;overflow-x:auto!important;padding-bottom:2px;scrollbar-width:none}
  .w-promise::-webkit-scrollbar{display:none}
  .w-promise span{flex:0 0 auto;font-size:9px!important;padding:6px 9px!important}

  /* Vehicle selector: always open, easy to change */
  .w-vehicle-hub{margin:0 14px!important;padding:14px!important;border-radius:18px!important}
  .w-hub-head{display:grid!important;gap:10px!important;margin-bottom:12px!important}
  .w-hub-head h2{font-size:24px!important;line-height:1.15!important;margin-bottom:5px!important}
  .w-hub-head p{font-size:11px!important;line-height:1.55!important}
  .w-mode-tabs{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:6px!important}
  .w-mode-tabs .w-tab{min-height:40px!important;padding:8px 5px!important;font-size:9.5px!important}
  .w-vehicle-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .w-vehicle-grid select{
    width:100%!important;min-width:0!important;min-height:46px!important;
    border-radius:12px!important;padding-inline:10px!important;font-size:11px!important
  }
  #save-car{grid-column:1/-1!important;width:100%!important;min-height:48px!important;font-size:12px!important}
  .w-browse-car{grid-column:1/-1!important;width:100%!important;justify-content:center!important;min-height:42px!important;font-size:10px!important}

  /* Brand shortcuts: horizontal instead of oversized rows */
  .w-brand-row{display:flex!important;gap:7px!important;overflow-x:auto!important;padding:3px 0 2px!important;scrollbar-width:none}
  .w-brand-row::-webkit-scrollbar{display:none}
  .w-brand-tile{flex:0 0 120px!important;min-height:42px!important;border-radius:12px!important;font-size:10px!important}

  /* Premium banner must crop naturally on phone */
  .w-premium-image-banner{display:none!important}
  .w-premium-mobile-banner{display:block!important;margin-inline:14px!important;border-radius:18px!important;overflow:hidden!important}
  .w-premium-mobile-banner img{width:100%!important;height:auto!important;display:block!important}

  /* Less reading, faster visual rhythm */
  .w-section{padding-top:28px!important;padding-bottom:28px!important}
  .w-section-head{margin-bottom:14px!important}
  .w-section-head h2{font-size:27px!important;line-height:1.08!important}
  .w-section-head p{font-size:11px!important;line-height:1.55!important}
  .w-value-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .w-value-card{min-height:126px!important;padding:13px!important;border-radius:15px!important}
  .w-value-card h3{font-size:14px!important;margin:7px 0 3px!important}
  .w-value-card p{font-size:9.5px!important;line-height:1.45!important}

  /* Systems are core shopping navigation */
  .w-systems-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}
  .w-system{min-height:78px!important;padding:12px!important;border-radius:15px!important;gap:9px!important}
  .w-system strong,.w-system h3{font-size:13px!important;line-height:1.25!important}
  .w-system-icon{width:38px!important;height:38px!important;flex:0 0 38px!important}

  /* Process cards: compact scan */
  .w-steps-grid,.w-process-grid{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .w-step,.w-process-card{
    min-height:auto!important;display:grid!important;grid-template-columns:42px 1fr!important;
    align-items:center!important;gap:10px!important;padding:11px 12px!important;border-radius:14px!important
  }

  /* VIN */
  .w-vin-panel{margin-inline:14px!important;padding:14px!important;border-radius:18px!important}
  .w-vin-grid{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .w-vin-plate{min-height:88px!important;padding:14px!important}
  .w-vin-copy h2{font-size:25px!important;line-height:1.08!important}
  .w-vin-copy p{font-size:10.5px!important;line-height:1.5!important}
  .w-vin-form{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
  .w-vin-form input,.w-vin-form .w-btn{width:100%!important;min-height:46px!important}

  /* Results/product shopping */
  .w-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .w-product-card{padding:9px!important;border-radius:15px!important}
  .w-product-card h3{font-size:11px!important;line-height:1.4!important}
  .w-product-card .price{font-size:15px!important}
  .w-fit-badge{font-size:8px!important;min-height:26px!important;padding:5px 6px!important}
  .w-product-card .w-btn,.w-product-card button{min-height:42px!important;font-size:10px!important}

  /* Quote / accident service */
  .w-quote-layout{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
  .w-quote-form-wrap,.w-quote-info{padding:14px!important;border-radius:17px!important}
  .w-quote-form .w-form-row{grid-template-columns:1fr!important;gap:8px!important}
  .w-upload-drop{min-height:110px!important}
  .w-quote-submit{
    min-height:50px!important;
    position:sticky;
    bottom:calc(70px + env(safe-area-inset-bottom,0px));
    z-index:15
  }

  /* Header scrolls instead of squeezing links */
  .w-header{min-height:58px!important}
  .w-header .container{min-height:58px!important;padding-inline:12px!important}
  .w-header nav{overflow-x:auto!important;scrollbar-width:none!important}
  .w-header nav::-webkit-scrollbar{display:none}
  .w-header nav a{flex:0 0 auto!important;padding:8px 7px!important;font-size:10px!important}

  /* Fixed nav must never cover checkout/content */
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))!important}
  .w-bottom-nav{
    min-height:64px!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px))!important;
    backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
  }
  .w-bottom-nav a{min-height:48px!important;font-size:9px!important}
  #vehicle,#systems,#matching,#vin{scroll-margin-top:72px!important}
}

@media(max-width:390px){
  .w-hero h1{font-size:36px!important}
  .w-vehicle-grid{grid-template-columns:1fr!important}
  #save-car,.w-browse-car{grid-column:1!important}
  .w-match-mobile-progress span{font-size:7.5px!important;padding-inline:2px!important}
}


/* =========================================================
   WUSATA V7.16 — MOBILE SHOPPING UX
   ========================================================= */

@media(max-width:820px){

  /* Faster first screen */
  .w-hero{padding-top:10px!important;padding-bottom:4px!important}
  .w-hero h1{margin-top:3px!important;margin-bottom:8px!important}
  .w-hero-grid>div:first-child>p{margin-bottom:10px!important}

  /* Compact Wusata Match card */
  .w-match-mobile{
    gap:7px!important;
    margin:8px 14px 10px!important;
    padding:12px!important;
    border-radius:16px!important;
  }
  .w-match-mobile-head strong{font-size:16px!important}
  .w-match-mobile-car{min-height:42px!important;padding:8px 10px!important}
  .w-match-mobile-car b{font-size:12px!important}
  .w-match-mobile-progress{gap:4px!important}
  .w-match-mobile-progress span{
    min-height:25px!important;
    padding:4px 2px!important;
    font-size:7.5px!important;
  }
  .w-match-mobile-action{min-height:40px!important;font-size:11px!important}

  /* Active car is shown as one compact card */
  .w-mobile-active-vehicle{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-height:58px;
    padding:10px 11px;
    margin:0 0 9px;
    border:1px solid #c8d1d5;
    border-radius:14px;
    background:linear-gradient(145deg,#f8fafa,#edf1f2);
  }
  .w-mobile-active-vehicle[hidden]{display:none!important}
  .w-mobile-active-vehicle-copy{
    min-width:0;
    display:grid;
    gap:2px;
  }
  .w-mobile-active-vehicle-copy .w-subtle{font-size:8px!important}
  .w-mobile-active-vehicle-copy strong{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#1d282c;
    font-size:13px;
  }
  .w-mobile-change-vehicle{
    flex:0 0 auto;
    min-width:64px;
    min-height:36px;
    padding:7px 10px;
    border:1px solid #c3cdd1;
    border-radius:10px;
    background:#fff;
    color:#1c272b;
    font:inherit;
    font-size:10px;
    font-weight:900;
  }

  /* Collapse the long form after a car is adopted */
  .w-mobile-vehicle-editor{
    max-height:1400px;
    opacity:1;
    overflow:visible;
    transition:max-height .24s ease,opacity .18s ease;
  }
  .w-mobile-vehicle-editor.is-collapsed{
    max-height:0!important;
    opacity:0!important;
    overflow:hidden!important;
    pointer-events:none!important;
  }

  /* Hide duplicated mode tabs and brand shortcuts once the car is set */
  #vehicle.has-active-vehicle .w-mode-tabs{display:none!important}
  #vehicle.has-active-vehicle .w-hub-head{margin-bottom:6px!important}
  .w-mobile-vehicle-editor .w-brand-row{display:none!important}

  /* Vehicle center is shorter and calmer */
  .w-vehicle-hub{padding:12px!important}
  .w-hub-head h2{font-size:22px!important}
  .w-hub-head p{font-size:10px!important}
  #vehicle.has-active-vehicle .w-hub-head p{display:none!important}

  /* Systems: force 2 columns */
  #systems .w-systems,
  #systems .w-systems-grid,
  .w-systems,
  .w-systems-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  #systems .w-system,
  .w-systems .w-system,
  .w-systems-grid .w-system{
    width:100%!important;
    min-width:0!important;
    min-height:76px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    padding:10px 11px!important;
    border-radius:15px!important;
  }
  #systems .w-system>span:last-child,
  .w-systems .w-system>span:last-child{
    min-width:0;
    font-size:12px!important;
    line-height:1.25!important;
  }

  /* Keep brand showcase compact/horizontal */
  .w-brand-showcase-grid,
  .w-brand-grid{
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  .w-brand-showcase-grid::-webkit-scrollbar,
  .w-brand-grid::-webkit-scrollbar{display:none!important}

  /* Better bottom-nav clearance across long sections */
  body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}
  main{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}
  footer,.w-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
  #vehicle,#systems,#matching,#vin{
    scroll-margin-top:72px!important;
    scroll-margin-bottom:96px!important;
  }
}

@media(max-width:390px){
  #systems .w-systems,
  #systems .w-systems-grid,
  .w-systems,
  .w-systems-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  #systems .w-system,
  .w-systems .w-system,
  .w-systems-grid .w-system{
    min-height:72px!important;
    padding:9px!important;
  }
}


/* =========================================================
   WUSATA V7.17 — MOBILE NAVIGATION FIX
   ========================================================= */

/* Important: this component is MOBILE ONLY.
   Prevents the odd floating "تغيير" button on desktop. */
.w-mobile-active-vehicle{
  display:none;
}

.w-context-actions{
  display:flex;
  align-items:center;
  gap:8px;
}
.w-results-back-systems,
.w-results-change-car{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:8px 12px;
  border:1px solid #c6d0d4;
  border-radius:11px;
  background:#fff;
  color:#263238;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}
.w-results-back-systems{
  background:#263238;
  border-color:#263238;
  color:#fff;
}

@media(max-width:820px){
  .w-mobile-active-vehicle{
    display:grid!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  .w-mobile-active-vehicle[hidden]{
    display:none!important;
  }
  .w-mobile-active-vehicle-actions{
    display:grid;
    grid-template-columns:1fr auto;
    gap:7px;
  }
  .w-mobile-browse-parts,
  .w-mobile-change-vehicle{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    border-radius:11px;
    font:inherit;
    font-size:10.5px;
    font-weight:900;
    text-decoration:none;
  }
  .w-mobile-browse-parts{
    border:1px solid #202a2e;
    background:#202a2e;
    color:#fff;
    padding:8px 12px;
  }
  .w-mobile-change-vehicle{
    min-width:72px!important;
    border:1px solid #c4cdd1!important;
    background:#fff!important;
    color:#1e292d!important;
  }

  /* Results/system page: back arrow must be visible without hunting for it */
  .w-context-bar{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
  .w-context-actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .w-results-back-systems,
  .w-results-change-car{
    min-height:42px!important;
    width:100%!important;
    padding:9px 10px!important;
    font-size:10.5px!important;
  }

  /* When there is no system filter, the only action spans full width. */
  .w-context-actions > :only-child{
    grid-column:1/-1;
  }
}


/* =========================================================
   WUSATA V7.18 — MOBILE SYSTEMS POLISH
   ========================================================= */

@media(max-width:820px){

  /* Systems heading: short, calm and readable on phone */
  #systems{
    padding-top:24px!important;
    padding-bottom:26px!important;
  }
  #systems .container{
    padding-inline:14px!important;
  }
  #systems .w-section-head{
    margin-bottom:15px!important;
  }
  #systems .w-section-head .w-subtle{
    display:block!important;
    margin-bottom:5px!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.3px!important;
  }
  #systems .w-section-head h2{
    max-width:100%!important;
    margin:0 0 6px!important;
    font-size:30px!important;
    line-height:1.08!important;
    letter-spacing:-.35px!important;
  }
  #systems .w-section-head p{
    margin:0!important;
    font-size:11px!important;
    line-height:1.45!important;
  }

  /* True 2×2 rhythm with consistent dimensions */
  #systems .w-systems{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    align-items:stretch!important;
  }
  #systems .w-systems > a.w-system{
    position:relative!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-width:0!important;
    height:104px!important;
    min-height:104px!important;
    max-height:104px!important;
    margin:0!important;
    padding:13px 14px!important;
    display:grid!important;
    grid-template-columns:46px minmax(0,1fr)!important;
    align-items:center!important;
    gap:12px!important;
    border-radius:18px!important;
    overflow:hidden!important;
    text-decoration:none!important;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
  }

  #systems .w-systems > a.w-system .w-system-icon{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    flex:0 0 44px!important;
    display:grid!important;
    place-items:center!important;
    margin:0!important;
    border-radius:13px!important;
  }
  #systems .w-systems > a.w-system .w-system-icon svg{
    width:22px!important;
    height:22px!important;
  }

  #systems .w-systems > a.w-system > span:last-child{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    font-size:17px!important;
    font-weight:900!important;
    line-height:1.18!important;
    letter-spacing:-.2px!important;
    text-align:right!important;
    overflow-wrap:normal!important;
    word-break:normal!important;
  }

  /* Keep two-line names visually balanced */
  #systems .w-system[data-system="ac-cooling"] > span:last-child,
  #systems .w-system[data-system="suspension-steering"] > span:last-child,
  #systems .w-system[data-system="body"] > span:last-child,
  #systems .w-system[data-system="maintenance"] > span:last-child{
    max-width:116px!important;
  }

  /* Touch feedback: feels like an app, not a static card */
  #systems .w-systems > a.w-system:active{
    transform:scale(.985)!important;
    filter:brightness(.98);
  }
  #systems .w-systems > a.w-system:focus-visible{
    outline:2px solid #263238!important;
    outline-offset:2px!important;
  }
}

@media(max-width:390px){
  #systems .w-section-head h2{
    font-size:28px!important;
  }
  #systems .w-systems{
    gap:8px!important;
  }
  #systems .w-systems > a.w-system{
    height:98px!important;
    min-height:98px!important;
    max-height:98px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    gap:9px!important;
    padding:11px!important;
  }
  #systems .w-systems > a.w-system .w-system-icon{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
  }
  #systems .w-systems > a.w-system > span:last-child{
    font-size:15.5px!important;
  }
}


/* =========================================================
   WUSATA V7.19 — MOBILE DENSITY + PRODUCT CARDS
   ========================================================= */

@media(max-width:820px){

  /* تجربة Wusata: noticeably smaller and easier to scan */
  .w-experience{
    padding-top:22px!important;
    padding-bottom:22px!important;
  }
  .w-experience .w-section-head{
    margin-bottom:12px!important;
  }
  .w-experience .w-section-head .w-subtle{
    font-size:9px!important;
    margin-bottom:4px!important;
  }
  .w-experience .w-section-head h2{
    font-size:26px!important;
    line-height:1.08!important;
    margin:0 0 5px!important;
    letter-spacing:-.25px!important;
  }
  .w-experience .w-section-head p{
    font-size:10px!important;
    line-height:1.45!important;
    margin:0!important;
  }

  .w-experience .w-value-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .w-experience .w-value-card{
    min-height:112px!important;
    height:112px!important;
    padding:11px!important;
    border-radius:15px!important;
    display:grid!important;
    grid-template-columns:32px minmax(0,1fr)!important;
    grid-template-rows:auto 1fr!important;
    column-gap:8px!important;
    align-items:start!important;
    overflow:hidden!important;
  }
  .w-experience .w-value-card .ico{
    grid-row:1/3!important;
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    font-size:18px!important;
    margin:0!important;
  }
  .w-experience .w-value-card h3{
    font-size:13px!important;
    line-height:1.15!important;
    margin:1px 0 3px!important;
  }
  .w-experience .w-value-card p{
    font-size:9px!important;
    line-height:1.35!important;
    margin:0!important;
  }

  /* Product results: compact shopping cards.
     One result should NOT expand into a huge full-screen card. */
  .w-products-grid,
  .w-products{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:start!important;
  }

  .w-product-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:8px!important;
    border-radius:15px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:7px!important;
  }

  .w-product-card .w-product-image,
  .w-product-card .product-image,
  .w-product-card a:first-child:has(img){
    width:100%!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
    border-radius:11px!important;
    background:#f4f7f7!important;
  }
  .w-product-card .w-product-image img,
  .w-product-card .product-image img,
  .w-product-card img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    display:block!important;
  }

  .w-product-card .w-fit-badge{
    min-height:24px!important;
    padding:4px 5px!important;
    font-size:7.5px!important;
    line-height:1.2!important;
    border-radius:999px!important;
  }
  .w-product-card h3,
  .w-product-card .woocommerce-loop-product__title{
    min-height:34px!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.4!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .w-product-card .w-product-meta,
  .w-product-card .w-stock-line{
    font-size:8.5px!important;
    line-height:1.3!important;
  }
  .w-product-card .price{
    margin-top:auto!important;
    font-size:14px!important;
    line-height:1.2!important;
  }
  .w-product-card .w-product-actions{
    display:grid!important;
    grid-template-columns:1fr 38px!important;
    gap:6px!important;
  }
  .w-product-card .w-product-actions .w-btn,
  .w-product-card .w-product-actions button,
  .w-product-card > .w-btn,
  .w-product-card > button{
    min-height:40px!important;
    padding:7px 8px!important;
    border-radius:10px!important;
    font-size:9.5px!important;
  }

  /* If only a single result exists, keep it compact instead of spanning the whole screen. */
  .w-products-grid > .w-product-card:only-child,
  .w-products > .w-product-card:only-child{
    grid-column:auto!important;
    max-width:none!important;
  }

  /* Results header is also slightly tighter */
  .w-results-head h1,
  .w-results-head h2{
    font-size:28px!important;
    line-height:1.05!important;
  }
  .w-results-head p{
    font-size:10px!important;
    line-height:1.45!important;
  }
  .w-results-toolbar{
    gap:8px!important;
  }
  .w-results-toolbar select{
    min-height:44px!important;
    font-size:11px!important;
  }
}

@media(max-width:390px){
  .w-experience .w-section-head h2{font-size:24px!important}
  .w-experience .w-value-card{
    min-height:106px!important;
    height:106px!important;
  }
  .w-product-card{
    padding:7px!important;
  }
  .w-product-card h3,
  .w-product-card .woocommerce-loop-product__title{
    font-size:10.5px!important;
  }
}


/* =========================================================
   WUSATA V7.20 — REAL MOBILE PRODUCT + DENSITY FIX
   ========================================================= */

@media(max-width:820px){

  /* تجربة Wusata: tighter than V7.19 */
  .w-experience{
    padding-top:18px!important;
    padding-bottom:20px!important;
  }
  .w-experience .w-section-head{
    margin-bottom:10px!important;
  }
  .w-experience .w-section-head h2{
    font-size:24px!important;
    line-height:1.06!important;
    margin-bottom:4px!important;
  }
  .w-experience .w-section-head p{
    font-size:9.5px!important;
  }
  .w-experience .w-value-grid{
    gap:7px!important;
  }
  .w-experience .w-value-card{
    height:98px!important;
    min-height:98px!important;
    padding:10px!important;
    grid-template-columns:28px minmax(0,1fr)!important;
    column-gap:7px!important;
  }
  .w-experience .w-value-card .ico{
    width:27px!important;
    height:27px!important;
    font-size:16px!important;
  }
  .w-experience .w-value-card h3{
    font-size:12px!important;
    line-height:1.12!important;
  }
  .w-experience .w-value-card p{
    font-size:8.4px!important;
    line-height:1.32!important;
  }

  /* ACTUAL results-grid class used by page-parts-results.php */
  .w-product-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:start!important;
  }

  .w-product-grid .w-product-card{
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    padding:8px!important;
    border-radius:14px!important;
    gap:6px!important;
  }

  .w-product-grid .w-product-media{
    width:100%!important;
    aspect-ratio:1/1!important;
    min-height:0!important;
    height:auto!important;
    border-radius:10px!important;
    overflow:hidden!important;
  }
  .w-product-grid .w-product-media img{
    width:100%!important;
    height:100%!important;
    aspect-ratio:1/1!important;
    object-fit:contain!important;
    padding:6px!important;
  }

  .w-product-grid .w-product-card-body{
    min-width:0!important;
    gap:5px!important;
  }
  .w-product-grid .w-fit-badge{
    min-height:22px!important;
    padding:4px 5px!important;
    font-size:7px!important;
    line-height:1.1!important;
  }
  .w-product-grid .w-product-card h3{
    min-height:31px!important;
    margin:0!important;
    font-size:10.5px!important;
    line-height:1.35!important;
    display:-webkit-box!important;
    -webkit-line-clamp:2!important;
    -webkit-box-orient:vertical!important;
    overflow:hidden!important;
  }
  .w-product-grid .w-product-meta{
    margin:0 0 3px!important;
    font-size:8px!important;
    line-height:1.25!important;
  }
  .w-product-grid .w-price{
    font-size:14px!important;
    line-height:1.2!important;
    margin-bottom:5px!important;
  }
  .w-product-grid .w-product-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:5px!important;
  }
  .w-product-grid .w-product-actions .w-btn{
    min-height:38px!important;
    padding:7px 6px!important;
    border-radius:9px!important;
    font-size:9px!important;
  }
  .w-product-grid .w-add-mini{
    display:none!important;
  }

  /* One result stays card-sized instead of stretching across the screen */
  .w-product-grid > .w-product-card:only-child{
    width:100%!important;
    max-width:220px!important;
    justify-self:end!important;
  }

  /* Results screen itself: less oversized on phone */
  .w-results-hero{
    padding:12px 0 10px!important;
  }
  .w-results-title{
    margin-top:12px!important;
  }
  .w-results-title h1{
    font-size:30px!important;
    line-height:1.02!important;
    margin:6px 0 8px!important;
  }
  .w-results-title p{
    font-size:10px!important;
    line-height:1.55!important;
  }
  .w-results-trust{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:6px!important;
  }
  .w-results-trust span{
    min-width:0!important;
    padding:6px 7px!important;
    font-size:8.5px!important;
    text-align:center!important;
  }
  .w-results-trust span:last-child:nth-child(odd){
    grid-column:1/-1!important;
  }

  /* Hero trust pills on home: no left/right clipping */
  .w-promise{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    overflow:visible!important;
    gap:6px!important;
  }
  .w-promise span{
    min-width:0!important;
    white-space:normal!important;
    text-align:center!important;
    line-height:1.3!important;
    font-size:8.5px!important;
    padding:6px 7px!important;
  }
}

@media(max-width:390px){
  .w-product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
  }
  .w-product-grid > .w-product-card:only-child{
    max-width:190px!important;
  }
  .w-product-grid .w-product-card{
    padding:7px!important;
  }
  .w-product-grid .w-product-card h3{
    font-size:10px!important;
  }
  .w-experience .w-value-card{
    height:94px!important;
    min-height:94px!important;
  }
}


/* =========================================================
   WUSATA V8.0 — CONTROL CENTER FOUNDATION
   ========================================================= */
.w-footer-logo{width:74px;height:auto;border-radius:12px;display:block;margin-bottom:10px}


/* =========================================================
   WUSATA V8.5 FINAL CONTROL CENTER
   ========================================================= */
.wv85-banner-slider .wv85-slides{position:relative}
.wv85-banner-slider .wv85-slide{display:none}
.wv85-banner-slider .wv85-slide.active{display:block}
.wv85-dots{display:flex;justify-content:center;gap:7px;margin-top:10px}
.wv85-dots button{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#aeb9bd;cursor:pointer}
.wv85-dots button.active{width:24px;background:#1b272c}
.w-footer a{color:inherit;text-decoration:none}
.w-footer a:hover{text-decoration:underline}


/* =========================================================
   WUSATA V8.6.2 — RESULTS UX POLISH
   Compact desktop hero, aligned trust/search, smart zero state.
   ========================================================= */
.w-results-page .w-results-hero{
  padding:18px 0 18px!important;
  background:linear-gradient(180deg,#eef2f3 0%,#e8edef 100%)!important;
}
.w-results-page .w-context-bar{
  min-height:54px;
  padding:10px 14px;
  margin-bottom:18px;
}
.w-results-page .w-results-title{
  display:block!important;
  margin-top:0!important;
}
.w-results-page .w-results-heading{
  max-width:860px;
  margin-inline-start:auto;
}
.w-results-page .w-results-title h1{
  font-size:clamp(42px,4.4vw,64px)!important;
  line-height:.98!important;
  margin:7px 0 10px!important;
  letter-spacing:-1.5px;
}
.w-results-page .w-results-title p{
  max-width:760px!important;
  margin:0!important;
  font-size:14px!important;
  line-height:1.8;
}
.w-results-page .w-results-trust{
  max-width:none!important;
  justify-content:flex-start!important;
  margin:14px 0 12px!important;
  gap:7px!important;
}
.w-results-page .w-results-trust span{
  padding:6px 10px!important;
  font-size:11px!important;
  background:rgba(255,255,255,.76)!important;
}
.w-results-page .w-parts-search{
  max-width:820px;
  margin-inline-start:auto;
  margin-top:0!important;
}
.w-results-page .w-results-content{
  padding-top:20px!important;
}
.w-results-page .w-category-rail{
  padding-bottom:10px!important;
  margin-bottom:4px;
}
.w-results-page .w-results-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:8px 0 16px!important;
}
.w-results-page .w-results-summary{
  min-width:0;
}
.w-results-page .w-results-summary-line{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}
.w-results-page .w-results-toolbar h2{
  margin:2px 0!important;
  font-size:25px!important;
}
.w-results-page .w-results-count{
  display:inline-flex;
  align-items:center;
  min-height:26px;
  border:1px solid #cad3d7;
  border-radius:999px;
  background:#f6f8f8;
  padding:3px 9px;
  color:#647178;
  font-size:11px;
  font-weight:850;
  white-space:nowrap;
}
.w-results-page .w-sort-form{
  margin:0!important;
  flex:0 0 auto;
}
.w-results-page .w-sort-form select{
  min-width:145px;
  height:40px!important;
}
.w-results-page .w-smart-empty{
  max-width:680px;
  margin:12px auto 0;
  padding:26px 24px!important;
}
.w-results-page .w-smart-empty strong{
  font-size:21px!important;
}
.w-results-page .w-smart-empty p{
  max-width:540px;
  margin:8px auto 16px;
  line-height:1.75;
}
.w-results-page .w-empty-actions .w-btn.primary{
  background:#1d272b!important;
  border-color:#1d272b!important;
  color:#fff!important;
}

@media(min-width:1000px){
  .w-results-page .w-results-hero>.container{
    max-width:1180px;
  }
  .w-results-page .w-results-title,
  .w-results-page .w-parts-search{
    width:min(100%,860px);
    margin-inline-start:auto;
  }
}

@media(max-width:820px){
  .w-results-page .w-results-hero{
    padding:12px 0 14px!important;
  }
  .w-results-page .w-context-bar{
    margin-bottom:13px;
  }
  .w-results-page .w-results-title h1{
    font-size:34px!important;
    line-height:1.02!important;
    letter-spacing:-.5px;
  }
  .w-results-page .w-results-title p{
    font-size:12px!important;
  }
  .w-results-page .w-results-trust{
    margin:10px 0!important;
  }
  .w-results-page .w-results-trust span{
    font-size:10.5px!important;
    padding:5px 8px!important;
  }
  .w-results-page .w-results-content{
    padding-top:14px!important;
  }
  .w-results-page .w-results-toolbar{
    display:flex!important;
    align-items:center!important;
  }
  .w-results-page .w-results-toolbar h2{
    font-size:20px!important;
  }
  .w-results-page .w-sort-form select{
    min-width:115px;
    max-width:125px!important;
    font-size:10.5px!important;
  }
}

@media(max-width:520px){
  .w-results-page .w-results-toolbar{
    align-items:flex-end!important;
  }
  .w-results-page .w-results-summary-line{
    gap:6px;
  }
  .w-results-page .w-results-count{
    font-size:10px;
  }
  .w-results-page .w-sort-form select{
    min-width:105px;
    max-width:110px!important;
    padding-inline:8px!important;
  }
  .w-results-page .w-smart-empty{
    padding:22px 14px!important;
  }
}


/* =========================================================
   WUSATA V8.6.4 — MATCH SVG / VEHICLE OPTIONS / ADDRESS BOOK
   ========================================================= */

/* Never rely on font/emoji check glyphs in Wusata Match. */
.w-match-progress span.complete i{
  font-size:0!important;
  position:relative;
}
.w-match-progress span.complete i:before{
  content:""!important;
  display:block;
  width:11px;
  height:11px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l3.4 3.4L16 5.8' fill='none' stroke='%23192226' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.w-match-car-state{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}
.w-match-car-state.is-complete:before{
  content:"";
  width:15px;
  height:15px;
  flex:0 0 15px;
  border-radius:50%;
  background:#f3f6f7 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M4 10.5l3.4 3.4L16 5.8' fill='none' stroke='%23192226' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px 10px no-repeat;
}
.w-svg-check svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* Separate engine and trim while keeping the hub compact. */
.w-vehicle-grid{
  grid-template-columns:repeat(5,minmax(0,1fr)) auto auto!important;
}
@media(max-width:1100px){
  .w-vehicle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:700px){
  .w-vehicle-grid{grid-template-columns:1fr 1fr!important}
}

/* Address book */
.w-address-book{display:grid;gap:16px}
.w-address-book-head{display:flex;align-items:center;justify-content:space-between;gap:16px}
.w-address-book-head h2{font-size:30px;margin:4px 0}.w-address-book-head p{margin:0;color:#66747a}
.w-address-form,.w-address-card{background:#fff;border:1px solid #cbd5d9;border-radius:18px;padding:18px;box-shadow:0 10px 30px rgba(18,30,36,.05)}
.w-address-form-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.w-address-form-title strong{font-size:22px}
.w-address-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.w-address-grid label{display:grid;gap:6px;font-weight:750}.w-address-grid label.wide{grid-column:1/-1}
.w-address-grid input{width:100%;min-height:44px;border:1px solid #bdc9ce;border-radius:10px;padding:9px 11px}
.w-address-default-check{display:flex;align-items:center;gap:7px;margin:14px 0}
.w-address-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.w-address-card.is-default{border-color:#6f7e84;box-shadow:0 0 0 1px #6f7e84 inset,0 10px 30px rgba(18,30,36,.05)}
.w-address-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.w-address-card-top strong{display:block;font-size:19px;margin-top:4px}
.w-address-card p{margin:13px 0 5px;font-weight:700}.w-address-card small{color:#6b787e}
.w-address-default-badge{display:inline-flex;border-radius:999px;background:#202a2f;color:#fff;padding:5px 9px;font-size:10px;font-weight:800}
.w-address-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.w-address-actions form{margin:0}.w-danger-btn{color:#a42c2c!important;border-color:#d9abab!important}
.w-address-notice{padding:10px 13px;border-radius:10px}.w-address-notice.success{background:#edf7f1;border:1px solid #bcdac8}
.w-checkout-address-picker{display:grid;gap:8px;background:#f2f5f6;border:1px solid #c8d3d7;border-radius:14px;padding:14px;margin:0 0 16px}
.w-checkout-address-picker strong{font-size:18px}.w-checkout-address-picker select{min-height:44px;border-radius:9px}.w-checkout-address-picker a{font-weight:750}
@media(max-width:760px){
  .w-address-book-head{align-items:flex-start;flex-direction:column}.w-address-card-grid,.w-address-grid{grid-template-columns:1fr}.w-address-grid label.wide{grid-column:auto}
}


/* =========================================================
   WUSATA V8.6.5 — FINAL CUSTOMER UX POLISH
   ========================================================= */

/* --- Add-to-cart: compact Wusata confirmation --- */
.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
  border:1px solid #c8d2d6!important;
  border-top:1px solid #c8d2d6!important;
  border-radius:15px!important;
  background:#fff!important;
  color:#263238!important;
  box-shadow:0 10px 24px rgba(22,33,38,.07)!important;
  padding:12px 14px!important;
  margin:0 0 16px!important;
}
.woocommerce-message:before,
.woocommerce-info:before{
  display:none!important;
}
.woocommerce-message .button,
.woocommerce-info .button{
  float:none!important;
}
.w-cart-added-inner{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:11px;
}
.w-cart-added-badge{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:4px 9px;
  border-radius:999px;
  background:#202a2f;
  color:#fff;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}
.w-cart-added-text{
  min-width:0;
  font-size:12px;
  font-weight:800;
  color:#435158;
}
.w-cart-added-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 13px;
  border-radius:10px;
  background:#202a2f;
  color:#fff!important;
  font-size:11px;
  font-weight:900;
  white-space:nowrap;
}

/* --- Product top: one visual system --- */
.w-product-topbar{
  padding:16px 0 0!important;
}
.w-product-context{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  min-height:58px;
  padding:10px 14px;
  border:1px solid #c5cfd3;
  border-radius:15px;
  background:rgba(255,255,255,.9);
  box-shadow:0 8px 22px rgba(24,35,40,.05);
}
.w-product-context-copy{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.w-product-context-copy strong{
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.w-product-context-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}
.w-product-context-actions a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 10px;
  border:1px solid #c5cfd3;
  border-radius:9px;
  background:#fff;
  color:#46545b;
  font-size:10px;
  font-weight:900;
}
.w-product-context-actions .w-product-context-car{
  background:#202a2f;
  border-color:#202a2f;
  color:#fff;
}
.w-product-main-section{
  padding-top:16px!important;
}
.single-product .woocommerce div.product{
  background:#fff!important;
  border:1px solid #c8d2d6!important;
  border-radius:22px!important;
  box-shadow:0 16px 40px rgba(22,33,38,.07)!important;
  padding:22px!important;
  gap:24px!important;
}
.single-product .woocommerce div.product .woocommerce-product-gallery{
  background:linear-gradient(145deg,#f8f9f9,#eef2f3)!important;
  border:1px solid #e0e6e8;
  min-height:460px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.single-product .woocommerce div.product .summary{
  padding:8px 4px!important;
}
.single-product .woocommerce div.product .product_title{
  font-size:36px!important;
  line-height:1.18!important;
  margin:2px 0 12px!important;
}
.single-product .woocommerce div.product p.price,
.single-product .woocommerce div.product span.price{
  color:#172125!important;
  font-size:25px!important;
  line-height:1.35!important;
  font-weight:950!important;
  margin:5px 0 14px!important;
}
.single-product .woocommerce div.product p.price .woocommerce-Price-amount{
  color:#172125!important;
}
.single-product .woocommerce div.product form.cart{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin:14px 0 0!important;
}
.single-product .woocommerce div.product form.cart .button{
  min-height:48px!important;
  border-radius:11px!important;
  background:#202a2f!important;
  color:#fff!important;
  font-weight:900!important;
}
.single-product .woocommerce div.product form.cart .quantity .qty{
  width:64px!important;
  height:48px!important;
}
.single-product .product_meta{
  display:flex!important;
  flex-wrap:wrap;
  gap:6px 10px;
  margin-top:14px!important;
  padding-top:12px;
  border-top:1px solid #e1e6e8;
  color:#6d7a80;
  font-size:10px!important;
}
.single-product .product_meta>span{
  display:inline-flex;
  gap:4px;
}

/* --- Wusata Match: real vector, no white emoji-like disk --- */
.w-match-car-state{
  display:inline-flex!important;
  align-items:center;
  gap:6px;
}
.w-match-state-check{
  display:none;
  width:17px;
  height:17px;
  flex:0 0 17px;
  border:1px solid #829096;
  border-radius:50%;
  background:#273237;
  align-items:center;
  justify-content:center;
}
.w-match-state-check svg,
.w-match-progress i svg{
  width:11px;
  height:11px;
  fill:none;
  stroke:#f2f5f6;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.w-match-car-state.is-complete .w-match-state-check{
  display:inline-flex;
}
.w-match-car-state.is-complete:before{
  display:none!important;
}
.w-match-progress i{
  overflow:hidden;
}
.w-match-progress i svg{
  display:none;
}
.w-match-progress span.complete i{
  width:20px!important;
  height:20px!important;
  font-size:8px!important;
  background:#273237!important;
  border-color:#829096!important;
  color:#aeb8bc!important;
}
.w-match-progress span.complete i>span{
  display:none;
}
.w-match-progress span.complete i svg{
  display:block;
}
.w-match-progress span.active:not(.complete) i{
  background:#dfe5e7!important;
  border-color:#dfe5e7!important;
  color:#192226!important;
}

/* --- Account profile / phone --- */
.w-account-profile-form{
  display:grid;
  gap:16px;
}
.w-profile-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 14px;
}
.w-profile-grid .form-row-wide{
  grid-column:1/-1;
}
.w-profile-grid p{
  margin:0!important;
}
.w-profile-grid label,
.w-password-box label{
  display:block;
  margin-bottom:6px;
  font-weight:850;
}
.w-profile-hint{
  display:block;
  margin-top:5px;
  color:#718087;
  font-size:10px;
}
.w-password-box{
  margin:4px 0 0!important;
  padding:16px!important;
  border:1px solid #ccd5d9!important;
  border-radius:15px!important;
  background:#f8fafa;
}
.w-password-box legend{
  padding:0 7px;
  font-size:12px;
  font-weight:900;
}
.w-password-box p{
  margin:0 0 11px!important;
}
.w-password-box p:last-child{
  margin-bottom:0!important;
}
.w-optional{
  color:#758289;
  font-size:10px;
  font-weight:500;
}
.w-profile-save{
  margin:0!important;
}
.w-profile-save button{
  min-width:150px;
  min-height:44px;
}

/* --- Account empty Match state: button belongs to the card --- */
.w-account-match-empty{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:190px;
  padding:24px!important;
}
.w-account-match-empty .w-subtle{
  margin-bottom:5px;
}
.w-account-match-empty strong{
  margin:0!important;
}
.w-account-match-empty p{
  max-width:480px;
  margin:7px auto 14px!important;
  line-height:1.7;
}
.w-account-match-empty .w-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-width:170px;
  min-height:43px;
  margin:0!important;
  padding:9px 15px!important;
}

/* Reduce empty dead-space on account endpoints. */
.w-account-main{
  min-height:360px!important;
}

/* --- Responsive --- */
@media(max-width:820px){
  .w-cart-added-inner{
    grid-template-columns:1fr auto;
  }
  .w-cart-added-badge{
    grid-column:1/-1;
    width:max-content;
  }
  .w-product-context{
    align-items:flex-start;
  }
  .w-product-context-copy{
    display:grid;
    gap:2px;
  }
  .w-product-context-actions{
    flex-direction:column;
    align-items:stretch;
  }
  .single-product .woocommerce div.product{
    grid-template-columns:1fr!important;
    padding:14px!important;
  }
  .single-product .woocommerce div.product .woocommerce-product-gallery{
    min-height:300px;
  }
  .single-product .woocommerce div.product .product_title{
    font-size:28px!important;
  }
}
@media(max-width:620px){
  .w-cart-added-inner{
    grid-template-columns:1fr;
    gap:7px;
  }
  .w-cart-added-link{
    width:100%;
  }
  .w-product-context{
    display:grid;
  }
  .w-product-context-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }
  .w-profile-grid{
    grid-template-columns:1fr;
  }
  .w-profile-grid .form-row-wide{
    grid-column:auto;
  }
  .w-account-main{
    min-height:0!important;
  }
}