:root{--blue:#0877ff;--black:#07090b;--ink:#0d1013;--white:#f5f7f8;--grey:#9aa2aa;--line:#262b31}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}
.topbar{height:86px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid rgba(255,255,255,.14);background:linear-gradient(#080b0ee8,#080b0e80);backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;min-width:260px}.brand .m4,.footer-brand .m4{font:900 34px/1 "Barlow Condensed";font-style:italic;color:#fff;letter-spacing:-2px}.brand .m4:after,.footer-brand .m4:after{content:"";display:inline-block;width:7px;height:28px;background:var(--blue);transform:skew(-16deg);margin-left:7px;vertical-align:-3px}.brand .track{font:700 18px/1 "Barlow Condensed";letter-spacing:2px}
nav{margin:auto;display:flex;gap:34px}nav a{font:700 13px/1 Inter;letter-spacing:1.7px;opacity:.78;transition:.2s}nav a:hover{opacity:1;color:#fff}
.header-cta{min-width:205px;display:flex;justify-content:space-between;align-items:center;background:var(--blue);padding:16px 18px;font:800 12px Inter;letter-spacing:1px}.header-cta b{font-size:20px}.menu{display:none;background:none;border:0;color:white;font-size:24px}
.hero{height:100svh;min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}
.hero-photo,.track-photo{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.04)}
.hero-photo{background-image:url("https://d3u3wx15oqvhcs.cloudfront.net/_1200x795_crop_center-center_75_none/GT-World-Challenge-Europe-Powered-by-AWS-CMcom-Circuit-Zandvoort_0009_SRO_B59I1546_2022.jpg?v=1686238596");filter:saturate(.55) contrast(1.16)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,6,8,.94) 0%,rgba(4,6,8,.68) 43%,rgba(4,6,8,.16) 72%),linear-gradient(0deg,rgba(4,6,8,.75),transparent 45%)}
.speed-lines{position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(112deg,transparent 0 58px,rgba(255,255,255,.35) 59px 60px,transparent 61px 120px);transform:translateX(22%)}
.hero-copy{position:relative;z-index:3;margin-left:8vw;margin-top:45px;width:min(820px,78vw)}
.eyebrow,.section-tag{font:700 11px/1 Inter;letter-spacing:2.6px;color:#b5bdc5}.eyebrow{display:flex;align-items:center;gap:13px}.eyebrow span{width:45px;height:3px;background:var(--blue)}
h1,h2{font-family:"Barlow Condensed",Impact,sans-serif;margin:0;text-transform:uppercase;letter-spacing:-.04em}
h1{font-size:clamp(86px,10.7vw,190px);line-height:.72;font-weight:900;margin:34px 0 35px}h1 em{font-style:italic;color:transparent;-webkit-text-stroke:2px white}
.hero-copy p{max-width:600px;color:#c5cbd0;line-height:1.7;font-size:15px}
.hero-actions{display:flex;gap:12px;margin-top:36px}.btn{padding:18px 22px;font:800 12px Inter;letter-spacing:1.1px}.btn.primary{background:var(--blue)}.btn.primary b{margin-left:28px}.btn.ghost{border:1px solid #ffffff55}
.hero-data{position:absolute;z-index:4;right:4.5vw;bottom:36px;display:flex;border-top:1px solid #ffffff44}.hero-data div{padding:16px 28px 0;border-left:1px solid #ffffff33}.hero-data small{display:block;font-size:8px;letter-spacing:2px;color:#aab0b5;margin-bottom:6px}.hero-data strong{font:700 12px Inter;letter-spacing:1px}.hero-data i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36e27b;margin-right:6px;box-shadow:0 0 10px #36e27b}
.scroll{position:absolute;z-index:3;left:4.5vw;bottom:36px;writing-mode:vertical-rl;font:700 8px Inter;letter-spacing:2px;color:#aab0b5}.scroll span{margin-top:10px;color:white}
.finder,.brands{padding:110px 8vw;background:#f1f3f4;color:#101316}.section-tag{padding-bottom:22px;border-bottom:1px solid #c9ced2;color:#68717a}.section-tag.light{color:#aeb5bc;border-color:#ffffff32}
.finder-head,.brands-head{display:flex;justify-content:space-between;align-items:end;margin:45px 0}.finder h2,.brands h2{font-size:clamp(65px,7vw,116px);line-height:.78}.finder h2 span,.brands h2 span{color:var(--blue);font-style:italic}.finder-head p,.brands-head p{width:360px;line-height:1.65;color:#626a71;font-size:14px}.lap{font:700 10px Inter;letter-spacing:2px;color:#727b83;position:absolute;right:8vw;margin-top:-180px}.lap b{color:#00b862;margin-left:12px}
.finder-grid{display:grid;grid-template-columns:repeat(4,1fr) 1.2fr;border:1px solid #c7ccd0;background:white}.finder-grid label{padding:24px;border-right:1px solid #d5d9dc;position:relative}.finder-grid small{position:absolute;right:14px;top:14px;color:#c0c5c9;font:700 9px Inter}.finder-grid span{display:block;font:800 10px Inter;letter-spacing:1.5px;margin-bottom:12px}.finder-grid select{border:0;background:transparent;width:100%;font:600 14px Inter;color:#646c73;outline:none}.search-btn{border:0;background:#101316;color:white;font:800 11px Inter;letter-spacing:1px;padding:0 25px;display:flex;align-items:center;justify-content:space-between}.search-btn b{font-size:22px;color:var(--blue)}
.statement{min-height:740px;position:relative;overflow:hidden;background:#0a0c0f;display:flex;align-items:center;padding:80px 8vw}.statement:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 50%,#1a1f25 0,transparent 36%),repeating-linear-gradient(90deg,transparent 0 99px,#ffffff08 100px);opacity:.8}
.tyre-ring{position:absolute;width:650px;height:650px;border:110px solid #181c20;border-radius:50%;left:-110px;box-shadow:inset 0 0 0 2px #31363a,0 0 80px #000;transform:rotate(-16deg)}.tyre-ring:after{content:"";position:absolute;inset:-76px;border:2px dashed #353a3f;border-radius:50%}
.statement-copy{position:relative;z-index:2;margin-left:42%;width:55%}.statement-copy h2{font-size:clamp(70px,8vw,135px);line-height:.76;margin:40px 0}.statement-copy h2 span,.track-content h2 span,.cta h2 span{color:var(--blue);font-style:italic}.statement-copy p{max-width:500px;color:#9fa7ae;line-height:1.7}.vertical-copy{position:absolute;right:2vw;writing-mode:vertical-rl;font:700 9px Inter;letter-spacing:3px;color:#525a61}
.brands-head{align-items:center}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c9ced2;border-left:1px solid #c9ced2}.brand-grid a{height:190px;padding:28px;border-right:1px solid #c9ced2;border-bottom:1px solid #c9ced2;display:flex;flex-direction:column;position:relative;transition:.25s}.brand-grid a:hover{background:#101316;color:white;transform:translateY(-4px)}.brand-grid strong{font:900 38px "Barlow Condensed";font-style:italic}.brand-grid small{margin-top:auto;font:700 9px Inter;letter-spacing:1.5px;color:#858e96}.brand-grid b{position:absolute;right:25px;top:25px;font-size:23px;color:var(--blue)}.brand-grid .all{background:var(--blue);color:white}.brand-grid .all b,.brand-grid .all small{color:white}
.trackside{min-height:780px;position:relative;display:flex;align-items:center}.track-photo{background-image:url("https://static.wixstatic.com/media/67d9bf_cea08f7db1fa403b92eadd3aa4d5d72c~mv2.jpg/v1/fill/w_1800,h_1000,al_c,q_88/67d9bf_cea08f7db1fa403b92eadd3aa4d5d72c~mv2.jpg");filter:grayscale(1) contrast(1.15)}.trackside:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#07090bf5 0,#07090bdc 42%,#07090b33 75%)}
.track-content{position:relative;z-index:2;margin-left:8vw;width:620px}.track-content h2{font-size:clamp(72px,8vw,130px);line-height:.78;margin:38px 0}.track-content p{color:#aeb5bc;line-height:1.7;max-width:500px}.stats{display:flex;gap:45px;margin:40px 0}.stats div{display:flex;gap:10px}.stats b{font:900 30px "Barlow Condensed";color:var(--blue)}.stats span{font:700 9px/1.5 Inter;letter-spacing:1px;color:#c8cdd1}
.cta{padding:110px 8vw;background:var(--blue);position:relative;overflow:hidden}.cta:after{content:"M4";position:absolute;right:-2vw;bottom:-9vw;font:900 31vw/.8 "Barlow Condensed";font-style:italic;color:#ffffff10}.cta p{font:700 11px Inter;letter-spacing:3px}.cta h2{font-size:clamp(80px,10vw,170px);line-height:.72;margin:30px 0 45px}.cta h2 span{color:white;-webkit-text-stroke:1px white}.cta>a{display:inline-flex;background:#090b0d;padding:20px 25px;font:800 11px Inter;letter-spacing:1px}.cta>a b{margin-left:80px}
footer{padding:60px 8vw 25px;background:#050607;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px;color:#8e969d}.footer-brand{display:flex;gap:12px;align-items:center;color:white;font:700 18px "Barlow Condensed";letter-spacing:2px}.footer-address{font:600 10px/1.8 Inter;letter-spacing:1px}.footer-links{display:flex;justify-content:flex-end;gap:20px;font:700 9px Inter;letter-spacing:1px}.credit{grid-column:1/-1;border-top:1px solid #22272b;margin-top:30px;padding-top:20px;font:600 8px Inter;letter-spacing:1.5px}.credit span{color:var(--blue);margin:0 8px}.credit a{color:#c6ccd1}
@media(max-width:900px){.topbar{height:72px;padding:0 22px}.brand{min-width:0}.brand .m4{font-size:28px}.brand .track{font-size:14px}nav,.header-cta{display:none}.menu{display:block;margin-left:auto}.hero{min-height:720px}.hero-copy{margin:50px 24px 0;width:auto}.hero-copy p{max-width:500px}.hero-data{left:24px;right:24px;bottom:22px}.hero-data div{padding-left:12px;padding-right:12px}.scroll{display:none}.finder,.brands{padding:80px 24px}.finder-head,.brands-head{display:block}.finder-head p,.brands-head p{width:auto;max-width:500px;margin-top:28px}.lap{display:none}.finder-grid{grid-template-columns:1fr 1fr}.finder-grid .search-btn{min-height:78px;grid-column:1/-1}.statement{padding:70px 24px;min-height:680px}.tyre-ring{width:460px;height:460px;border-width:80px;left:-240px}.statement-copy{margin-left:25%;width:75%}.brand-grid{grid-template-columns:1fr 1fr}.track-content{margin:0 24px;width:75%}.cta{padding:80px 24px}footer{padding:50px 24px 22px;grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:560px){h1{font-size:76px}.hero{min-height:760px}.hero-photo{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#050709f5,#05070990)}.hero-copy{margin-top:0}.hero-actions{flex-direction:column;align-items:flex-start}.hero-data{display:none}.finder-grid{grid-template-columns:1fr}.finder-grid .search-btn{grid-column:auto}.statement-copy{margin-left:0;width:100%}.tyre-ring{opacity:.35;left:-280px}.brand-grid{grid-template-columns:1fr}.brand-grid a{height:130px}.track-content{width:auto}.stats{gap:16px;flex-wrap:wrap}.cta h2{font-size:78px}footer{grid-template-columns:1fr}.footer-links{grid-column:auto}.credit{grid-column:auto}.footer-address{margin-top:12px}}
\n/* V2: supplied M4 branding + subtle motorsport watermark */\n.brand img{display:block;width:235px;max-height:52px;object-fit:contain;object-position:left center}\n.footer-brand img{display:block;width:190px;max-height:76px;object-fit:contain;object-position:left center}\n.finder{position:relative;overflow:hidden;isolation:isolate}\n.finder>*:not(.flag-watermark){position:relative;z-index:2}\n.flag-watermark{position:absolute;z-index:0;right:-4vw;top:4%;width:min(760px,58vw);aspect-ratio:1.35;opacity:.15;transform:rotate(-8deg) skewY(-4deg);filter:grayscale(1);pointer-events:none;background:\n linear-gradient(145deg,transparent 0 12%,rgba(0,0,0,.09) 13% 18%,transparent 19% 33%,rgba(255,255,255,.45) 34% 39%,transparent 40%),\n conic-gradient(from 90deg at 25% 25%,#111 0 25%,#fff 0 50%,#111 0 75%,#fff 0) 0 0/112px 112px;\n clip-path:polygon(2% 16%,12% 11%,23% 14%,35% 9%,47% 14%,59% 8%,71% 15%,83% 10%,97% 19%,94% 79%,82% 73%,69% 81%,56% 75%,43% 83%,30% 76%,17% 82%,5% 74%);\n box-shadow:inset 0 0 100px 35px rgba(255,255,255,.5);\n}\n@media(max-width:900px){.brand img{width:205px}.flag-watermark{width:82vw;right:-25vw;top:11%;opacity:.12}.footer-brand img{width:175px}}\n@media(max-width:560px){.brand img{width:175px}.flag-watermark{width:120vw;right:-58vw;top:8%;opacity:.10}}\n
/* V3 review fixes */
.flag-watermark{
  right:-2vw;
  top:1%;
  width:min(900px,68vw);
  opacity:.20;
  transform:rotate(-7deg) skewY(-5deg);
  filter:grayscale(1) contrast(1.25);
  background:
    radial-gradient(ellipse at 48% 46%,rgba(255,255,255,.34),transparent 58%),
    repeating-conic-gradient(#0b0d0f 0 25%,#ffffff 0 50%) 0 0/116px 116px;
  box-shadow:inset 0 0 130px 45px rgba(241,243,244,.72);
}
.footer-brand{align-items:center}
.footer-brand img{width:150px;max-height:36px;height:auto;object-fit:contain;object-position:left center;transition:opacity .2s ease}
.footer-brand:hover img{opacity:.78}
@media(max-width:900px){.flag-watermark{width:90vw;right:-22vw;opacity:.18}.footer-brand img{width:140px;max-height:34px}}
@media(max-width:560px){.flag-watermark{width:135vw;right:-62vw;opacity:.16}.footer-brand img{width:132px;max-height:32px}}

/* V4 desktop refinements */
.finder{position:relative;overflow:hidden;isolation:isolate}
.finder > *:not(.finder-flag){position:relative;z-index:2}
.finder-flag{
  display:block !important;
  position:absolute;
  z-index:1;
  pointer-events:none;
  width:68vw;
  height:40vw;
  min-width:760px;
  min-height:440px;
  max-width:1250px;
  max-height:730px;
  right:-8vw;
  top:70px;
  background:url("assets/chequered-flag.svg") center/contain no-repeat;
  opacity:.20;
  transform:rotate(-9deg);
  transform-origin:center;
}
.footer-brand a{display:inline-block;line-height:0}
.footer-brand img{
  display:block;
  width:320px;
  max-width:none;
  height:auto;
}
@media(max-width:900px){
  .finder-flag{width:920px;height:540px;right:-360px;top:120px;opacity:.15}
  .footer-brand img{width:250px}
}
@media(max-width:560px){
  .finder-flag{width:760px;height:450px;right:-390px;top:160px;opacity:.11}
  .footer-brand img{width:220px;max-width:90vw}
}

/* V5 — user-supplied full-panel chequered flag */
.finder-flag{
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:0 !important;
  min-height:0 !important;
  max-width:none !important;
  max-height:none !important;
  right:auto !important;
  top:auto !important;
  background-image:url("assets/chequered-flag-rippled.jpg") !important;
  background-position:center center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  opacity:.15 !important;
  transform:none !important;
  pointer-events:none;
  z-index:1;
}
.finder > *:not(.finder-flag){position:relative;z-index:2}
@media(max-width:900px){
  .finder-flag{opacity:.15 !important;background-position:center center !important}
}
@media(max-width:560px){
  .finder-flag{opacity:.15 !important;background-position:center center !important}
}

/* V6 — approved alloy wheel / low-profile tyre treatment */
.statement{
  position:relative;
  overflow:hidden;
  background:#080b0e;
}
.statement .tyre-ring{
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  width:50vw !important;
  height:100% !important;
  left:-4vw !important;
  top:0 !important;
  transform:none !important;
  background:
    linear-gradient(90deg,rgba(7,9,11,.08) 0%,rgba(7,9,11,.12) 55%,rgba(7,9,11,.95) 100%),
    url("assets/performance-wheel.jpg") center left/cover no-repeat !important;
  opacity:.58;
}
.statement .tyre-ring:after{display:none !important}
.statement:before{
  z-index:1;
  background:
    linear-gradient(90deg,transparent 0%,rgba(7,9,11,.10) 35%,rgba(7,9,11,.72) 55%,rgba(7,9,11,.96) 74%),
    repeating-linear-gradient(90deg,transparent 0 99px,#ffffff06 100px) !important;
}
.statement-copy{z-index:3}
.vertical-copy{z-index:3}
@media(max-width:900px){
  .statement .tyre-ring{
    width:62vw !important;
    left:-16vw !important;
    opacity:.48;
  }
}
@media(max-width:560px){
  .statement .tyre-ring{
    width:100vw !important;
    left:-48vw !important;
    opacity:.32;
  }
}

/* =========================================================
   V7 — Junior visual language rebuilt as live responsive UI
   ========================================================= */
.finder-v7{
  min-height:430px;
  padding:70px 8vw 58px;
  background:#11161b;
  color:#fff;
  position:relative;
  overflow:hidden;
  border-bottom:2px solid var(--blue);
}
.finder-v7-bg{
  position:absolute;inset:0;z-index:0;
  background:
    linear-gradient(90deg,rgba(7,11,15,.34),rgba(7,11,15,.48)),
    url("assets/junior-dark-flag.jpg") center/cover no-repeat;
  opacity:.92;
}
.finder-v7-inner{position:relative;z-index:2;max-width:1500px;margin:auto}
.finder-kicker,.statement-kicker{
  display:flex;align-items:center;gap:12px;
  font:700 12px/1 Inter;letter-spacing:2.4px;color:#e8edf1;
  font-style:italic;
}
.finder-kicker span,.statement-kicker span{width:42px;height:2px;background:var(--blue)}
.finder-v7 h2{font-size:clamp(66px,6.6vw,112px);line-height:.82;margin:18px 0 12px;color:#fff}
.finder-v7 h2 em{font-style:italic;color:var(--blue)}
.finder-sub{font:700 13px/1 Inter;letter-spacing:2px;color:#e8edf1;margin:0 0 35px}
.finder-grid-v7{
  display:grid;grid-template-columns:repeat(4,1fr) 1.02fr;
  border:0;background:transparent;gap:8px;
}
.finder-grid-v7 label{
  min-height:82px;padding:18px 16px 15px 58px;
  border:1px solid #2d485e;background:rgba(5,12,18,.88);
  position:relative;box-shadow:inset 0 0 22px rgba(0,0,0,.25);
}
.finder-grid-v7 label span{color:#fff;margin-bottom:8px}
.finder-grid-v7 select{color:#aab4bd}
.finder-grid-v7 .control-icon{position:absolute;left:18px;top:26px;width:25px;height:25px;opacity:.92}
.tyre-icon{border:3px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 4px #071018}
.rim-icon{border:3px solid #fff;border-radius:50%;box-shadow:inset 0 0 0 5px #071018}
.rim-icon:after{content:"";position:absolute;inset:6px;border:2px solid #fff;border-radius:50%}
.layers-icon:before,.layers-icon:after{content:"";position:absolute;left:2px;width:20px;height:12px;border:2px solid #fff;transform:rotate(30deg) skew(-20deg)}
.layers-icon:before{top:1px}.layers-icon:after{top:9px}
.gear-icon{border:3px dotted #fff;border-radius:50%}.gear-icon:after{content:"";position:absolute;inset:6px;border:2px solid #fff;border-radius:50%}
.search-btn-v7{
  min-height:82px;background:var(--blue);border:1px solid #2690ff;
  justify-content:center;gap:14px;font-size:12px;box-shadow:0 0 24px rgba(8,119,255,.18)
}
.search-glass{width:18px;height:18px;border:2px solid white;border-radius:50%;position:relative}
.search-glass:after{content:"";position:absolute;width:8px;height:2px;background:white;right:-6px;bottom:-3px;transform:rotate(45deg)}
.popular{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin-top:16px;font:600 11px Inter;color:#d4dae0}
.popular strong{margin-right:12px}.popular a{font-style:italic;font-weight:700}
.popular a:before{content:"/";color:var(--blue);font-size:16px;margin:0 14px}

.statement-v7{
  min-height:610px;padding:0;background:#070b0f;position:relative;overflow:hidden;
  display:flex;align-items:center;
}
.statement-v7:before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,transparent 0%,rgba(5,9,13,.20) 30%,rgba(5,9,13,.93) 47%,rgba(5,9,13,.72) 76%,rgba(5,9,13,.25) 100%);
}
.statement-wheel{
  position:absolute;z-index:0;left:-3%;top:0;width:43%;height:100%;
  background:url("assets/junior-wheel.jpg") center/cover no-repeat;
  opacity:.86;
}
.statement-tread{
  position:absolute;z-index:0;right:-1%;top:0;width:33%;height:100%;
  background:url("assets/junior-wet-tread.jpg") center/cover no-repeat;
  opacity:.54;
}
.statement-v7-content{
  position:relative;z-index:3;width:61%;margin-left:39%;padding:70px 6vw 65px 0;
}
.statement-v7 h2{
  font-size:clamp(58px,5.5vw,102px);line-height:.82;margin:18px 0 25px;
  color:#f3f5f6;letter-spacing:-.035em;
}
.statement-v7 h2 em{font-style:italic;color:var(--blue)}
.statement-v7-content>p{max-width:620px;color:#c2c8ce;line-height:1.55;font-size:14px}
.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:34px 0 38px;max-width:820px}
.benefit{display:flex;align-items:center;gap:12px;min-width:0}
.benefit span{font:700 10px/1.45 Inter;letter-spacing:.6px;color:#d7dde2}.benefit span b{display:block}
.benefit-icon{display:block;flex:0 0 38px;width:38px;height:38px;position:relative;color:var(--blue)}
.benefit-icon.grip{border:4px solid var(--blue);border-radius:48% 48% 42% 42%;transform:scaleX(.72)}
.benefit-icon.grip:after{content:"";position:absolute;inset:4px;border-left:3px dashed var(--blue);border-right:3px dashed var(--blue)}
.benefit-icon.corner{border:4px solid var(--blue);border-radius:50%}
.benefit-icon.corner:before{content:"";position:absolute;left:5px;right:5px;top:15px;border-top:4px solid var(--blue)}
.benefit-icon.corner:after{content:"";position:absolute;width:4px;height:16px;background:var(--blue);left:13px;top:15px}
.benefit-icon.flag{border-left:4px solid var(--blue);transform:skew(-7deg)}
.benefit-icon.flag:after{content:"";position:absolute;left:4px;top:2px;width:30px;height:22px;background:repeating-conic-gradient(var(--blue) 0 25%,transparent 0 50%) 0 0/12px 12px}
.benefit-icon.weather:before{content:"☀";font:700 37px/1 Arial;color:var(--blue);position:absolute;top:-3px}
.benefit-icon.weather:after{content:"≈";font:700 24px/1 Arial;color:var(--blue);position:absolute;right:-3px;bottom:-4px}
.explore-btn{
  display:inline-flex;align-items:center;justify-content:space-between;min-width:220px;
  padding:16px 20px;border:2px solid var(--blue);color:var(--blue);
  font:800 11px Inter;letter-spacing:1px;
}
.explore-btn b{font-size:23px}
@media(max-width:1050px){
  .finder-grid-v7{grid-template-columns:1fr 1fr}
  .search-btn-v7{grid-column:1/-1}
  .statement-v7-content{width:68%;margin-left:32%;padding-right:28px}
  .statement-wheel{width:45%;left:-10%}
  .benefits{grid-template-columns:1fr 1fr}
}
@media(max-width:700px){
  .finder-v7{padding:60px 24px 45px}
  .finder-grid-v7{grid-template-columns:1fr}
  .search-btn-v7{grid-column:auto}
  .popular a:before{margin:0 8px}
  .statement-v7{min-height:780px;align-items:flex-end}
  .statement-wheel{width:88%;height:58%;left:-32%;top:0;opacity:.58}
  .statement-tread{width:65%;height:52%;right:-25%;top:0;opacity:.28}
  .statement-v7:before{background:linear-gradient(0deg,#070b0f 38%,rgba(7,11,15,.45) 100%)}
  .statement-v7-content{width:100%;margin-left:0;padding:320px 24px 55px}
  .statement-v7 h2{font-size:58px}
  .benefits{grid-template-columns:1fr 1fr;gap:20px}
}

/* V8 corrections — supplied flag, Junior icons, clean tread */
.finder-v7-bg{
  background:
    linear-gradient(90deg,rgba(7,11,15,.56),rgba(7,11,15,.60)),
    url("assets/chequered-flag-rippled.jpg") center center/cover no-repeat !important;
  opacity:1 !important;
}
.junior-benefit-icon{
  width:48px;
  height:48px;
  object-fit:cover;
  object-position:center;
  flex:0 0 48px;
  mix-blend-mode:screen;
}
.statement-tread{
  background-image:
    linear-gradient(90deg,rgba(7,11,15,.12),rgba(7,11,15,0)),
    url("assets/junior-wet-tread-clean.jpg") !important;
  background-position:center !important;
  background-size:cover !important;
  background-repeat:no-repeat !important;
  width:31% !important;
  opacity:.58 !important;
}
@media(max-width:700px){
  .junior-benefit-icon{width:42px;height:42px;flex-basis:42px}
  .statement-tread{width:55% !important;right:-28% !important;opacity:.25 !important}
}

/* V9 — final supplied vector performance icons */
.benefit-svg{
  display:block;
  width:50px;
  height:50px;
  object-fit:contain;
  flex:0 0 50px;
}
@media(max-width:700px){
  .benefit-svg{width:44px;height:44px;flex-basis:44px}
}

/* V13 — untouched Illustrator SVG paths, only native .d fill changed to M4 blue */
.finder-grid-v7 .finder-svg-icon{
  position:absolute;
  left:17px;
  top:50%;
  transform:translateY(-50%);
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
}
@media(max-width:700px){
  .finder-grid-v7 .finder-svg-icon{width:28px;height:28px}
}

/* V14 catalogue journey */
.catalogue{background:#090d11;padding:92px 24px;border-top:1px solid rgba(255,255,255,.08)}
.catalogue-inner{max-width:1240px;margin:auto}
.catalogue-kicker{font-weight:800;letter-spacing:.18em;color:#fff;font-size:13px;display:flex;align-items:center;gap:14px}
.catalogue-kicker span{height:2px;width:60px;background:#0877ff}
.catalogue h2{font-size:clamp(42px,6vw,78px);line-height:.92;margin:18px 0;color:#fff}
.catalogue h2 em{font-style:normal;color:#0877ff}
.catalogue-intro{max-width:720px;color:#aeb7c0;font-size:18px;line-height:1.65}
.catalogue-toolbar{display:flex;justify-content:space-between;align-items:end;margin:46px 0 22px;padding-bottom:16px;border-bottom:1px solid #27313a}
.catalogue-toolbar strong{font-size:34px;color:#0877ff;margin-right:10px}.catalogue-toolbar span{font-weight:800;letter-spacing:.12em;color:#fff;font-size:12px}
.catalogue-toolbar button{background:none;border:0;color:#9da8b2;font-weight:800;cursor:pointer}
.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.tyre-card{position:relative;background:linear-gradient(145deg,#121920,#0c1116);border:1px solid #202b34;padding:30px;min-height:300px;overflow:hidden;transition:.2s}
.tyre-card:hover{transform:translateY(-3px);border-color:#0877ff}
.tyre-card:after{content:"";position:absolute;width:220px;height:220px;border:36px solid #171f26;border-radius:50%;right:-75px;bottom:-100px;opacity:.7}
.tyre-card .brand{color:#0877ff;font-weight:900;letter-spacing:.16em;font-size:12px}.tyre-card h3{font-size:36px;color:#fff;margin:10px 0 4px}
.tyre-card .use{color:#8e9aa5;font-weight:700}.tyre-card .chips{display:flex;gap:8px;flex-wrap:wrap;margin:28px 0}
.tyre-card .chips span,.modal-tags span{border:1px solid #34414c;padding:7px 10px;color:#d7dde2;font-size:11px;font-weight:800;letter-spacing:.08em}
.tyre-card button{position:relative;z-index:2;background:#0877ff;color:white;border:0;padding:13px 18px;font-weight:900;cursor:pointer}
.demo-badge{position:absolute;right:18px;top:18px;color:#78848e;border:1px solid #303b44;padding:5px 8px;font-size:10px;font-weight:900;letter-spacing:.12em}
.demo-note{color:#68747e;font-size:11px;letter-spacing:.08em;margin-top:18px}
.product-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.82);z-index:9999;padding:30px;align-items:center;justify-content:center}
.product-modal.open{display:flex}.product-modal-panel{position:relative;width:min(760px,100%);max-height:90vh;overflow:auto;background:#0d1318;border:1px solid #26333d;padding:42px;color:#fff;box-shadow:0 25px 80px #000}
.modal-close{position:absolute;right:18px;top:12px;background:none;border:0;color:white;font-size:36px;cursor:pointer}
.modal-brand{color:#0877ff;font-weight:900;letter-spacing:.16em;font-size:12px}.product-modal h2{font-size:46px;margin:8px 0 18px}
.modal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.product-modal p{color:#aeb7c0;line-height:1.65}
.modal-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.modal-specs div{background:#151d24;padding:14px}.modal-specs b{display:block;color:#0877ff;font-size:11px;letter-spacing:.1em;margin-bottom:4px}
.enquire-btn{width:100%;background:#0877ff;color:#fff;border:0;padding:17px;font-weight:900;letter-spacing:.06em;cursor:pointer}
.enquiry-panel label{display:block;font-size:11px;font-weight:900;letter-spacing:.1em;margin:15px 0;color:#9ba6af}.enquiry-panel input,.enquiry-panel textarea{box-sizing:border-box;width:100%;margin-top:7px;background:#151d24;border:1px solid #2b3842;color:white;padding:13px;font:inherit}.form-note{font-size:11px!important}
@media(max-width:760px){.product-grid{grid-template-columns:1fr}.catalogue{padding:65px 18px}.product-modal{padding:12px}.product-modal-panel{padding:30px 20px}.product-modal h2{font-size:34px}.modal-specs{grid-template-columns:1fr}}

/* V15 real Dunlop catalogue */
.fitment-size{font-size:30px;font-weight:900;color:#fff;margin:14px 0 6px;letter-spacing:-.02em}
.real-card .use{color:#8f9ba5;font-size:13px;letter-spacing:.08em}
.real-card:before{content:"DUNLOP";position:absolute;right:-6px;top:52px;font-size:72px;font-weight:1000;color:rgba(255,255,255,.025);transform:rotate(-90deg);pointer-events:none}
.no-results{grid-column:1/-1;border:1px solid #26333d;background:#10171d;padding:42px;color:#fff}
.no-results strong{display:block;color:#0877ff;font-size:28px;margin-bottom:8px}
.no-results span{color:#9aa6af}

/* V16 clickable manufacturer breadcrumb links */
.popular-link{
  appearance:none;background:none;border:0;padding:0;margin:0;
  color:inherit;font:inherit;font-weight:inherit;letter-spacing:inherit;
  cursor:pointer;text-decoration:none;
}
.popular-link:hover,.popular-link:focus{color:#0877ff;outline:none}

/* V20 — zero layout changes to header; only pointer + hidden catalogue */
#header-home-logo{cursor:pointer}
.catalogue.catalogue-hidden{display:none}

/* =========================================================
   V22 — approved morning amendment batch
   ========================================================= */

/* FIND YOUR FAST: dark section + flag layer only at 10% */
.finder-v7-bg{
  background:#11161b !important;
  opacity:1 !important;
}
.finder-v7-bg::after{
  content:"";
  position:absolute;
  inset:0;
  background:url("assets/chequered-flag-rippled.jpg") center center/cover no-repeat;
  opacity:.10;
  pointer-events:none;
}

/* COMES DOWN: independent transparent tyre assets */
.statement-wheel{
  background:url("assets/performance-wheel-left.png") left center/contain no-repeat !important;
  width:46% !important;
  left:-2% !important;
  opacity:.72 !important;
}
.statement-tread{
  background:url("assets/performance-tyre-right.png") right center/contain no-repeat !important;
  width:38% !important;
  right:-2% !important;
  opacity:.42 !important;
}

/* Simple race-equipment READY lamp: one second on / one second off */
.hero-data i{animation:m4-ready-blink 2s steps(1,end) infinite}
@keyframes m4-ready-blink{
  0%,49.999%{opacity:1;box-shadow:0 0 10px #36e27b}
  50%,100%{opacity:0;box-shadow:none}
}
@media (prefers-reduced-motion:reduce){.hero-data i{animation:none}}

/* CHOOSE YOUR WEAPON: colour track atmosphere, cards remain readable */
.brands{
  position:relative;
  isolation:isolate;
  background:#f1f3f4;
  overflow:hidden;
}
.brands::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url("assets/race-track-background-colour.jpg") center center/cover no-repeat;
  opacity:.50;
}
.brands::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(241,243,244,.70);
}
.brand-grid a{overflow:hidden;isolation:isolate;background:rgba(241,243,244,.91)}
.brand-grid a::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:#090d11;
  opacity:0;
  transition:opacity .25s ease;
}
.brand-grid a::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:url("assets/chequered-flag-rippled.jpg") center/cover no-repeat;
  opacity:0;
  transition:opacity .25s ease;
}
.brand-grid a:hover,.brand-grid a.selected{
  background:transparent;
  color:#fff;
  transform:translateY(-4px);
}
.brand-grid a:hover::before,.brand-grid a.selected::before{opacity:1}
.brand-grid a:hover::after,.brand-grid a.selected::after{opacity:.20}
.brand-logo{display:flex;align-items:center;height:58px;max-width:78%;position:relative;z-index:2}
.brand-logo img{display:block;max-width:100%;max-height:52px;width:auto;height:auto;filter:brightness(0);transition:filter .2s ease}
.brand-grid a:hover .brand-logo img,.brand-grid a.selected .brand-logo img{filter:brightness(0) invert(1)}
.brand-grid a small,.brand-grid a b{z-index:2}
.brand-grid .all{background:var(--blue);color:#fff}
.brand-grid .all::before,.brand-grid .all::after{display:none}
.brand-grid .all:hover{background:var(--blue)}

/* READY TO GET GRIP: supplied B&W track under M4 blue */
.cta{background:#0877ff;isolation:isolate}
.cta::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:url("assets/race-track-background-bw.jpg") center center/cover no-repeat;
  opacity:.28;
}
.cta::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(8,119,255,.78);
  pointer-events:none;
}
.cta>p,.cta>h2,.cta>a{position:relative;z-index:2}

@media(max-width:700px){
  /* Mobile uses only the left wheel as agreed */
  .statement-wheel{
    width:105% !important;
    height:61% !important;
    left:-36% !important;
    top:0 !important;
    opacity:.52 !important;
    background-position:left top !important;
  }
  .statement-tread{display:none !important}
  .brands::before{background-position:center center;opacity:.50}
  .brand-logo{height:46px;max-width:72%}
  .brand-logo img{max-height:40px}
}

/* V22 stacking correction: imagery visible without ever sitting above live content */
.brands::before{z-index:0}
.brands::after{z-index:1}
.brands>.section-tag,.brands>.brands-head,.brands>.brand-grid{position:relative;z-index:2}
.cta::before{z-index:0}
.cta::after{z-index:1}
.cta>p,.cta>h2,.cta>a{position:relative;z-index:2}

/* V23 — align FIND YOUR FAST left edge with BUILT FOR hero content */
@media (min-width: 901px){
  .finder-v7-inner{
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:37px !important;
    padding-right:37px !important;
  }
}

/* V24 — desktop IT ALL content aligns with FIND YOUR FAST second/Profile control */
@media (min-width: 901px){
  .statement-v7-content{
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    padding-left:calc(25% + 24px) !important;
    padding-right:5vw !important;
  }
}

/* V25 — CHOOSE YOUR WEAPON refinement */
@media (min-width: 901px){
  .brands{
    position:relative;
  }

  /* Bring the supplied colour track image up by ~10% from V24 treatment */
  .brands::before{
    opacity:.60 !important;
  }

  /* Keep supporting sentence directly beneath WEAPON, left aligned, one line */
  .brands-head{
    display:block !important;
  }
  .brands-head > div,
  .brands-head > p{
    width:auto !important;
    max-width:none !important;
    margin-left:0 !important;
    margin-right:0 !important;
    text-align:left !important;
  }
  .brands-head > p{
    margin-top:20px !important;
    white-space:nowrap !important;
  }

  /* Manufacturer SVGs: substantial, balanced replacement for old text names */
  .brand-logo{
    width:auto !important;
    max-width:none !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:left center !important;
  }
  .brand-card[data-brand="DUNLOP"] .brand-logo{width:170px !important;}
  .brand-card[data-brand="MICHELIN"] .brand-logo{width:190px !important;}
  .brand-card[data-brand="BRIDGESTONE"] .brand-logo{width:205px !important;}
  .brand-card[data-brand="NEXEN"] .brand-logo{width:145px !important;}
  .brand-card[data-brand="GOODYEAR"] .brand-logo{width:175px !important;}
}

/* V26 — manufacturer artwork is now cropped to its real vector bounds */
@media (min-width:901px){
  .brand-logo{
    height:74px !important;
    width:auto !important;
    max-width:78% !important;
  }
  .brand-logo img{
    width:auto !important;
    height:62px !important;
    max-width:none !important;
    max-height:none !important;
  }
  .brand-card[data-brand="DUNLOP"] .brand-logo img{width:205px !important;height:auto !important;}
  .brand-card[data-brand="MICHELIN"] .brand-logo img{width:220px !important;height:auto !important;}
  .brand-card[data-brand="BRIDGESTONE"] .brand-logo img{width:230px !important;height:auto !important;}
  .brand-card[data-brand="NEXEN"] .brand-logo img{width:175px !important;height:auto !important;}
  .brand-card[data-brand="GOODYEAR"] .brand-logo img{width:205px !important;height:auto !important;}
}

/* READY TO GET GRIP — let the supplied B&W track actually show through at ~50% */
.cta::before{opacity:.50 !important;}
.cta::after{background:rgba(8,119,255,.50) !important;}

/* V27 — final desktop polish batch */

/* Brand visual balancing requested after V26 */
@media (min-width:901px){
  .brand-card[data-brand="DUNLOP"] .brand-logo img{width:226px !important;} /* +10% */
  .brand-card[data-brand="NEXEN"] .brand-logo img{width:149px !important;} /* -15% */
}

/* READY TO GET GRIP: stronger track presence, ~65% */
.cta::before{opacity:.65 !important;}
.cta::after{background:rgba(8,119,255,.35) !important;}

/* Desktop CTA hover states — invert the visual treatment */
@media (hover:hover) and (pointer:fine){
  .hero-actions a,
  .statement-v7 .outline-btn,
  .trackside .btn,
  .cta .btn{
    transition:background-color .18s ease,color .18s ease,border-color .18s ease;
  }

  /* Filled blue buttons -> white with black type */
  .hero-actions .primary:hover,
  .trackside .btn:hover{
    background:#fff !important;
    color:#05090d !important;
    border-color:#fff !important;
  }

  /* Dark/outlined buttons -> white with black type */
  .hero-actions .secondary:hover,
  .statement-v7 .outline-btn:hover,
  .cta .btn:hover{
    background:#fff !important;
    color:#05090d !important;
    border-color:#fff !important;
  }

  .hero-actions a:hover *,
  .statement-v7 .outline-btn:hover *,
  .trackside .btn:hover *,
  .cta .btn:hover *{
    color:#05090d !important;
  }
}

/* V28 — requested desktop interaction polish */
@media (min-width:901px){
  /* Brand balance */
  .brand-card[data-brand="DUNLOP"] .brand-logo img{width:242px !important;} /* +7% from V27 */
  .brand-card[data-brand="NEXEN"] .brand-logo img{width:142px !important;}  /* -5% from V27 */

  /* Header + footer M4 logos: subtle Wix-style 5% hover grow */
  .m4-header-logo img,
  .footer-logo img{
    transition:transform .20s ease !important;
    transform-origin:left center;
  }
}
@media (hover:hover) and (pointer:fine){
  .m4-header-logo:hover img,
  .footer-logo:hover img{
    transform:scale(1.05);
  }

  /* Missed CTA hover states shown in Mark's grabs:
     Trackside Support / blue Find Your Tyres / Search Tyres /
     Explore Tyres / black Find Your Tyres.
     Simple inversion: white panel, black type/icon. */
  .hero-actions .secondary:hover,
  .hero-actions .primary:hover,
  .search-btn-v7:hover,
  .statement-v7 .outline-btn:hover,
  .cta .btn:hover{
    background:#fff !important;
    color:#05090d !important;
    border-color:#fff !important;
  }

  .hero-actions .secondary:hover *,
  .hero-actions .primary:hover *,
  .search-btn-v7:hover *,
  .statement-v7 .outline-btn:hover *,
  .cta .btn:hover *{
    color:#05090d !important;
    border-color:#05090d !important;
  }

  /* Search magnifier is CSS-drawn, so force its lines dark too */
  .search-btn-v7:hover .search-glass{
    border-color:#05090d !important;
  }
  .search-btn-v7:hover .search-glass::after{
    background:#05090d !important;
  }
}

/* V29 — verified hover targets */
@media (hover:hover) and (pointer:fine){
  .hero-actions .btn.ghost:hover,
  .hero-actions .btn.primary:hover,
  .finder .search-btn-v7:hover,
  .statement-v7 .explore-btn:hover,
  .trackside .btn.primary:hover,
  .cta > a:hover{
    background:#fff !important;
    color:#05090d !important;
    border-color:#fff !important;
  }
  .finder .search-btn-v7:hover .search-glass{border-color:#05090d !important;}
  .finder .search-btn-v7:hover .search-glass::after{background:#05090d !important;}
}

/* Right-hand tyre — stronger desktop presence */
@media (min-width:901px){
  .statement-tread{opacity:.68 !important;}
  .statement-v7:before{
    background:linear-gradient(90deg,transparent 0%,rgba(5,9,13,.20) 30%,rgba(5,9,13,.93) 47%,rgba(5,9,13,.62) 76%,rgba(5,9,13,.12) 100%) !important;
  }
}

/* V30 — quick requested tweaks */
@media (min-width:901px){
  .brand-card[data-brand="DUNLOP"] .brand-logo img{width:259px !important;} /* +7% */
  .brand-card[data-brand="GOODYEAR"] .brand-logo img{width:213px !important;} /* +4% */
}

/* Top-nav FIND YOUR TYRES — actual HTML class is .header-cta */
@media (hover:hover) and (pointer:fine){
  .header-cta{
    transition:background-color .18s ease,color .18s ease,border-color .18s ease !important;
  }
  .header-cta:hover{
    background:#fff !important;
    color:#05090d !important;
    border-color:#fff !important;
  }
  .header-cta:hover span,
  .header-cta:hover b{
    color:#05090d !important;
  }
}

/* V31 — simple diameter-first catalogue */
.rim-quick{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-10px 0 26px}
.rim-quick>span{font:800 10px Inter,sans-serif;letter-spacing:1.7px;color:#aeb7bf;margin-right:8px}
.rim-quick button{appearance:none;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.05);color:#fff;min-width:58px;height:42px;padding:0 14px;font:900 14px Inter,sans-serif;cursor:pointer;transition:.18s ease}
.rim-quick button:hover,.rim-quick button.active{background:#0877FF;border-color:#0877FF;color:#fff;transform:translateY(-2px)}
.tyre-card .specline{font:700 10px/1.5 Inter,sans-serif;letter-spacing:.8px;color:#87919a;margin-top:8px}
.tyre-card .brand{color:#0877FF}
@media(max-width:560px){.rim-quick{gap:7px}.rim-quick>span{width:100%;margin-bottom:3px}.rim-quick button{min-width:52px;flex:1}}

/* V32 — CHOOSE YOUR WEAPON new BTCC-style race image, full-strength test */
.brands::before{
  opacity:1 !important;
  background-position:center center !important;
}
.brands::after{
  background:transparent !important;
}

/* V33 — desktop parallax for CHOOSE YOUR WEAPON race image */
@media (min-width:901px) and (hover:hover){
  .brands::before{
    background-attachment:fixed !important;
    background-position:center center !important;
    background-size:cover !important;
  }
}
/* Keep mobile/tablet smooth — fixed backgrounds are unreliable on touch browsers */
@media (max-width:900px), (hover:none){
  .brands::before{
    background-attachment:scroll !important;
  }
}

/* V34 — CHOOSE YOUR WEAPON typography over full-strength race image */
.brands .eyebrow,
.brands .section-kicker,
.brands .section-label,
.brands .brands-copy,
.brands .brands-intro,
.brands p{
  color:#fff !important;
}

/* Main title: CHOOSE YOUR solid white */
.brands h2{
  color:#fff !important;
}

/* WEAPON: upright white outline, transparent fill */
.brands h2 em,
.brands h2 span{
  font-style:normal !important;
}

/* Exact V34 brand-section colour treatment */
.brands .section-tag,
.brands .brands-head p{
  color:#fff !important;
}
.brands .brands-head h2{
  color:#fff !important;
}
.brands .brands-head h2 span{
  color:transparent !important;
  -webkit-text-fill-color:transparent !important;
  -webkit-text-stroke:2px #fff !important;
  text-stroke:2px #fff;
  font-style:normal !important;
}

/* V35 — CHOOSE YOUR WEAPON image at 80% over black */
.brands{
  background:#000 !important;
}
.brands::before{
  opacity:.80 !important;
}


/* V37 — optical alignment of 01 / 02 / 03 paddock stats */
.track-content .stats > div{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
}
.track-content .stats > div > b{
  display:block !important;
  line-height:1 !important;
  margin:0 !important;
  transform:translateY(0) !important;
}
.track-content .stats > div > span{
  display:block !important;
  line-height:1.25 !important;
  margin:0 !important;
  transform:translateY(0) !important;
}

/* V39 — footer logo only. Rebased on V37 to preserve approved header. */
.footer-brand img{
  width:235px !important;
  max-width:none !important;
  max-height:52px !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:left center !important;
}
@media(max-width:900px){
  .footer-brand img{width:205px !important;max-height:52px !important;}
}
@media(max-width:560px){
  .footer-brand img{width:175px !important;max-height:52px !important;}
}

/* V41 — current ranges first; future ranges below */
.brand-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
.brand-wordmark{display:flex;align-items:center;justify-content:center;min-height:54px;font:900 31px/1 "Barlow Condensed",sans-serif;font-style:italic;letter-spacing:-1px;color:#05090d}
.brand-card:hover .brand-wordmark,.brand-card.active .brand-wordmark{color:#fff}
.brand-soon{opacity:.82}
.brand-coming-soon{grid-column:1/-1;display:none;align-items:center;justify-content:space-between;gap:22px;padding:18px 22px;border:1px solid rgba(255,255,255,.55);background:rgba(0,0,0,.72);backdrop-filter:blur(7px);color:#fff}
.brand-coming-soon.show{display:flex}
.brand-coming-soon strong{font:900 24px/1 "Barlow Condensed",sans-serif;letter-spacing:.7px}
.brand-coming-soon span{font:700 10px/1.3 Inter,sans-serif;letter-spacing:1.4px}
@media(max-width:900px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media(max-width:560px){.brand-grid{grid-template-columns:1fr !important}.brand-coming-soon{align-items:flex-start;flex-direction:column}}

/* V43 — robust in-card status using real HTML child, not pseudo-element */
.brand-grid .brand-card.brand-soon{
  position:relative !important;
  overflow:hidden !important;
}
.brand-grid .brand-card.brand-soon .card-soon-status{
  display:none !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  min-height:15% !important;
  box-sizing:border-box !important;
  padding:9px 12px !important;
  background:#050607 !important;
  color:#fff !important;
  z-index:50 !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
}
.brand-grid .brand-card.brand-soon.active .card-soon-status{
  display:flex !important;
}
.card-soon-status strong{
  color:#fff !important;
  font:900 15px/1 "Barlow Condensed",sans-serif !important;
  letter-spacing:.4px !important;
  white-space:nowrap;
}
.card-soon-status small{
  color:#fff !important;
  font:700 7px/1.25 Inter,sans-serif !important;
  letter-spacing:.8px !important;
  text-align:right;
}
.brand-coming-soon{display:none !important;}

/* V44 — supplied Yokohama + Nankang SVGs; left aligned like manufacturer cards */
.brand-card[data-brand="YOKOHAMA"] .brand-logo,
.brand-card[data-brand="NANKANG"] .brand-logo{
  justify-content:flex-start !important;
  align-items:center !important;
  width:100% !important;
  text-align:left !important;
}
.brand-card[data-brand="YOKOHAMA"] .brand-logo img,
.brand-card[data-brand="NANKANG"] .brand-logo img{
  display:block !important;
  margin:0 !important;
  object-position:left center !important;
}
.brand-card[data-brand="YOKOHAMA"] .brand-logo img{width:205px !important;}
.brand-card[data-brand="NANKANG"] .brand-logo img{width:190px !important;}

/* V46 — corrected supplied Yokohama/Nankang artwork */
.brand-card[data-brand="YOKOHAMA"] .brand-logo,
.brand-card[data-brand="NANKANG"] .brand-logo{
  justify-content:flex-start !important;
  width:100% !important;
}
.brand-card[data-brand="YOKOHAMA"] .brand-logo img{
  width:240px !important;
  max-width:86% !important;
  max-height:72px !important;
  margin:0 !important;
  object-position:left center !important;
}
.brand-card[data-brand="NANKANG"] .brand-logo img{
  width:225px !important;
  max-width:84% !important;
  max-height:72px !important;
  margin:0 !important;
  object-position:left center !important;
}

/* V50 — restrained contact treatment, built from clean V48 */
.header-call-v50{
  display:flex;align-items:center;justify-content:center;gap:8px;
  color:#fff;text-decoration:none;white-space:nowrap;
  font:900 15px/1 "Barlow Condensed",sans-serif;
  letter-spacing:.75px;padding:11px 15px;
}
.header-call-v50 span{color:#0877FF;font-size:18px;line-height:1}
.header-call-v50 strong{color:#fff}
.header-call-v50:hover strong{color:#0877FF}

.footer-contact-v50{
  width:100%;display:flex;align-items:center;justify-content:center;
  gap:24px;margin:8px auto 16px;text-align:center;
}
.footer-contact-v50 a{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  color:#fff;text-decoration:none;white-space:nowrap;
  font:900 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.85px;
}
.footer-contact-v50 a span{color:#0877FF;font-size:18px;line-height:1}
.footer-contact-v50 a strong{color:#fff}
.footer-contact-v50 a:hover strong{color:#0877FF}
.footer-contact-divider{width:1px;height:18px;background:rgba(255,255,255,.24)}

@media(max-width:900px){
  .header-call-v50{display:none}
}
@media(max-width:560px){
  .footer-contact-v50{gap:15px;margin-top:12px}
  .footer-contact-v50 a{font-size:14px;gap:7px}
  .footer-contact-divider{height:16px}
}

/* V51 — Toyo Tires supplied SVG */
.brand-card[data-brand="TOYO"] .brand-logo{justify-content:flex-start !important;width:100% !important;}
.brand-card[data-brand="TOYO"] .brand-logo img{display:block !important;margin:0 !important;max-width:84% !important;max-height:72px !important;object-position:left center !important;}


/* V52 — requested responsive polish only */

/* Desktop only: Toyo logo at ~50% of its previous visual size. */
@media (min-width:901px){
  .brand-card[data-brand="TOYO"] .brand-logo img{
    width:42% !important;
    max-width:42% !important;
    max-height:44px !important;
  }
}

/* Tablet + mobile: always retain M4 header logo top-left. */
@media (max-width:900px){
  header .brand,
  header > a.brand{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:1002 !important;
    flex:0 0 auto !important;
  }
  #header-home-logo{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:205px !important;
    max-width:42vw !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:left center !important;
  }

  /* Tablet + mobile footer: one deliberate centred stack. */
  footer{
    text-align:center !important;
    align-items:center !important;
  }
  footer .footer-brand{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    width:100% !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  footer .footer-brand img{
    margin-left:auto !important;
    margin-right:auto !important;
    object-position:center center !important;
  }
  footer .footer-address{
    width:100% !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  footer .footer-contact-v50{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  footer .footer-links{
    width:100% !important;
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    text-align:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
  footer .credit{
    width:100% !important;
    text-align:center !important;
    justify-content:center !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}

/* Smaller phones: keep logo present without crowding menu. */
@media (max-width:560px){
  #header-home-logo{
    width:170px !important;
    max-width:52vw !important;
  }
}

/* V53 — isolated wet-weather enquiry panel */
.wet-weather-v53{position:relative;isolation:isolate;overflow:hidden;background:#071018 url("assets/wet-track.jpg") center 54%/cover no-repeat;color:#fff;padding:94px max(6vw,24px)}
.wet-weather-v53::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,13,.95) 0%,rgba(3,8,13,.82) 43%,rgba(3,8,13,.26) 100%);z-index:-1}
.wet-weather-v53-inner{max-width:690px;position:relative;z-index:1}
.wet-weather-v53 h2{font:900 clamp(44px,6vw,86px)/.91 "Barlow Condensed",sans-serif;letter-spacing:-1px;margin:19px 0 24px;color:#fff}
.wet-weather-v53 h2 span{color:#fff;-webkit-text-stroke:1px #fff}
.wet-weather-v53 p{font-size:15px;line-height:1.7;max-width:530px;color:#e2e6e9;margin:0 0 27px}
.wet-weather-v53-cta{display:inline-flex;gap:15px;align-items:center;background:#0877FF;color:#fff;text-decoration:none;padding:17px 22px;font:900 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.7px;border:1px solid #0877FF;transition:.2s}
.wet-weather-v53-cta:hover{background:#fff;color:#05090d;border-color:#fff}
@media(max-width:900px){.wet-weather-v53{padding:72px 24px;background-position:62% center}.wet-weather-v53::before{background:linear-gradient(90deg,rgba(3,8,13,.94),rgba(3,8,13,.55))}}
@media(max-width:560px){.wet-weather-v53{padding:65px 20px}.wet-weather-v53 h2{font-size:52px}.wet-weather-v53 p{font-size:14px}}

/* V55: approved blue accent on wet weather heading */
#wet-title span{color:#0877FF !important;-webkit-text-stroke:0 !important;}

/* V56: requested finishing touches only */
.brands{background:#000 !important;}
.brands::before{opacity:.40 !important;}
/* Desktop: centre the three footer links directly beneath Hangar 88 address. */
@media (min-width:901px){
 footer .footer-address{grid-column:2;grid-row:1;text-align:center;}
 footer .footer-links{grid-column:2;grid-row:2;justify-content:center;text-align:center;align-items:start;}
 footer .footer-contact-v50{grid-column:3;grid-row:1 / span 2;}
 footer .credit{grid-row:3;}
}

/* V57: full-width M4-blue divider at the top of homepage sections only. */
main > section.finder, main > section.statement, main > section.brands, main > section.wet-weather-v53, main > section.trackside{border-top:2px solid #0877FF;}

/* V60 — slicks panel: photo visible at 40% over black (60% reduction). */
.slick-enquiry-v60{position:relative;isolation:isolate;overflow:hidden;background:#000;color:#fff;padding:94px max(6vw,24px);border-top:2px solid #0877FF}
.slick-enquiry-v60::before{content:"";position:absolute;inset:0;background:url("assets/slick-tyres.jpg") center center/cover no-repeat;opacity:.4;z-index:-2}
.slick-enquiry-v60::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.52) 50%,rgba(0,0,0,.08));z-index:-1}
.slick-enquiry-v60-inner{max-width:690px;position:relative;z-index:1}
.slick-enquiry-v60 h2{font:900 clamp(44px,6vw,86px)/.91 "Barlow Condensed",sans-serif;letter-spacing:-1px;margin:19px 0 24px;color:#fff}
.slick-enquiry-v60 h2 span{color:#0877FF}
.slick-enquiry-v60 p{font-size:15px;line-height:1.7;max-width:530px;color:#e2e6e9;margin:0 0 27px}
@media(max-width:900px){.slick-enquiry-v60{padding:72px 24px}.slick-enquiry-v60::before{background-position:55% center}}
@media(max-width:560px){.slick-enquiry-v60{padding:65px 20px}.slick-enquiry-v60 h2{font-size:52px}.slick-enquiry-v60 p{font-size:14px}}
/* V60 — scoped header navigation only; other navs unaffected. */
@media(max-width:900px){
 .topbar .mobile-nav-v60{display:none !important;position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 22px 20px;background:#080d13;box-shadow:0 18px 35px rgba(0,0,0,.55);border-bottom:2px solid #0877FF;flex-direction:column;gap:0;z-index:55}
 .topbar .mobile-nav-v60.mobile-nav-open{display:flex !important}
 .topbar .mobile-nav-v60 a{display:block;padding:15px 6px;border-bottom:1px solid rgba(255,255,255,.14);font-size:13px;opacity:1}
 .topbar .menu{cursor:pointer;min-width:44px;min-height:44px;z-index:56}
}