/* Phone and tablet layouts. Desktop styling remains in refined.css. */
html{scroll-padding-top:90px}img{max-width:100%}main,section,form,.hero>div,.request>div,.fields>*{min-width:0}input,textarea,select{max-width:100%}p,a,small,strong{overflow-wrap:anywhere}
@media(max-width:800px){
 body{font-size:17px;line-height:1.75}header{backdrop-filter:none;background:#faf9f6}.wrap{width:100%;padding-inline:20px}.nav{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:6px 16px;min-height:76px;max-width:100%;flex-wrap:nowrap}.nav .logo{position:relative;width:145px;min-width:0;height:64px;overflow:hidden;display:block}.nav .brand-ar{position:absolute;inset-inline-start:0;top:0;width:135px;height:65px;transform:none;background-size:548.6px 775.45px;background-position:-369.2px -67.6px}.nav .brand-en{position:absolute;inset-inline-start:0;top:7px;width:153px;height:50px;transform:none;background-size:548.6px 775.45px;background-position:-49.4px -71.5px}.nav .cms-logo{width:135px;height:64px;object-fit:contain}.account-trigger{max-width:120px;min-height:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;padding:8px 10px}.lang{font-size:13px;min-height:44px;padding:8px 10px}.links{display:none}.hero{grid-template-columns:1fr;padding-block:30px 35px;gap:26px}.hero h1,body.en .hero h1{font-size:38px;line-height:1.3;letter-spacing:0;margin:17px 0;max-width:100%}.hero .lead{font-size:18px;line-height:1.85}.eyebrow{font-size:13px}.hero .actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.hero .actions .btn{text-align:center;font-size:14px;padding:12px 8px;display:flex;align-items:center;justify-content:center;min-height:50px}.pill{font-size:12px;margin-top:16px}.truck-gallery{grid-template-columns:1fr 1fr;gap:10px;transform:none;min-height:0}.truck-gallery figure,.truck-gallery figure+figure{margin:0;height:185px;transform:none;border-radius:12px;box-shadow:none}.truck-gallery img{object-fit:contain;padding:4px 4px 30px}.truck-gallery figcaption{font-size:11px;padding:10px;white-space:nowrap}.truck-gallery figcaption span{display:none}.section{padding-block:42px}.section-head{display:block;margin-bottom:22px}.section-head p{font-size:16px;margin-top:14px}.section h2,.brands h2,.process h2{font-size:29px;line-height:1.4}.brands{padding:12px 0 0}.brand-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-card,.brand-card:nth-child(n+4),.brand-card:last-child{grid-column:auto;border-radius:12px;box-shadow:none}.brand-card:last-child{grid-column:1/-1}.brand-card .brand-tile{height:76px;padding:12px;gap:4px}.brand-card .brand-tile img{width:130px;height:38px}.brand-card .brand-tile.sinotruk img{width:130px;height:44px}.brand-card .brand-tile span{font-size:8px;letter-spacing:1px}.brand-truck,.brand-card:last-child .brand-truck{height:150px;padding:8px}.brand-card:last-child .brand-truck{height:200px}.brand-card-bottom{display:block;padding:12px 14px}.brand-card-bottom h3{font-size:20px}.brand-card-bottom small{font-size:9px}.brand-request{display:block;margin-top:8px;padding:7px 0;font-size:14px;border-top:1px solid #eee}.about{display:block;padding-top:42px}.about-intro{margin-bottom:20px}.about-copy p{font-size:17px;line-height:1.9}.about-values{grid-template-columns:1fr;gap:18px;margin-top:22px;padding-top:24px}.about-values article{padding-bottom:15px;border-bottom:1px solid #eee}.about-values h3{font-size:21px;margin:10px 0 5px}.about-callout{margin-top:25px;border-radius:12px;padding:24px;gap:18px}.about-callout h3{font-size:25px}.about-callout .btn{width:100%;text-align:center}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category{min-height:132px;padding:18px}.category h3{font-size:19px;margin-top:12px}.category:after{font-size:20px;inset-inline-end:14px;top:22px}.category .num{width:34px;height:34px}.note{font-size:12px}.process{padding:38px 0}.steps{grid-template-columns:1fr;gap:22px;margin-top:24px}.steps article{padding-top:18px}.steps h3{font-size:23px;margin:8px 0}.steps p{font-size:17px;line-height:1.85}.request{grid-template-columns:1fr;gap:24px}.request>div{position:static}.request>div>p{font-size:17px}.request form{padding:20px;border-radius:12px;box-shadow:none;width:100%}.fields{grid-template-columns:1fr;gap:18px}.full{grid-column:1/-1}label{font-size:16px}input,select,textarea{width:100%;min-height:50px;font-size:16px;line-height:1.5;padding:12px}textarea{min-height:110px}input[type=file]{font-size:13px;padding:10px;white-space:normal}input[type=file]::file-selector-button{max-width:100%;margin-bottom:5px}.account-prompt{padding:16px}.account-prompt strong{font-size:17px}.account-prompt p{font-size:15px}.account-link{min-height:44px;padding-block:10px}.contact-actions{gap:10px}.contact-actions .btn{flex:1;text-align:center;min-width:120px}.extra-part{padding:15px}.extra-parts h3{font-size:20px}.extra-parts .btn{width:100%;font-size:15px}.extra-parts small{font-size:12px}.form-note{font-size:13px;line-height:1.8}.result{font-size:14px;overflow-wrap:anywhere}.result+.actions,.actions:has(#copy){display:grid;grid-template-columns:1fr;gap:10px}.result+.actions .btn{width:100%;text-align:center}.mobile-action{font-size:16px;min-height:50px;bottom:calc(12px + env(safe-area-inset-bottom));inset-inline:16px;border-radius:10px}body.form-visible .mobile-action,body:has(dialog[open]) .mobile-action{display:none}footer{padding-bottom:calc(95px + env(safe-area-inset-bottom))}.foot{font-size:12px;align-items:start;gap:10px}
 #account-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:520px;max-height:calc(100dvh - 32px);padding:24px 20px;margin:auto;border-radius:16px;overflow-y:auto;overscroll-behavior:contain}#account-dialog h2{font-size:26px;margin-top:16px;padding-inline-end:18px}.account-tabs{margin:18px 0;gap:4px}.account-tabs button{font-size:15px;padding:12px 8px;min-height:46px}#profile-form,#login-form{padding:0;width:100%;box-shadow:none}#profile-form .fields{gap:16px}#save-profile,#login-submit{width:100%;min-height:50px}#customer-home h3{font-size:21px}#customer-contact{font-size:15px}#customer-new{display:block;width:100%}#customer-edit{margin:8px 0}.customer-order{padding:16px;margin:15px 0}.customer-order strong{display:block;font-size:17px}.customer-order small{display:block;direction:ltr;font-size:11px;margin:12px 0}.customer-order>.btn{width:100%;margin-top:14px}.customer-quote{padding:14px}.customer-quote .btn{display:block;width:100%;margin:10px 0;font-size:14px}.customer-quote p{font-size:15px}#profile-status,#account-loading{font-size:15px;line-height:1.7}.dialog-close{min-width:44px;min-height:44px}
}
@media(max-width:360px){.wrap{padding-inline:16px}.nav{padding-inline:10px;gap:5px}.nav .logo{width:126px}.account-trigger{max-width:100px;padding-inline:7px;font-size:12px}.lang{padding-inline:7px;font-size:12px}.hero h1,body.en .hero h1{font-size:33px}.hero .actions{grid-template-columns:1fr}.truck-gallery figure,.truck-gallery figure+figure{height:155px}.brand-showcase{grid-template-columns:1fr}.brand-card:last-child{grid-column:auto}.brand-truck,.brand-card:last-child .brand-truck{height:190px}.request form{padding:16px}}