.fx-widget{position:relative;flex:0 0 auto;max-width:200px;color:#1e325a;font-size:10px;line-height:1.35}
.fx-toggle{display:block;border:0;background:transparent;padding:4px 7px;border-inline-start:1px solid #d9e0e7;text-align:start;color:inherit;cursor:pointer;font:inherit}
.fx-row{display:flex;direction:ltr;align-items:center;gap:5px;white-space:nowrap;font-variant-numeric:tabular-nums}
.fx-row b{font-weight:600;font-size:10px}.fx-row [data-fx-rate]{min-width:40px}.fx-row [data-fx-change]{font-size:9px;font-weight:600}
.fx-date{display:block;font-size:8px;opacity:.7;text-align:end;margin-top:1px}
.fx-row [data-trend=up]{color:#227451}.fx-row [data-trend=down]{color:#ab3d45}.fx-row [data-trend=flat]{color:#61717b}
.fx-toggle:focus-visible{outline:2px solid #1e325a;outline-offset:3px;border-radius:4px}
.fx-details{display:none;position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:260px;max-width:calc(100vw - 32px);padding:13px 15px;background:#fff;border:1px solid #d9e0e7;border-radius:12px;box-shadow:0 8px 30px #1e325a1a;z-index:60;font-size:12px;line-height:1.6}
.fx-toggle[aria-expanded=true]+.fx-details{display:block}.fx-stale .fx-date{color:#906121;opacity:1}
@media(min-width:1001px) and (max-width:1400px){body.fx-home .site-header{padding-inline:20px;gap:14px}body.fx-home .header-actions{gap:8px}body.fx-home .site-header nav:not(.language-switcher){gap:12px}}
@media(max-width:1000px){body.fx-home .header-actions{gap:8px;flex-wrap:wrap}.fx-widget{order:2;max-width:none}.fx-toggle{padding:2px 5px}.fx-row{font-size:9px}.fx-row b{font-size:9px}.fx-date{font-size:8px}}
@media(max-width:480px){body.fx-home .site-header{flex-wrap:wrap;height:auto;min-height:100px;padding-top:6px;row-gap:5px}body.fx-home .header-actions{justify-content:flex-end;max-width:none;width:100%;gap:12px;padding:0 0 7px}body.fx-home .header-actions .fx-widget{order:0}.fx-toggle{border-inline-start:0;padding:0}.fx-details{inset-inline-end:0;top:calc(100% + 8px)}}

/* One mobile header row: logo, languages/rates, compact menu. */
@media(max-width:700px){
 body.fx-home .site-header{display:grid;grid-template-columns:32px minmax(0,1fr) 34px;align-items:center;column-gap:7px;row-gap:0;height:64px;min-height:64px;padding:0 10px;flex-wrap:nowrap}
 body.fx-home .site-header>.brand{grid-column:1;grid-row:1;margin:0;width:32px;gap:0}
 body.fx-home .site-header>.brand img{width:32px;height:32px}
 body.fx-home .site-header>.brand>span{display:none}
 body.fx-home .site-header>.menu-button{grid-column:3;grid-row:1;display:inline-flex;width:34px;height:34px;min-height:34px;min-width:34px;margin:0;padding:0;gap:0;border-radius:10px;font-size:0}
 body.fx-home .site-header>.menu-button::before{width:15px;height:10px;flex-shrink:0}
 body.fx-home .site-header>.menu-button[aria-expanded=true]::before{height:20px;line-height:20px;font-size:23px}
 body.fx-home .header-actions{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;width:auto;min-width:0;max-width:none;gap:8px;margin:0;padding:0}
 body.fx-home .site-header .language-switcher{position:static;display:flex;flex-direction:row;align-items:center;flex:0 0 auto;gap:4px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;font-size:10px}
 body.fx-home .site-header .language-switcher a{display:flex;align-items:center;justify-content:center;min-height:34px;min-width:0;padding:0 2px;font-size:10px;line-height:1.2;border-radius:0}
 body.fx-home .header-actions>.button{display:none}
 body.fx-home .header-actions .fx-widget{order:0;flex:0 0 auto;max-width:none;min-width:0;line-height:1.25}
 body.fx-home .fx-toggle{min-height:36px;padding:0 0 0 7px;border-inline-start:1px solid #d9e0e7;border-radius:0}
 html[dir=rtl] body.fx-home .fx-toggle{padding:0 7px 0 0}
 body.fx-home .fx-row{gap:3px;font-size:9px}
 body.fx-home .fx-row b{font-size:9px;font-weight:600}
 body.fx-home .fx-row [data-fx-rate]{min-width:36px;font-size:9px}
 body.fx-home .fx-row [data-fx-change]{font-size:8px}
 body.fx-home .fx-date{font-size:7px;line-height:1.2;margin-top:2px}
 body.fx-home .fx-details{position:fixed;inset-inline-end:10px;top:70px;max-width:calc(100vw - 20px);width:270px}
 body.fx-home .site-header #site-nav{grid-column:1/-1;top:calc(100% + 6px)}
}
@media(max-width:350px){
 body.fx-home .site-header{column-gap:5px;padding-inline:8px;grid-template-columns:30px minmax(0,1fr) 32px}
 body.fx-home .site-header>.brand,body.fx-home .site-header>.brand img{width:30px;height:30px}
 body.fx-home .site-header>.menu-button{width:32px;height:32px;min-width:32px;min-height:32px}
 body.fx-home .header-actions{gap:5px}
 body.fx-home .site-header .language-switcher{gap:3px}
 body.fx-home .site-header .language-switcher a{font-size:9px;padding-inline:1px}
 body.fx-home .fx-toggle{padding-inline-start:5px}
}

@media(max-width:700px){body.fx-home .header-actions .fx-widget{order:1}body.fx-home .site-header .language-switcher{order:2}body.fx-home .fx-toggle{border-inline-start:0;border-inline-end:1px solid #d9e0e7;padding-inline-start:0;padding-inline-end:7px}}
/* Preserve the full brand while keeping the mobile header on one row. */
@media(max-width:700px){
 body.fx-home .site-header{grid-template-columns:max-content minmax(0,1fr) 34px;column-gap:6px}
 body.fx-home .site-header>.brand{width:auto;gap:5px;font-size:10px;letter-spacing:.025em}
 body.fx-home .site-header>.brand img{width:28px;height:28px}
 body.fx-home .site-header>.brand>span{display:inline;white-space:nowrap}
 body.fx-home .header-actions{gap:5px;justify-content:flex-end}
 body.fx-home .fx-row{gap:2px;line-height:1.3}
 body.fx-home .fx-row b{font-size:0}
 body.fx-home .fx-row b::after{font-size:8px;font-weight:600}
 body.fx-home [data-fx-pair=EUR] b::after{content:'EUR'}
 body.fx-home [data-fx-pair=USD] b::after{content:'USD'}
 body.fx-home .fx-row [data-fx-rate]{font-size:8px;min-width:31px}
 body.fx-home .fx-row [data-fx-change]{font-size:0;min-width:8px}
 body.fx-home .fx-row [data-trend=up]::after{content:'↑';font-size:10px}
 body.fx-home .fx-row [data-trend=down]::after{content:'↓';font-size:10px}
 body.fx-home .fx-row [data-trend=flat]::after{content:'→';font-size:10px}
 body.fx-home .fx-toggle{padding-inline-end:5px}
 body.fx-home .fx-date{font-size:6.5px}
}
@media(max-width:350px){
 body.fx-home .site-header{grid-template-columns:max-content minmax(0,1fr) 30px;column-gap:4px;padding-inline:7px}
 body.fx-home .site-header>.brand{gap:4px;font-size:9px}
 body.fx-home .site-header>.brand img{width:24px;height:24px}
 body.fx-home .site-header>.menu-button{width:30px;height:32px;min-width:30px;min-height:32px}
 body.fx-home .header-actions{gap:4px}
 body.fx-home .site-header .language-switcher{gap:2px}
 body.fx-home .site-header .language-switcher a{font-size:9px;padding-inline:1px}
}

/* Readable mobile navigation with a separate compact exchange-rate strip. */
@media(max-width:700px){
 body.fx-home .site-header{display:grid;grid-template-columns:max-content minmax(0,1fr) 40px;grid-template-rows:64px 36px;align-items:center;gap:0 9px;height:100px;min-height:100px;padding:0 14px;background:#f4f5f6;backdrop-filter:blur(18px)}
 body.fx-home .site-header>.brand{grid-column:1;grid-row:1;display:flex;align-items:center;width:auto;height:auto;gap:7px;font-size:14px;letter-spacing:.035em}
 body.fx-home .site-header>.brand img{width:34px;height:34px}
 body.fx-home .site-header>.brand>span{display:inline}
 body.fx-home .site-header>.menu-button{grid-column:3;grid-row:1;width:40px;height:40px;min-width:40px;min-height:40px;border-radius:12px;border-color:#d8e0e6;background:#fff;margin:0;padding:0;font-size:0}
 body.fx-home .site-header>.menu-button::before{width:18px;height:12px}
 body.fx-home .site-header>.menu-button[aria-expanded=true]{background:#1e325a;color:#fff}
 body.fx-home .site-header>.menu-button[aria-expanded=true]::before{font-size:26px;height:24px;line-height:24px}
 body.fx-home .header-actions{display:contents}
 body.fx-home .site-header .language-switcher{grid-column:2;grid-row:1;display:flex;justify-content:flex-end;align-items:center;position:static;order:initial;gap:2px;margin:0;padding:0;background:none;border:0;box-shadow:none}
 body.fx-home .site-header .language-switcher a{font-size:13px;font-weight:500;min-height:40px;padding:0 6px;border-bottom:0;border-radius:7px}
 body.fx-home .site-header .language-switcher a[aria-current=page]{background:#e5ebf0;color:#1e325a;font-weight:700}
 body.fx-home .header-actions .fx-widget{grid-column:1/-1;grid-row:2;order:initial;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;width:100%;height:36px;border-top:1px solid #dbe2e8;font-size:11px}
 body.fx-home .fx-widget::before{content:'MAD';font-size:9px;color:#68777d;margin-inline-end:8px}
 body.fx-home .fx-toggle{display:flex;align-items:center;justify-content:center;gap:24px;flex:1;min-width:0;width:auto;height:36px;min-height:36px;padding:0!important;border:0;border-radius:0;direction:ltr}
 body.fx-home .fx-row{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.4}
 body.fx-home .fx-row b{font-size:0}
 body.fx-home .fx-row b::after{font-size:12px;font-weight:600}
 body.fx-home .fx-row [data-fx-rate]{min-width:43px;font-size:12px;font-weight:600}
 body.fx-home .fx-row [data-fx-change]{font-size:11px;min-width:0;font-weight:500}
 body.fx-home .fx-row [data-fx-change]::after{content:none}
 body.fx-home .fx-date{display:none}
 body.fx-home .fx-details{position:fixed;top:106px;inset-inline-end:14px;width:290px;max-width:calc(100vw - 28px);font-size:12px;text-align:start;direction:ltr}
 html[dir=rtl] body.fx-home .fx-details{direction:rtl}
 body.fx-home .site-header #site-nav{grid-column:1/-1;top:calc(100% + 6px);inset-inline:14px;max-height:calc(100svh - 122px)}
}
@media(max-width:350px){
 body.fx-home .site-header{padding-inline:10px;column-gap:6px;grid-template-columns:max-content minmax(0,1fr) 38px}
 body.fx-home .site-header>.brand{gap:5px;font-size:11px;letter-spacing:.02em}
 body.fx-home .site-header>.brand img{width:30px;height:30px}
 body.fx-home .site-header>.menu-button{width:38px;height:38px;min-width:38px;min-height:38px}
 body.fx-home .site-header .language-switcher a{font-size:11px;padding-inline:4px}
 body.fx-home .fx-toggle{gap:18px}
 body.fx-home .fx-row{gap:4px}
 body.fx-home .fx-row b::after{font-size:11px}
 body.fx-home .fx-row [data-fx-rate]{font-size:11px}
 body.fx-home .fx-row [data-fx-change]{font-size:10px}
}