/* el39 (2026-10-24): narrow header fit. Lang pill = globe + short code; slightly smaller header buttons; logo on one line. Targets stay >=40px. */
/* el91 (Sachiko 29 Oct 2026): narrow header targets raised to 44x44 (WCAG 2.5.5 / matrix tap-size); gap 5->4px. */
html:root .el-langpill .flp-cd{display:none}
@media (max-width:430px){
html:root body>header{gap:4px!important;flex-wrap:nowrap!important}
html.tm:root body>header #home#home#home.el-brand{flex:0 0 auto!important;flex-basis:auto!important;width:max-content!important;min-width:max-content!important;max-width:none!important;margin-inline-end:auto!important}
html.tm:root body>header #home#home#home.el-brand,html.tm:root body>header #home#home#home.el-brand .el-brand-txt{contain:none!important;container-type:normal!important}
html.tm:root body>header #home#home#home.el-brand .el-brand-txt{flex:none!important;width:auto!important;min-width:max-content!important;max-width:none!important}
html.tm:root body>header #home#home#home.el-brand .el-brand-name{white-space:nowrap!important;overflow-wrap:normal!important;word-break:keep-all!important;font-size:clamp(13px,3.9vw,16px)!important}
html:root body>header #lang.el-langpill{max-width:none!important;min-width:44px!important;height:44px!important;min-height:44px!important;padding:0 10px 0 8px!important;gap:4px!important;flex:none!important}
html:root body>header #lang.el-langpill .flp-nm,html:root body>header #lang.el-langpill .flp-ar{display:none!important}
html:root body>header #lang.el-langpill .flp-cd{display:inline-block!important;font-size:14px!important;font-weight:700!important;letter-spacing:.02em;line-height:1;white-space:nowrap}
html:root body>header #lang.el-langpill .flp-ic,html:root body>header #lang.el-langpill .flp-ic svg{width:22px!important;height:22px!important}
html:root body>header .el-resetbtn,html:root body>header .el-gear,html:root body>header .el-logout{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;flex:none!important}
html:root body>header #sb-badge{flex:none!important}
html:root body>header #sb-badge .sb-btn{min-height:44px!important;height:44px!important;min-width:44px!important;padding:0 9px!important;gap:5px!important;font-size:13px!important}
}
@media (max-width:359px){html:root body>header #lang.el-langpill{padding:0 7px 0 6px!important}html.tm:root body>header #home#home#home.el-brand .el-brand-name{font-size:12px!important}}
/* el40 (24 Oct 2026): bottom emergency bar removed site-wide, so it reserves no space. */
html:root,html.tm:root{--tm-strip:0px!important}
html:root body #tabs>.tab999{display:none!important}
/* el42 (Joseph 24 Oct 2026): slogan "Less Hassle, More Living" in small lettering under the EasyLife UK name, every page, one line. */
html:root body>header #home .el-brand-txt{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:0!important;container-type:normal!important;contain:none!important}
html:root body>header #home .el-brand-txt .el-slogan{display:block!important;font-size:12.5px!important;line-height:1.1!important;font-style:italic;font-weight:600;letter-spacing:0!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important;margin:1px 0 0!important;padding:0!important;text-align:start;opacity:.9;max-width:none!important}
html[dir=rtl]:root body>header #home .el-brand-txt{align-items:flex-start!important}
@media (max-width:430px){html:root body>header #home .el-brand-txt .el-slogan{font-size:10.5px!important}}
@media (max-width:359px){html:root body>header #home .el-brand-txt .el-slogan{font-size:9.5px!important}}
@media (max-width:339px){html:root body>header #home .el-brand-txt .el-slogan{font-size:9px!important}}
/* el43 (Joseph 24 Oct 2026): ~2.5px more space between name and slogan; name sits ~2.5px higher. Header height, buttons, slogan size unchanged. */
html:root body>header #home .el-brand-txt .el-slogan{margin-top:3.5px!important}
html:root body>header #home .el-brand-txt{position:relative!important;top:-1.5px!important}