/* Staging proposal. The existing header and all desktop styles remain intact. */
@media (max-width:980px){
 html.rem-mobile-menu-open,html.rem-mobile-menu-open body{overflow:hidden!important;overscroll-behavior:none}
 dialog.rem-mobile-menu{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#fbfaf7;color:#14213b;font-family:Inter,Arial,sans-serif;overscroll-behavior:contain}
 dialog.rem-mobile-menu[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
 .rem-mobile-menu::backdrop{background:#fbfaf7}
 .rem-mobile-menu *{box-sizing:border-box}
 .rem-mobile-menu .rem-menu-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:calc(18px + env(safe-area-inset-top)) 24px 18px;border-bottom:1px solid #e3e3de}
 .rem-mobile-menu .rem-menu-logo{display:block;width:112px;height:64px;object-fit:contain}
 .rem-mobile-menu .rem-menu-close{display:flex;align-items:center;justify-content:center;gap:8px;min-width:88px;min-height:44px;border:1px solid #14213b;border-radius:0;background:transparent;color:#14213b;font-family:inherit;font-weight:500;font-size:13px;line-height:1.3;cursor:pointer}
 .rem-mobile-menu .rem-menu-close svg{width:20px;height:20px;fill:currentColor}
 .rem-mobile-menu .rem-menu-body{overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 28px;scrollbar-width:thin;scrollbar-color:#ad8d50 #fbfaf7}
 .rem-mobile-menu .rem-menu-group{margin:0;border-bottom:1px solid #e3e3de}
 .rem-mobile-menu .rem-menu-group>summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:18px 0;list-style:none;cursor:pointer;font-size:18px;font-weight:500;line-height:1.45;letter-spacing:0;text-align:start}
 .rem-mobile-menu .rem-menu-group>summary::-webkit-details-marker{display:none}
 .rem-mobile-menu .rem-menu-group>summary{border-bottom:1px solid transparent}
 .rem-mobile-menu .rem-menu-chevron{flex:0 0 14px;width:14px;height:14px;color:#ad8d50;stroke:currentColor;fill:none}
 .rem-mobile-menu .rem-menu-group[open]>summary{color:#14213b;border-bottom-color:#ad8d50}
 .rem-mobile-menu .rem-menu-group[open]>summary .rem-menu-chevron{transform:rotate(180deg)}
 .rem-mobile-menu .rem-menu-links{list-style:none;margin:10px 0 16px;padding:0 0 0 16px;border:0}
 .rem-mobile-menu .rem-menu-links li{margin:0;padding:0}
 .rem-mobile-menu .rem-menu-links a{display:block;min-height:48px;padding:10px 0;text-decoration:none;color:#14213b;font-size:16px;line-height:1.4;text-align:start}
 .rem-mobile-menu .rem-menu-links .rem-menu-description{display:block;margin-top:4px;color:#526071;font-size:13px;line-height:1.5;font-weight:400}
 .rem-mobile-menu .rem-menu-links .rem-menu-parent{font-size:14px;color:#14213b;padding-top:14px}
 .rem-mobile-menu .rem-menu-footer{padding:16px 24px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e3e3de;background:#fbfaf7}
 .rem-mobile-menu .rem-menu-adviser{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 16px;border:1px solid #14213b;text-decoration:none;color:#14213b;font-size:14px;font-weight:600;line-height:1.5;text-align:center}
 .rem-mobile-menu .rem-menu-languages{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:7px}
 .rem-mobile-menu .rem-menu-languages a{display:flex;align-items:center;min-height:44px;padding:4px 8px;font-size:12px;letter-spacing:.04em;color:#526071;text-decoration:none}
 .rem-mobile-menu .rem-menu-languages a[aria-current=page]{color:#14213b;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#ad8d50}
 .rem-mobile-menu :is(a,button,summary):focus-visible{outline:2px solid #ad8d50;outline-offset:4px}
 .rem-mobile-menu a:hover{color:#14213b}
 .rem-mobile-menu .rem-menu-links a:hover{ text-decoration:none }
 .rem-mobile-menu .rem-menu-links a:hover>span:first-child:not(.rem-menu-description){text-decoration:underline;text-decoration-color:#ad8d50;text-underline-offset:4px}
 .rem-mobile-menu .rem-menu-links a.rem-menu-parent:hover{text-decoration:underline;text-decoration-color:#ad8d50;text-underline-offset:4px}
 html[dir=rtl] .rem-mobile-menu{font-family:Vazirmatn,Tahoma,Arial,sans-serif}
 html[dir=rtl] .rem-mobile-menu .rem-menu-links{padding:0 16px 0 0}
 @media(max-width:360px){.rem-mobile-menu .rem-menu-header{padding-inline:20px}.rem-mobile-menu .rem-menu-body{padding-inline:20px}.rem-mobile-menu .rem-menu-footer{padding-inline:20px}.rem-mobile-menu .rem-menu-group>summary{font-size:17px;gap:12px}}
}