:root{--ink:#132522;--ink2:#1c3530;--accent:#d98a2b;--paper:#f4f1e9;--white:#fff;--muted:#6d7773;--line:#d9d8d0;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.topbar{padding:8px 4vw;text-align:center;background:var(--ink);color:#cad6d1;font-size:12px;letter-spacing:.04em}.header{height:84px;padding:0 max(4vw,24px);display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-weight:800;line-height:1.05;min-width:250px}.brand small{display:block;font-size:9px;color:var(--muted);font-weight:500;margin-top:5px;letter-spacing:.08em;text-transform:uppercase}.brandmark{display:grid;place-items:center;width:46px;height:46px;background:var(--accent);color:var(--ink);font-family:var(--font-sans);font-size:16px}.nav{display:flex;gap:23px;margin-left:auto}.nav a{font-size:14px;font-weight:700}.nav a:hover{color:var(--accent)}.quote-link{padding:13px 16px;border:1px solid var(--ink);font-size:13px;font-weight:800}.quote-link b{display:inline-grid;place-items:center;background:var(--accent);width:20px;height:20px;margin-left:7px}.menubtn{display:none}.hero{min-height:690px;position:relative;display:flex;align-items:center;overflow:hidden;background:#182621}.heromedia{position:absolute;inset:0;background:url('assets/hero-machinery-truck.png') center/cover no-repeat}.heroshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,28,25,.94) 0%,rgba(12,28,25,.75) 36%,rgba(12,28,25,.06) 73%)}.herocontent{position:relative;z-index:2;color:#fff;width:min(650px,90%);margin-left:max(5vw,calc((100vw - var(--max))/2));padding:80px 0}.eyebrow{display:block;color:#8d5a21;font-size:11px;font-weight:900;letter-spacing:.16em;margin-bottom:18px}.eyebrow.light{color:#f0b665}.hero h1,.pagehero h1,.categoryhero h1{font:500 clamp(44px,6vw,82px)/.96 var(--font-sans);letter-spacing:-.045em;margin:0 0 24px}.hero h1 em{color:#f0b665;font-weight:500}.hero p{font-size:18px;color:#d7dfdc;max-width:590px}.actions{display:flex;gap:12px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border:1px solid transparent;font-weight:800;font-size:13px;cursor:pointer}.btn.primary{background:var(--accent);color:var(--ink)}.btn.ghost{border-color:#9aa8a4;color:#fff}.btn.light{background:var(--paper);color:var(--ink)}.btn.outline{border-color:var(--ink)}.heronote{margin-top:45px;color:#9eaaa6;font-size:11px}.intro,.section,.catalog,.detailcontent,.simple,.quoteLayout{max-width:var(--max);margin:auto;padding:96px 24px}.intro{display:grid;grid-template-columns:1fr 2.1fr;gap:40px}.intro h2,.section h2,.split h2,.cta h2,.simple h2{font:500 clamp(35px,4vw,57px)/1.05 var(--font-sans);margin:0 0 20px;letter-spacing:-.035em}.intro>div{display:grid;grid-template-columns:1.5fr 1fr;gap:50px}.intro p,.sectionhead p,.simple p{color:var(--muted);font-size:16px}.catgrid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.catcard{padding:28px;min-height:310px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;transition:.25s}.catcard:hover{background:var(--paper);transform:translateY(-4px)}.catno{font-size:10px;color:var(--muted)}.caticon{font:500 42px var(--font-sans);color:var(--accent);margin:32px 0 18px}.catcard h3{font:500 23px/1.1 var(--font-sans);margin:0 0 13px}.catcard p{font-size:13px;color:var(--muted);margin:0}.arrow{font-size:12px;font-weight:800;margin-top:auto;padding-top:20px}.split{padding:100px max(5vw,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.dark{background:var(--ink);color:#fff}.dark p{color:#afbfba}.featurelist a{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;border-top:1px solid #46605a;padding:27px 4px}.featurelist b{color:#f0b665}.featurelist span{font:500 21px var(--font-sans)}.featurelist small{display:block;color:#9bada8;font:700 10px var(--font-sans);letter-spacing:.1em;margin-bottom:5px}.sectionhead{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:48px}.sectionhead p{max-width:430px}.applications{display:grid;grid-template-columns:repeat(5,1fr)}.applications a{height:210px;padding:20px;border:1px solid var(--line);border-right:0;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#fff,var(--paper))}.applications a:last-child{border-right:1px solid var(--line)}.applications b{font-size:11px;color:var(--muted)}.applications span{font:500 22px var(--font-sans)}.process{background:var(--paper);max-width:none;padding-left:max(5vw,calc((100vw - var(--max))/2));padding-right:max(5vw,calc((100vw - var(--max))/2))}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c8c6bc}.steps>div{padding:30px 30px 10px 0}.steps b{color:var(--accent);font-size:11px}.steps h3{font:500 25px var(--font-sans)}.steps p{color:var(--muted);font-size:14px}.support{display:grid;grid-template-columns:1.2fr 1fr;gap:100px;align-items:center}.supportgraphic{display:grid;grid-template-columns:1fr 1fr;align-items:center}.ring{width:220px;height:220px;border:35px solid var(--ink);border-radius:50%;display:grid;place-items:center;box-shadow:inset 0 0 0 6px var(--accent)}.ring span{font-size:10px;font-weight:900;letter-spacing:.15em}.supportgraphic ul{padding-left:20px;color:var(--muted)}.guidegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.guidegrid article{background:#fff;padding:32px}.guidegrid span{font-size:10px;color:#8d5a21;font-weight:900}.guidegrid h3{font:500 25px/1.15 var(--font-sans)}.guidegrid p{color:var(--muted)}.guidegrid a{font-size:12px;font-weight:800}.cta{text-align:center;padding:110px 24px;background:var(--ink2);color:#fff}.cta p{color:#b9c7c3}.pagehero{padding:100px max(5vw,calc((100vw - var(--max))/2));background:var(--paper)}.pagehero h1{color:var(--ink)}.pagehero p{max-width:700px;color:var(--muted);font-size:18px}.notice{max-width:var(--max);margin:28px auto 0;padding:18px 24px;border-left:4px solid var(--accent);background:#fff6e9;display:flex;gap:25px;font-size:13px}.notice span{color:#6e665c}.catalog{display:grid;grid-template-columns:240px 1fr;gap:45px}.catalog aside{border-right:1px solid var(--line);padding-right:20px}.catalog aside a{display:block;font-size:13px;padding:9px 0;color:var(--muted)}.filters{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:15px}.filters label,.quoteLayout label{font-size:11px;font-weight:800;letter-spacing:.05em}.filters input,.filters select,.quoteLayout input,.quoteLayout textarea{display:block;width:100%;margin-top:7px;border:1px solid var(--line);padding:13px;background:#fff}.resultline{margin:24px 0;font-size:13px;color:var(--muted)}.resultline button{float:right;background:none;border:0;text-decoration:underline}.productgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.productcard{border:1px solid var(--line);background:#fff}.productvisual{height:190px;background:linear-gradient(145deg,#d8dedb,#9eaca7);display:flex;flex-direction:column;align-items:center;justify-content:center}.productvisual span{font:500 54px var(--font-sans);color:var(--ink)}.productvisual small{font-size:9px;color:#40534e}.productbody{padding:22px}.productbody h3{font:500 22px/1.1 var(--font-sans)}.productbody p{font-size:13px;color:var(--muted)}.productmeta{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}.cardactions{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.cardactions a,.cardactions button{font-size:11px;font-weight:800}.cardactions button{border:0;background:var(--paper);padding:8px}.categoryhero{max-width:var(--max);margin:auto;padding:100px 24px;display:grid;grid-template-columns:2fr 1fr;gap:70px}.categoryhero p{color:var(--muted);max-width:620px}.categorybadge{aspect-ratio:1;background:var(--ink);color:var(--accent);display:flex;flex-direction:column;justify-content:center;align-items:center;font:500 75px var(--font-sans)}.categorybadge small{color:#b8c4c0;font:700 10px var(--font-sans);letter-spacing:.1em}.back{display:block;font-size:12px;margin-bottom:35px;color:var(--muted)}.subgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.subgrid a{padding:25px;display:grid;grid-template-columns:40px 1fr 20px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.subgrid b{font-size:10px;color:var(--accent)}.subgrid span{font-weight:700}.pale{background:var(--paper);max-width:none;padding-left:max(5vw,calc((100vw - var(--max))/2));padding-right:max(5vw,calc((100vw - var(--max))/2))}.empty{grid-column:1/-1;padding:50px;border:1px dashed var(--line);text-align:center}.empty.small{padding:30px}.detail{max-width:var(--max);margin:auto;padding:80px 24px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.detailvisual{min-height:520px;background:linear-gradient(145deg,#d8dedb,#81948e);display:flex;align-items:center;justify-content:center;flex-direction:column}.detailvisual span{font:500 110px var(--font-sans)}.detailsummary h1{font:500 53px/1 var(--font-sans)}.status{display:inline-block;background:#fff0da;color:#8d5a21;padding:7px 10px;font-size:10px;font-weight:900}.lead{color:var(--muted);font-size:18px}.detailsummary dl div{display:grid;grid-template-columns:130px 1fr;padding:13px 0;border-top:1px solid var(--line)}dt{font-size:11px;color:var(--muted)}dd{margin:0;font-weight:700}.detailcontent{display:grid;grid-template-columns:2fr 1fr;gap:70px}.detailcontent table{width:100%;border-collapse:collapse;margin:25px 0 50px}.detailcontent th,.detailcontent td{text-align:left;border-bottom:1px solid var(--line);padding:15px}.detailcontent th{font-size:12px}.configcols{display:grid;grid-template-columns:1fr 1fr}.detailcontent aside{background:var(--paper);padding:30px;align-self:start}.detailcontent aside p{color:var(--muted)}.simple{display:grid;grid-template-columns:1.3fr 1fr;gap:100px}.simple ol{list-style:none;margin:0}.simple li{display:grid;grid-template-columns:50px 1fr;padding:20px 0;border-top:1px solid var(--line)}.simple li b{color:var(--accent)}.quoteLayout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.quoteLayout h2 span{font-size:13px;background:var(--accent);padding:5px 8px}.quoteitem{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--line)}.quoteitem b,.quoteitem small{display:block}.quoteitem small{color:var(--muted)}.quoteitem button{border:0;background:none;text-decoration:underline}.backendnote{background:#fff6e9;border-left:4px solid var(--accent);padding:20px;margin-top:30px}.backendnote p{font-size:13px;color:var(--muted)}.quoteLayout form{padding:35px;background:var(--paper)}.quoteLayout label{display:block;margin-bottom:17px}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:15px}.quoteLayout textarea{min-height:140px}.quoteLayout .check{display:flex;gap:10px;align-items:start;font-weight:500;letter-spacing:0}.quoteLayout .check input{width:auto;margin:5px 0}.success,.error{padding:15px;margin-top:18px;font-size:13px}.success{background:#e1f3e9;color:#155b36}.error{background:#ffe5e0;color:#8a2e1e}footer{background:#0b1917;color:#c6d0cd;padding:70px max(5vw,calc((100vw - var(--max))/2));display:grid;grid-template-columns:2fr 1fr 1.2fr 1fr;gap:50px;font-size:13px}footer h4{color:#fff}footer a,footer span{display:block;margin:8px 0}.footbrand{color:#fff}.muted{color:#7f918c}
@media(max-width:900px){.header{height:70px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:20px;flex-direction:column}.nav.open{display:flex}.menubtn{display:block;margin-left:auto;border:0;background:none}.quote-link{font-size:0}.quote-link b{font-size:12px;margin:0}.brand{min-width:0}.brand>span:last-child{font-size:13px}.hero{min-height:650px}.heromedia{background-position:63% center}.heroshade{background:linear-gradient(90deg,rgba(12,28,25,.95),rgba(12,28,25,.45))}.intro,.intro>div,.split,.support,.simple,.quoteLayout,.detail,.detailcontent,.categoryhero{grid-template-columns:1fr}.catgrid{grid-template-columns:repeat(2,1fr)}.applications{grid-template-columns:repeat(2,1fr)}.applications a{border-right:1px solid var(--line)}.steps{grid-template-columns:repeat(2,1fr)}.catalog{grid-template-columns:1fr}.catalog aside{display:none}.productgrid{grid-template-columns:repeat(2,1fr)}.subgrid{grid-template-columns:repeat(2,1fr)}footer{grid-template-columns:1fr 1fr}.featurelist{margin-top:35px}}
@media(max-width:600px){.topbar{font-size:9px}.header{padding:0 15px}.brandmark{width:38px;height:38px}.hero h1,.pagehero h1,.categoryhero h1{font-size:45px}.herocontent{margin-left:20px;padding-right:20px}.hero p{font-size:15px}.actions{flex-direction:column;align-items:stretch}.intro,.section,.catalog,.detailcontent,.simple,.quoteLayout{padding:64px 18px}.intro>div{display:block}.catgrid,.productgrid,.guidegrid,.steps,.subgrid,.applications,.filters,.formrow{grid-template-columns:1fr}.catcard{min-height:250px}.split{padding:70px 20px;gap:20px}.sectionhead{display:block}.supportgraphic{grid-template-columns:1fr}.ring{margin:auto}.pagehero{padding:70px 20px}.notice{margin:15px 15px 0;display:block}.categoryhero,.detail{padding:60px 18px}.categorybadge{display:none}.detailvisual{min-height:300px}.detailsummary h1{font-size:42px}.configcols{grid-template-columns:1fr}.quoteLayout form{padding:22px}footer{grid-template-columns:1fr;padding:55px 20px}.quote-link{padding:9px}}

/* Phase 2: verified-media states, contextual filters and resource detail pages */
.productvisual{position:relative}.productvisual .media-status{position:absolute;right:10px;top:10px;background:#fff6e9;padding:5px 7px;font:700 8px var(--font-sans);color:#8d5a21}.productvisual.large{height:100%;min-height:480px}.productvisual.large span{font-size:110px}.gallerymeta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;padding-top:10px}.provenance dt{margin-top:12px}.provenance dd{font-size:12px;margin-top:3px}.filters #contextFilters{display:contents}.guidepage{max-width:var(--max);margin:auto;padding:90px 24px}.guidepage>header{max-width:850px}.guidepage h1{font:500 clamp(44px,6vw,76px)/1 var(--font-sans);letter-spacing:-.04em;margin:15px 0}.guidepage header>p{font-size:20px;color:var(--muted)}.guidepage time{font-size:11px;color:var(--muted)}.guidebody{display:grid;grid-template-columns:2fr 1fr;gap:80px;margin-top:70px}.guidebody section{border-top:1px solid var(--line);padding:30px 0}.guidebody section h2{font:500 32px var(--font-sans)}.guidebody section p{color:var(--muted)}.guidebody aside{background:var(--paper);padding:28px;align-self:start}.guidebody aside a{display:block;padding:15px 0;border-top:1px solid var(--line);font-weight:700}.guidebody aside small{display:block;color:var(--muted)}
@media(max-width:900px){.guidebody{grid-template-columns:1fr}.productvisual.large{min-height:380px}}
@media(max-width:600px){.guidepage{padding:60px 18px}.gallerymeta{display:block}.gallerymeta span{display:block}.productvisual.large{min-height:280px}}

/* Phase 3: unified industrial B2B typography */
:root{
  --font-sans:Inter,Arial,Helvetica,system-ui,-apple-system,"Segoe UI",sans-serif;
  --weight-regular:400;
  --weight-medium:500;
  --weight-semibold:600;
  --weight-bold:700;
  --weight-extrabold:800;
}
html,body,button,input,select,textarea{font-family:var(--font-sans);font-style:normal}
body{font-weight:var(--weight-regular);line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.brand,.nav a,.btn,.quote-link,.arrow,.cardactions a,.cardactions button{font-family:var(--font-sans);font-style:normal}
.hero h1,.pagehero h1,.categoryhero h1,.guidepage h1{font-weight:var(--weight-extrabold);line-height:1.04;letter-spacing:-.035em}
.hero h1{font-size:clamp(42px,5.2vw,72px);max-width:680px}
.hero-accent{color:#f0b665;font-style:normal;font-weight:var(--weight-extrabold)}
.intro h2,.section h2,.split h2,.cta h2,.simple h2{font-weight:var(--weight-bold);line-height:1.1;letter-spacing:-.025em}
.catcard h3,.productbody h3,.featurelist span,.applications span,.steps h3,.guidegrid h3,.detailsummary h1,.guidebody section h2{font-weight:var(--weight-semibold);line-height:1.2;letter-spacing:-.015em}
.caticon,.categorybadge,.productvisual span{font-family:var(--font-sans);font-style:normal;font-weight:var(--weight-bold);letter-spacing:-.03em}
.brand{font-weight:var(--weight-extrabold)}
.nav a,.btn,.quote-link,.arrow,.cardactions a,.cardactions button{font-weight:var(--weight-semibold)}
.eyebrow{font-weight:var(--weight-bold)}
.catcard h3{font-size:21px;overflow-wrap:anywhere}
.productbody h3{font-size:21px}
.detailcontent th,.filters label,.quoteLayout label{font-family:var(--font-sans)}
em,i{font-style:normal}
@media(max-width:900px){.hero h1{font-size:clamp(42px,7vw,62px);line-height:1.06}}
@media(max-width:600px){.hero h1,.pagehero h1,.categoryhero h1{font-size:40px;line-height:1.08;letter-spacing:-.025em}.intro h2,.section h2,.split h2,.cta h2,.simple h2{line-height:1.12}.catcard h3{font-size:20px}}

/* Product-line photography */
.catcard{padding:0;overflow:hidden;min-height:430px;background:#fff}
.catimage{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--paper)}
.catimage img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.catimage .catno{position:absolute;top:12px;left:12px;padding:5px 7px;background:rgba(255,255,255,.9);color:var(--ink);font-weight:800}
.catcontent{display:flex;flex:1;flex-direction:column;padding:22px 28px 26px}
.catcontent .caticon{margin:0 0 10px;font-size:32px}
.catcard:hover .catimage img{transform:scale(1.025)}
@media(max-width:600px){.catcard{min-height:0}.catcontent{min-height:250px;padding:20px}.catimage{aspect-ratio:3/2}}

/* Image-overlay category cards */
.catcard{display:grid;grid-template-rows:auto 1fr;min-height:370px;transform:none}
.catcard:hover{transform:none}
.catcard:focus-visible{position:relative;z-index:2;outline:3px solid var(--accent);outline-offset:3px}
.catimage{isolation:isolate;aspect-ratio:16/9}
.catimage-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(7,20,18,.78) 0%,rgba(7,20,18,.28) 48%,transparent 76%);pointer-events:none}
.catimage .catno{z-index:3;top:14px;right:14px;left:auto;min-width:30px;text-align:center;background:rgba(255,255,255,.92)}
.cat-title{position:absolute;z-index:2;top:18px;left:18px;right:58px;color:#fff;font-family:var(--font-sans);font-size:clamp(18px,1.35vw,21px);font-weight:var(--weight-bold);line-height:1.12;letter-spacing:-.015em;text-shadow:0 1px 3px rgba(0,0,0,.55)}
.catcontent{min-height:180px;padding:22px 28px 25px}
.catcontent p{font-size:13px;color:var(--muted);margin:0}
.catcontent .arrow{margin-top:auto}
.catcard--trailers .cat-title{left:auto;right:18px;text-align:right}
.catcard--trailers .catno{left:14px;right:auto}
.catcard--forklifts-material-handling .catimage-shade{background:linear-gradient(0deg,rgba(7,20,18,.82) 0%,rgba(7,20,18,.26) 55%,transparent 78%)}
.catcard--forklifts-material-handling .cat-title{top:auto;bottom:18px}
.catcard--forklifts-material-handling .catno{top:14px}
.catcard--mining-equipment .cat-title{left:auto;right:18px;text-align:right}
.catcard--mining-equipment .catno{left:14px;right:auto}
.catcard--attachments-spare-parts .catimage-shade{background:linear-gradient(180deg,rgba(62,29,0,.72) 0%,rgba(62,29,0,.18) 58%,transparent 80%)}
.catcard--tyres-wheels-chains .cat-title{left:auto;right:18px;max-width:230px;text-align:right}
.catcard--tyres-wheels-chains .catno{left:14px;right:auto}
.catcard--tyres-wheels-chains .catimage-shade{background:linear-gradient(180deg,rgba(7,20,18,.76) 0%,rgba(7,20,18,.18) 64%,transparent 82%)}
@media(max-width:900px){.cat-title{font-size:20px}.catcontent{min-height:165px}}
@media(max-width:600px){.catcard{min-height:0}.catimage{aspect-ratio:16/9}.catcontent{min-height:155px;padding:20px}.cat-title{font-size:21px}}

/* WhatsApp contact channel */
.footer-whatsapp{display:inline-flex;align-items:center;gap:8px;color:#fff;font-weight:var(--weight-semibold);margin-top:14px}
.footer-whatsapp svg{width:20px;height:20px;color:#25d366;flex:0 0 auto}
.footer-whatsapp span{display:inline;margin:0}
.whatsapp-contact{max-width:var(--max);margin:0 auto 96px;padding:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--paper);border-left:4px solid #25d366}
.whatsapp-contact h2{margin:0 0 10px;font-size:34px}
.whatsapp-contact p{margin:0;color:var(--muted)}
.whatsapp-contact p a{color:var(--ink);font-weight:var(--weight-semibold);text-decoration:underline;text-underline-offset:3px}
.whatsapp-action{gap:10px;background:#25d366;color:#082d18;white-space:nowrap}
.whatsapp-action svg{width:22px;height:22px}
.whatsapp-float{position:fixed;z-index:40;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 8px 24px rgba(0,0,0,.24);transition:transform .2s ease,box-shadow .2s ease}
.whatsapp-float svg{width:31px;height:31px}
.whatsapp-float:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.3)}
.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px #25d366,0 8px 24px rgba(0,0,0,.25)}
@media(max-width:600px){.whatsapp-contact{margin:0 18px 64px;padding:26px 22px;align-items:flex-start;flex-direction:column}.whatsapp-action{width:100%}.whatsapp-float{right:18px;bottom:18px;width:54px;height:54px}.whatsapp-float svg{width:29px;height:29px}}

/* Road roller catalogue pages */
.productimage{margin:0;height:230px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}
.productimage img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .25s ease}
.productimage.large{height:520px;border:1px solid var(--line)}
.productimage.large img{padding:18px}
.productimage figcaption{position:absolute;left:-9999px}
.productbody .model{color:var(--ink);margin-top:-4px}
.cardspecs{margin:16px 0 20px;border-top:1px solid var(--line)}
.cardspecs div{display:grid;grid-template-columns:44% 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.cardspecs dt,.cardspecs dd{font-size:11px;line-height:1.35}
.cardspecs dd{font-weight:700}
.productcard{display:flex;flex-direction:column}
.productcard:hover .productimage img,.seriesgrid>a:hover .productimage img{transform:scale(1.015)}
.productbody{display:flex;flex:1;flex-direction:column}
.productbody .productmeta{margin-top:auto}
.roadrollerhero{padding-bottom:80px}
.roller-series{padding-bottom:58px}
.seriesgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.seriesgrid>a{border:1px solid var(--line);background:#fff;transition:.2s}
.seriesgrid>a:hover{border-color:var(--accent);transform:translateY(-3px)}
.seriesgrid .productimage{height:220px}
.seriesgrid>a>div{padding:24px}
.seriesgrid h3{font-size:21px;margin:0 0 10px}
.seriesgrid p{font-size:13px;color:var(--muted);min-height:60px}
.seriesgrid span{font-size:12px;font-weight:800}
.roller-group{border-top:1px solid var(--line);scroll-margin-top:100px}
.roller-group:nth-of-type(even){background:var(--paper);max-width:none;padding-left:max(5vw,calc((100vw - var(--max))/2));padding-right:max(5vw,calc((100vw - var(--max))/2))}
.detailactions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.detailactions .whatsapp-action{background:#25d366;color:#0b2c18}
.detailactions svg{width:20px;height:20px;margin-right:8px}
.quoteitem label{margin-top:10px;font-size:10px}
.quoteitem input{width:90px;margin-top:4px;padding:6px;border:1px solid var(--line)}

/* Tractor catalogue pages */
.tractorhero{padding-bottom:80px}
.tractor-types{padding-bottom:64px}
.tractor-group{border-top:1px solid var(--line);scroll-margin-top:90px}
.tractor-series-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 42px}
.tractor-series-nav a{padding:11px 18px;border:1px solid var(--line);background:#fff;font-size:12px;font-weight:var(--weight-bold)}
.tractor-series-nav a:hover,.tractor-series-nav a:focus-visible{border-color:var(--accent);color:var(--accent)}
.tractor-series-section{padding:36px 0 56px;scroll-margin-top:90px;border-top:1px solid var(--line)}
.tractor-series-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}
.tractor-series-heading h3{font-size:28px;margin:5px 0 0}
.tractor-series-heading>span{font-size:12px;color:var(--muted)}
.walking-placeholder{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center;border:1px solid var(--line);background:#fff}
.walking-placeholder .productimage{height:390px;border:0;border-right:1px solid var(--line)}
.walking-placeholder>div{padding:40px}
.walking-placeholder h3{font-size:28px;margin-top:0}
.walking-placeholder p{color:var(--muted)}
.quoteitem label{display:block}
.quoteitem label input[type="text"]{width:min(100%,430px)}

@media(max-width:900px){.seriesgrid{grid-template-columns:repeat(2,1fr)}.productimage.large{height:420px}}
@media(max-width:900px){.walking-placeholder{grid-template-columns:1fr}.walking-placeholder .productimage{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:600px){.seriesgrid{grid-template-columns:1fr}.seriesgrid .productimage{height:230px}.productimage{height:240px}.productimage img{padding:6px}.productimage.large{height:320px}.productimage.large img{padding:12px}.detailactions{display:grid}.detailactions .btn{width:100%}.cardspecs div{grid-template-columns:42% 1fr}.roller-group,.tractor-group,.tractor-series-section{scroll-margin-top:76px}.tractor-series-heading{align-items:start;flex-direction:column;gap:8px}.tractor-series-heading h3{font-size:24px}.walking-placeholder .productimage{height:270px}.walking-placeholder>div{padding:26px 22px}.tractor-series-nav{display:grid;grid-template-columns:repeat(2,1fr)}}

/* Forklift catalogue series and model-comparison tables */
.forklift-series .productgrid{grid-template-columns:repeat(3,minmax(0,1fr))}
.forklift-series .productcard{height:100%}
.forklift-series .productimage,.forklift-detail .productimage{background:#fff}
.forklift-detail .productimage img{object-fit:contain;background:#fff}
.forklift-specs{max-width:1440px}
.spec-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--line);background:#fff;overscroll-behavior-inline:contain;scrollbar-gutter:stable}
.spec-table-wrap:focus{outline:3px solid var(--accent);outline-offset:3px}
.comparetable{width:100%;min-width:940px;border-collapse:collapse;font-size:13px;line-height:1.35}
.comparetable th,.comparetable td{padding:12px 14px;border-right:1px solid #e4e4df;border-bottom:1px solid #dfdfda;text-align:center;white-space:nowrap}
.comparetable thead th{position:sticky;top:0;background:var(--ink);color:#fff;font-weight:800;z-index:1}
.comparetable thead th:first-child,.comparetable tbody th:first-child{text-align:left}
.comparetable tbody tr:not(.specgroup):nth-child(odd){background:#f7f7f4}
.comparetable tbody th{font-weight:700;color:var(--ink)}
.comparetable .specgroup th{padding:11px 14px;background:#ece9e1;color:#80511c;text-align:left;text-transform:uppercase;letter-spacing:.1em;font-size:11px}
.sourcebox{margin-top:34px;padding:28px;background:var(--paper);max-width:720px}
.sourcebox h3{margin-top:0}.sourcebox a{font-weight:800;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.forklift-series .productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.comparetable{font-size:12px}}
@media(max-width:600px){.forklift-series .productgrid{grid-template-columns:1fr}.forklift-specs{padding-left:16px;padding-right:16px}.comparetable{min-width:820px}.comparetable th,.comparetable td{padding:10px 12px}.forklift-detail .detailsummary h1{font-size:38px}}

/* Huaxiang trailer catalogue */
.trailer-card .productimage{height:260px;aspect-ratio:4/3}
.trailer-card .productimage img{padding:10px;object-fit:contain}
.trailer-card .productbody h3{margin-bottom:10px}
.trailer-card .productbody>p{min-height:62px}
.trailer-detail{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:start}
.trailer-main-media,.trailer-thumb,.drawing-card button{display:block;width:100%;padding:0;border:0;background:#fff;cursor:zoom-in}
.trailer-main-media .productimage.large{height:auto;aspect-ratio:4/3}
.trailer-main-media .productimage.large img{padding:8px;object-fit:contain}
.trailer-thumbs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}
.trailer-thumb{height:130px;border:1px solid var(--line);overflow:hidden}
.trailer-thumb img{width:100%;height:100%;object-fit:cover}
.feature-bullets{padding-left:20px;color:var(--muted)}
.feature-bullets li{margin:8px 0}
.trailer-specs{padding-bottom:60px}
.trailer-spec-table{width:100%;border-collapse:collapse}
.trailer-spec-table tr:nth-child(odd){background:#f7f7f4}
.trailer-spec-table th,.trailer-spec-table td{padding:14px 18px;border-bottom:1px solid var(--line);text-align:left}
.trailer-spec-table th{width:34%;font-size:12px}
.trailer-gallery-section{padding-top:60px}
.trailer-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.trailer-gallery-grid .trailer-thumb{height:auto;aspect-ratio:4/3}
.drawing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.drawing-card{margin:0;background:#fff;border:1px solid var(--line)}
.drawing-card img{display:block;width:100%;height:320px;object-fit:contain;background:#fff}
.drawing-card figcaption{padding:12px 14px;color:var(--muted);font-size:11px;border-top:1px solid var(--line)}
.media-lightbox{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:54px 24px;background:rgba(5,14,12,.94)}
.media-lightbox.open{display:flex}
.media-lightbox img{max-width:96vw;max-height:88vh;object-fit:contain;background:#fff;box-shadow:0 18px 65px rgba(0,0,0,.45)}
.media-close{position:fixed;right:22px;top:16px;width:44px;height:44px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:#fff;color:var(--ink);font-size:28px;cursor:pointer}
.lightbox-open{overflow:hidden}
@media(max-width:900px){.trailer-detail{grid-template-columns:1fr}.trailer-card .productimage{height:250px}.drawing-grid{grid-template-columns:1fr}}
@media(max-width:600px){.trailer-card .productimage{height:240px}.trailer-card .productbody>p{min-height:0}.trailer-thumbs,.trailer-gallery-grid{grid-template-columns:1fr}.trailer-thumb{height:190px}.trailer-specs,.trailer-gallery-section,.trailer-drawings{padding-left:16px;padding-right:16px}.trailer-spec-table{min-width:620px}.drawing-card img{height:240px}}
