@font-face{font-family:CityArabic;src:url('/assets/noto-arabic.woff2') format('woff2');font-weight:400 700;font-display:swap}
html[lang=ar] body,html[lang=ar] button,html[lang=ar] input,html[lang=ar] textarea,html[lang=ar] select{font-family:CityArabic,Tahoma,Arial,sans-serif}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .eyebrow{letter-spacing:0;font-style:normal}
html[lang=ar] p{line-height:1.9}html[lang=ar] input[type=tel]{direction:ltr;text-align:right}
a[href^='tel:']{white-space:nowrap}html[lang=ar] a[href^='mailto:'],bdi{unicode-bidi:isolate}
[data-language]{min-height:44px;display:inline-flex;align-items:center;padding:6px 8px;font-size:14px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
[data-language][aria-current]{font-weight:700}
:focus-visible{outline:3px solid #957132;outline-offset:4px}
.contact-dock{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;visibility:hidden}
.contact-dock a{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border:2px solid #fff;border-radius:50%;background:#128c47;color:#fff;box-shadow:0 3px 12px #14233830;text-decoration:none}
.contact-dock svg{width:32px;height:32px;fill:currentColor}.contact-dock a:hover{background:#086b35}
.language-offer{margin:16px auto;padding:12px 20px;max-width:700px;background:#f1eee5;color:#142338;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px;border:1px solid #b4a582;border-radius:8px}
.language-offer a{font-weight:700;color:inherit}.language-offer button{background:transparent;border:0;font-size:26px;min-width:44px;min-height:44px;color:inherit;cursor:pointer}
html{scroll-padding-bottom:90px}input,textarea,select{font-size:16px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Clip spam-trap fields in place; negative left offsets create RTL overflow. */
.hp-field,.form-trap{position:absolute!important;left:auto!important;right:auto!important;inset-inline-start:0!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:600px){.brand-vehicle img,.hb-truck img{aspect-ratio:16/9;height:auto}}

/* Independent floating actions; retain normal document scrolling. */
.call-icon{width:18px;height:18px;flex:none;display:inline-block;vertical-align:middle;margin-inline-end:7px;fill:currentColor}
.contact-dock{display:flex;flex-direction:column;gap:10px;align-items:center;background:none;padding:0}
.contact-dock a{width:52px;height:52px}
.contact-dock .contact-call{background:#142338}
.contact-dock .contact-call:hover{background:#263c58}
.contact-dock .call-icon{width:25px;height:25px;margin:0}
input,textarea,select,button[type=submit]{scroll-margin-bottom:100px}

@media(max-width:600px){
 .contact-dock{right:8px;gap:8px}
 .contact-dock a{width:44px;height:44px}
 .contact-dock svg{width:27px;height:27px}
 .contact-dock .call-icon{width:22px;height:22px}
 /* Leave the floating contact column clear of the form controls in both directions. */
 .quote-form{padding-right:40px}
 .hb-page .hb-form{padding-right:44px}
 .site-footer,.hb-footer{padding-bottom:112px}
}

@media(min-width:601px) and (max-width:1280px){.quote-form,.hb-page .hb-form{padding-right:56px}}