:root{--ink:#20242a;--paper:#faf9f6;--muted:#666b72;--line:#e7e4df;--lime:#ef750c}
body{font-size:17px}header{background:#faf9f6f2;backdrop-filter:blur(14px)}.nav{max-width:1400px;min-height:94px}.wrap{max-width:1400px;padding-inline:6%}.links{align-items:center;gap:32px}.links a{padding:10px 0;transition:color .2s}.links a:hover{color:#b94f00}.links a:last-child{background:var(--ink);color:white;padding:10px 22px;border-radius:8px}.lang{border-color:var(--line);border-radius:8px;font-size:14px;min-height:44px}.hero{gap:7%;padding-block:65px 70px;grid-template-columns:1fr 1.05fr}.eyebrow{color:#a64a00;font-size:14px}.eyebrow:before{background:#ef750c;width:22px}h1{font-size:clamp(42px,4.8vw,70px);line-height:1.22;margin-block:22px;max-width:650px}.lead{line-height:1.9;font-size:19px;max-width:530px}.btn{border-radius:8px;padding:14px 25px;min-height:50px;border:1px solid var(--ink);transition:background .2s,transform .2s,box-shadow .2s}.btn:not(.outline){background:#e96c00;border-color:#e96c00;color:white;box-shadow:0 5px 14px #bd59001c}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #20242a17}.btn:not(.outline):hover{background:#bd5500}.btn.outline:hover{background:#f2eee8}.pill{border-radius:30px;padding:6px 14px;margin-top:22px}.truck-gallery{background:transparent;gap:16px;overflow:visible;grid-template-columns:1fr;transform:rotate(-1deg)}.truck-gallery figure{height:260px;border:1px solid #dedbd6;border-radius:18px;background:white;box-shadow:0 14px 36px #23252a0c}.truck-gallery figure+figure{height:190px;margin-inline-start:65px;transform:rotate(2deg)}.truck-gallery img{background:#f1f1f1;padding:5px 10px 25px}.truck-gallery figcaption{font-size:14px;padding:16px 20px;background:#20242a;color:white}.brands{border:0;background:#f0eeea;margin-inline:-2%;padding:25px 3%;border-radius:14px}.brands p{font-size:13px}.brand-row{gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.brand-tile{height:105px;border:0;border-radius:8px;padding:15px;gap:7px}.brand-tile img,.brand-tile.sinotruk img{height:48px}.brand-tile span{font-size:10px}.section{padding-block:85px}h2{font-size:clamp(28px,3vw,42px);line-height:1.35}.section-head p{font-size:17px;line-height:1.8}.grid{border:0;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.category{display:block;position:relative;border:1px solid var(--line);border-radius:12px;background:#fff;padding:28px;min-height:155px;transition:transform .2s,border-color .2s,box-shadow .2s}.category:hover{transform:translateY(-4px);border-color:#e96c00;box-shadow:0 12px 25px #20242a0a}.category .num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff1e5;border-radius:10px;color:#a84c00}.category h3{font-size:22px;margin-top:18px}.category:after{content:'↗';position:absolute;inset-inline-end:25px;top:30px;color:#aaabae;font-size:24px}.note{line-height:1.8}.process{background:#20242a;position:relative;padding:65px 0}.process .eyebrow{color:#ffac67}.process h2{max-width:600px}.steps{gap:35px}.steps article{border-top:1px solid #ffffff30;padding-top:25px}.steps span{font-size:20px}.steps h3{font-size:24px;margin-block:10px}.steps p{line-height:1.9;color:#d4d6d8}.request{gap:7%;align-items:start}.request>div{position:sticky;top:125px}.request>div>p{color:var(--muted);font-size:19px}.location{margin-top:30px}.contact-actions .btn{font-size:14px;padding:10px 16px}.request form{border:1px solid var(--line);border-radius:16px;padding:35px;box-shadow:0 16px 55px #20242a08}.fields{gap:22px}label{font-size:15px}input,select,textarea{border-radius:8px;min-height:50px;background:#fcfcfc;font-size:16px;padding:12px;border-color:#dcdedc}input:focus,select:focus,textarea:focus{outline:2px solid #ed780d;outline-offset:2px}input[type=file]{padding:12px;font-size:13px;border-style:dashed;background:#fcf8f2}input[type=file]::file-selector-button{background:#eee9e1;border:0;border-radius:5px;padding:8px;margin-inline-end:10px;font-family:inherit}label small{font-size:12px;font-weight:400;color:var(--muted)}.form-note{font-size:13px;line-height:1.8}#submit-order{width:100%;font-size:17px}.result{border-radius:10px;background:#f0f6ef;border:1px solid #d8e7d3}.mobile-action{display:none}.cms-photo{border-radius:8px}.cms-hero{border-radius:16px}footer{padding:30px 0;font-size:13px}.foot{align-items:center}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:35px;gap:35px}.hero>div:first-child{max-width:650px}.truck-gallery{grid-template-columns:1fr 1fr;transform:none;gap:12px}.truck-gallery figure,.truck-gallery figure+figure{height:230px;margin:0;transform:none}.request{grid-template-columns:1fr;gap:30px}.request>div{position:static}.section{padding-block:55px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-tile{height:90px;padding:9px}.brand-tile img,.brand-tile.sinotruk img{height:40px}.steps{gap:25px}.nav{min-height:85px}.mobile-action{position:fixed;bottom:16px;inset-inline:20px;z-index:15;display:block;background:#e96c00;color:white;text-align:center;border-radius:10px;padding:13px;box-shadow:0 5px 20px #20242a33;font-weight:800}body.form-visible .mobile-action{display:none}footer{padding-bottom:95px}.brand-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.brand-tile span{font-size:7px;letter-spacing:0}}
@media(max-width:480px){.wrap{padding-inline:6%}.hero h1{font-size:43px}.lead{font-size:18px}.actions{gap:10px}.hero .actions .btn{font-size:14px;padding:13px 18px}.truck-gallery figure,.truck-gallery figure+figure{height:175px}.truck-gallery figcaption{font-size:11px;padding:9px}.truck-gallery figcaption span{display:none}.brand-tile{height:75px}.brand-tile img,.brand-tile.sinotruk img{height:32px}.category{padding:20px;min-height:145px}.category h3{font-size:18px}.category:after{inset-inline-end:15px;top:24px}.fields,.steps{grid-template-columns:1fr}.request form{padding:22px}.links{display:none}.foot{align-items:start}.lang{padding:8px 12px}.section-head{margin-bottom:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;transform:none!important}}
/* Brand showcase and company introduction */
.links{gap:22px;font-size:14px}.brands{margin:0;padding:45px 0 0;border-radius:0;background:transparent}.brands .section-head{align-items:end}.brands h2{max-width:660px}.brand-showcase{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:22px}.brand-card{grid-column:span 2;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:white;box-shadow:0 10px 28px #20242a07;transition:transform .25s,box-shadow .25s}.brand-card:nth-child(n+4){grid-column:span 3}.brand-card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #20242a12}.brand-card .brand-tile{height:100px;border-radius:0;padding:18px 28px;gap:5px}.brand-card .brand-tile img{height:48px;width:180px;max-width:100%;object-fit:contain}.brand-card .brand-tile span{font-size:9px;letter-spacing:2px}.brand-truck{height:225px;background:#f3f4f4;padding:12px}.brand-truck img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.brand-card-bottom{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-top:1px solid #efefef;gap:10px}.brand-card-bottom h3{font-size:23px;margin:0;line-height:1.4}.brand-card-bottom small{font:10px Arial;color:#797d82;letter-spacing:1.2px}.brand-request{font-size:14px;font-weight:700;color:#a64a00;white-space:nowrap;padding:10px 0}.brand-request:hover{text-decoration:underline}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:35px 65px;padding-bottom:15px}.about h2{font-size:clamp(32px,3.5vw,48px)}.about-copy p{font-size:18px;line-height:2;color:#62676e;margin:0 0 18px}.about-signature{font:bold 34px Arial;letter-spacing:5px;color:#20242a;margin-top:30px}.about-signature span{font-size:9px;letter-spacing:3px;display:block;margin-top:7px;color:#ac500b}.about-values{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;border-top:1px solid var(--line);padding-top:32px}.about-values article{padding-inline-end:20px}.value-line{display:block;width:28px;height:4px;background:#e96c00}.about-values h3{font-size:22px;margin:16px 0 6px}.about-values p{color:#666b72;font-size:16px}.about-callout{grid-column:1/-1;background:#20242a;border-radius:14px;color:white;padding:30px 35px;display:flex;align-items:center;justify-content:space-between;gap:25px}.about-callout h3{font-size:28px;margin:0 0 8px}.about-callout p{color:#ced0d3;max-width:650px;font-size:16px}.about-callout .btn{flex-shrink:0}.truck-gallery figure,.truck-gallery figure+figure{transform:none}.truck-gallery{transform:none}.truck-gallery figure+figure{margin-inline-start:35px}
@media(max-width:1050px){.links{gap:14px;font-size:13px}.brand-card-bottom{padding:18px}.brand-truck{height:200px}.about{gap:30px}.about-callout{align-items:start;flex-direction:column}}
@media(max-width:800px){.brand-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.brand-card,.brand-card:nth-child(n+4){grid-column:auto}.brand-card:last-child{grid-column:1/-1}.brand-card:last-child .brand-truck{height:260px}.about{grid-template-columns:1fr}.about-signature{display:none}.about-values{gap:20px}.about-copy p{font-size:17px}.truck-gallery figure+figure{margin:0}.brand-card .brand-tile{height:90px}.brands{padding-top:15px}}
@media(max-width:480px){.brand-showcase{grid-template-columns:1fr}.brand-card:last-child{grid-column:auto}.brand-truck,.brand-card:last-child .brand-truck{height:235px}.brand-card .brand-tile{height:85px}.brand-card .brand-tile img{height:45px}.brand-card-bottom{padding:17px 22px}.brand-card-bottom h3{font-size:22px}.about-values{grid-template-columns:1fr;gap:22px}.about-values article{padding-bottom:10px}.about-callout{padding:26px}.about-callout h3{font-size:25px}.about{padding-bottom:0}}
.brand-card .brand-tile.foton{background:#20242a}.brand-card .brand-tile.foton span{color:#ddd}.brand-card .brand-tile.sinotruk img{object-fit:cover;width:180px;height:60px}
.brand-card .brand-tile.sany{background:#20242a}.brand-card .brand-tile.sany span{color:#ddd}
.account-trigger{background:#fff1e5;border:1px solid #efc6a2;color:#8c3e00;padding:9px 13px;border-radius:8px;cursor:pointer;font-weight:700;white-space:nowrap}.nav{gap:15px}.account-prompt{background:#faf5ee;border:1px solid #eee1d2;padding:18px;border-radius:10px;margin-bottom:24px}.account-prompt p{font-size:14px;color:#666;margin:5px 0}.account-link{display:inline-block;border:0;background:none;color:#a64a00;cursor:pointer;font-weight:bold;text-decoration:underline;padding:8px 0}.account-prompt small{display:block;color:#47683c;font-size:13px}#account-dialog{border:0;border-radius:18px;width:min(620px,94vw);max-height:90dvh;padding:32px;color:#20242a;background:#faf9f6;box-shadow:0 30px 100px #0005}#account-dialog::backdrop{background:#15191db8;backdrop-filter:blur(3px)}#account-dialog h2{font-size:31px;margin-top:20px}.dialog-close{position:absolute;inset-inline-end:15px;top:10px;border:0;background:none;font-size:30px;cursor:pointer;width:44px;height:44px}#profile-form{border:0;background:none;padding:0}#profile-form[hidden],#account-login[hidden],[hidden]{display:none!important}#profile-status{font-size:15px;font-weight:bold}#account-email{font:13px Arial;color:#73777c;overflow-wrap:anywhere;margin:15px 0}.signout{margin-inline-start:20px}.account-trigger:focus-visible,.account-link:focus-visible{outline:2px solid #e96c00;outline-offset:4px}@media(max-width:1100px){.links{display:none}}@media(max-width:480px){.nav{gap:8px;padding-inline:4%;flex-wrap:wrap}.logo{flex:1;min-width:150px}.account-trigger{font-size:12px;padding:8px}.lang{font-size:12px;padding:8px}.brand-ar{width:160px;transform:scale(.75)}.en .brand-en{width:155px;transform:scale(.65)}#account-dialog{padding:24px}.account-prompt{padding:14px}}
.account-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:#eeebe6;padding:5px;border-radius:10px;margin:22px 0}.account-tabs button{border:0;background:none;padding:12px;border-radius:7px;font-weight:bold;cursor:pointer;color:#62676e}.account-tabs button[aria-selected=true]{background:#fff;color:#a64a00;box-shadow:0 2px 7px #0000000d}#register-panel>p{font-size:15px;color:#666}#profile-form #save-profile,#verify-profile{width:100%;text-align:center}#profile-signout{margin-inline-start:0;margin-inline-end:20px}

.customer-order{border:1px solid #ddd;border-radius:10px;padding:16px;margin:12px 0;background:white}.customer-order small{overflow-wrap:anywhere}#customer-home .account-link{margin-inline-start:15px}

.extra-part,.customer-quote{border:1px solid #ddd;border-radius:10px;padding:18px;margin:15px 0;background:#fff}.extra-parts small{display:block;margin:12px 0}.extra-part label{margin-bottom:12px}.order-state{color:#a64a00;font-weight:bold}.customer-quote .btn{margin:8px 4px;font-size:13px}.customer-quote textarea{margin:12px 0}

#login-form{padding:0;border:0;background:none}#login-form label,#signup-passwords label{margin:15px 0}#login-submit{width:100%;margin-top:18px}