/* Public website language controls. Existing Persian typography is preserved. */
.mhr-language-host{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.mhr-language-switch{display:inline-flex!important;align-items:center;flex:0 0 auto;gap:3px;margin-inline-start:8px;padding:3px;border:1px solid #bacbda;border-radius:9px;background:#fff;color:#16324a;vertical-align:middle;white-space:nowrap;line-height:1.2}
.mhr-language-switch button{appearance:none;display:inline-block!important;background:transparent;border:0;border-radius:6px;color:#16324a;cursor:pointer;padding:6px 11px;font:600 13px/1.35 Arial,Tahoma,sans-serif;min-height:32px;min-width:55px;box-shadow:none}
.mhr-language-switch button[aria-pressed=true]{background:#163b60;color:#fff}
.mhr-language-switch button:hover{background:#e8f0f7;color:#16324a}
.mhr-language-switch button:focus-visible{outline:3px solid #db812e;outline-offset:3px}
.mhr-language-header-host{flex-wrap:wrap}
.mhr-language-fallback{display:flex;justify-content:flex-end;max-width:1200px;margin:12px auto;padding:0 16px}
html[lang=en] body,html[lang=en] button,html[lang=en] input,html[lang=en] select,html[lang=en] textarea{font-family:Arial,"Segoe UI",sans-serif!important}
html[lang=en] :is(h1,h2,h3,h4,h5,h6,.brand-kicker,.brand-name,.btn,.nav,.footer){font-family:Arial,"Segoe UI",sans-serif!important}
html[lang=en] body{direction:ltr}
html[lang=en] .header{flex-wrap:wrap;gap:16px}
html[lang=en] .header .nav{gap:15px;flex-wrap:wrap;justify-content:center}
html[lang=en] .brand{flex-shrink:0}
html[lang=en] .brand-name,html[lang=en] .brand h1{font-size:25px;line-height:1.25;letter-spacing:-.5px}
html[lang=en] .brand-kicker,html[lang=en] .brand small{font-size:12px;line-height:1.5}
html[lang=en] .header .actions,html[lang=en] .header-actions{flex-wrap:wrap;gap:8px}
html[lang=en] .header .nav a{font-size:14px}
html[lang=en] .header .btn,html[lang=en] .header-actions a{font-size:13px;white-space:normal;text-align:center}
html[lang=en] :is(.content,.card,.service-copy,.service-content,.info-card,.field,.brand-copy){text-align:start}
html[lang=en] input:not([type=checkbox]):not([type=radio]),html[lang=en] textarea,html[lang=en] select{direction:ltr;text-align:start}
html[lang=en] input[type=tel],html[lang=en] input[inputmode=numeric],html[lang=en] input[type=email]{direction:ltr}
html[lang=en] :is(.hero h1,.hero h2,.page-title,.content h2){line-height:1.3}
html[lang=en] .meh-chat-panel{direction:ltr;text-align:left}
html[lang=en] [contenteditable],html[lang=en] .meh-msg.user{unicode-bidi:plaintext}
html[lang=en] .booking-steps{direction:ltr}
@media(max-width:900px){html[lang=en] .header .nav{width:100%;order:3}html[lang=en] .header .actions,html[lang=en] .header-actions{justify-content:center}html[lang=en] .header{justify-content:center}}
@media(max-width:600px){.mhr-language-switch button{min-height:36px;padding:7px 12px}.mhr-language-host{justify-content:center}.mhr-language-switch{margin-inline-start:0}html[lang=en] .header .nav{gap:10px}html[lang=en] .header .nav a{font-size:12px}html[lang=en] .brand-name,html[lang=en] .brand h1{font-size:23px}html[lang=en] .hero h1{font-size:clamp(27px,7.5vw,42px)}html[lang=en] .hero p{font-size:15px}}
@media print{.mhr-language-switch,.mhr-language-fallback{display:none!important}}
/* Override the approved template's explicit RTL rules only in English. */
.topbar.mhr-language-host{height:auto!important;min-height:40px;padding-top:4px!important;padding-bottom:4px!important}
html[lang=en] :is(.hero-content,.hero-actions a,.device-caption,.header-actions a){direction:ltr!important;text-align:left!important}
html[lang=en] .hero-content{font-family:Arial,"Segoe UI",sans-serif!important}
html[lang=en] .hero h1{letter-spacing:-.5px!important}
@media(max-width:1100px){
 html[lang=en] .hero{display:flex;flex-direction:column;min-height:0!important;padding-bottom:26px!important}
 html[lang=en] .hero-content{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto!important;max-width:none!important;margin:280px 24px 22px!important;order:2}
 html[lang=en] .hero-actions{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px!important;margin:16px 24px 20px!important;order:4}
 html[lang=en] .hero-actions a{width:auto!important;min-width:0!important;height:80px!important}
 html[lang=en] .device-caption{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;min-width:0!important;max-width:none!important;margin:0 24px!important;order:3}
}
@media(max-width:650px){
 html[lang=en] .hero-content{margin:260px 22px 20px!important}
 html[lang=en] .hero h1{font-size:30px!important;line-height:1.3!important}
 html[lang=en] .hero p{font-size:14px!important;line-height:1.8!important}
 html[lang=en] .hero-actions{grid-template-columns:1fr;margin:16px 22px 20px!important}
 html[lang=en] .hero-actions a{height:68px!important;justify-content:flex-start!important;padding-inline:20px!important}
 html[lang=en] .device-caption{margin-inline:22px!important;font-size:14px!important}
 .topbar.mhr-language-host{justify-content:center!important;row-gap:6px!important;padding-bottom:7px!important}
 .topbar.mhr-language-host .mhr-language-switch{margin:0 12px!important}
}

@media(max-width:1100px){html[lang=en] .hero-wash{background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.22) 25%,rgba(255,255,255,.94) 40%,#fff 70%)!important}}
@media(max-width:650px){html[lang=en] .portal-main{min-width:0!important;max-width:100%!important;overflow-x:auto}}