/*
 * Final mobile-header parity layer.
 * Keeps every RU/EN page pixel-aligned with its corresponding home page.
 * Mobile only: desktop and tablet layouts are intentionally untouched.
 */
@media (max-width:680px){
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    justify-content:flex-end!important;
    transform:translateX(5px)!important;
  }
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav a{
    font-size:12px!important;
    font-weight:900!important;
    letter-spacing:-.02em!important;
    line-height:1!important;
  }
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav a+a::before{
    margin:0 clamp(5px,1vw,11px)!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    transform:translateX(4px)!important;
  }
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__connect.site-header-flat__connect>span:last-child{
    display:none!important;
  }
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__connect-border-visible.site-header-flat__connect-border-visible{
    transform:scaleX(.86)!important;
    transform-origin:50% 50%!important;
  }
}

@media (max-width:430px){
  html body[data-language="en"][data-language] header.site-header-flat.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:0!important;
    transform:none!important;
  }
  html body[data-language="en"][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    inset:0 124px auto 12px!important;
    transform:none!important;
  }
  html body[data-language="ru"][data-language] header.site-header-flat.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:-8px!important;
    transform:none!important;
  }
  html body[data-language="ru"][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    inset:0 104px auto 12px!important;
    transform:translateX(20px)!important;
  }
}

@media (max-width:370px){
  html body[data-language="en"][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    inset:0 118px auto 10px!important;
  }
  html body[data-language="ru"][data-language] header.site-header-flat.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:-8px!important;
  }
  html body[data-language="ru"][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    inset:0 98px auto 10px!important;
    transform:translateX(18px)!important;
  }
}


/* Mobile navigation: replace the cramped inline links with a compact hamburger menu. */
@media (max-width:680px){
  html body header.site-header-flat.site-header-flat{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    height:66px!important;
    padding:0 10px 0 14px!important;
    display:block!important;
    z-index:200!important;
  }

  /* The desktop/mobile inline navigation is hidden until the hamburger is opened. */
  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    display:none!important;
    position:absolute!important;
    top:66px!important;
    left:12px!important;
    right:12px!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:10px 14px 14px!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:0!important;
    overflow:visible!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:16px!important;
    background:rgba(7,7,8,.96)!important;
    box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset!important;
    -webkit-backdrop-filter:blur(18px) saturate(125%)!important;
    backdrop-filter:blur(18px) saturate(125%)!important;
    z-index:220!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav.open{
    display:flex!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:48px!important;
    margin:0!important;
    padding:0 6px!important;
    font-family:Manrope,system-ui,sans-serif!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.2!important;
    letter-spacing:0!important;
    color:#f5f5f5!important;
    border-bottom:1px solid rgba(255,255,255,.075)!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav a:last-child{
    border-bottom:0!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav a+a::before{
    content:none!important;
    display:none!important;
  }

  /* Keep the language globe and Connect button in the same right-hand lane. */
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    position:absolute!important;
    top:0!important;
    right:8px!important;
    left:auto!important;
    height:66px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:12px!important;
    margin:0!important;
    transform:none!important;
    z-index:210!important;
  }

  html body header.site-header-flat .site-header-flat__language{
    display:flex!important;
    position:static!important;
    flex:0 0 auto!important;
    margin:0!important;
  }

  html body header.site-header-flat .site-header-flat__language-trigger{
    position:static!important;
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    margin:0!important;
    padding:0 2px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }

  html body header.site-header-flat .site-header-flat__language-trigger .site-header-flat__globe{
    position:static!important;
    width:24px!important;
    height:24px!important;
    margin:0!important;
  }

  html body header.site-header-flat .site-header-flat__connect{
    flex:0 0 auto!important;
    min-width:112px!important;
    width:112px!important;
    height:40px!important;
    margin:0!important;
    padding:0 12px!important;
    font-size:10.5px!important;
  }

  html body header.site-header-flat .site-header-flat__connect-border-visible{
    transform:none!important;
  }

  /* Hamburger sits where the old mobile nav started. */
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu{
    position:absolute!important;
    top:11px!important;
    left:10px!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.025)!important;
    box-shadow:0 8px 24px rgba(0,0,0,.22),0 0 20px rgba(125,140,255,.05)!important;
    z-index:230!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before,
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span{
    content:""!important;
    display:block!important;
    width:18px!important;
    height:1.5px!important;
    margin:0!important;
    background:#f5f5f5!important;
    border-radius:999px!important;
    transition:transform .22s ease,opacity .18s ease!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before{
    margin-bottom:5px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span:first-child{
    margin-bottom:5px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"]::before{
    transform:translateY(6.5px) rotate(45deg)!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:first-child{
    opacity:0!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:last-child{
    transform:translateY(-6.5px) rotate(-45deg)!important;
  }
}

@media (max-width:370px){
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:4px!important;
    gap:8px!important;
  }
  html body header.site-header-flat .site-header-flat__connect{
    min-width:106px!important;
    width:106px!important;
    padding:0 9px!important;
    font-size:10px!important;
  }
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu{
    left:8px!important;
  }
  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    left:8px!important;
    right:8px!important;
  }
}

/* Final mobile header refinement: compact menu + Connect before language globe. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    flex-direction:row!important;
  }

  html body header.site-header-flat .site-header-flat__connect.site-header-flat__connect{
    order:1!important;
  }

  html body header.site-header-flat .site-header-flat__language.site-header-flat__language{
    order:2!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu{
    width:40px!important;
    height:40px!important;
    top:12px!important;
    left:10px!important;
    border-radius:11px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before,
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span{
    width:14px!important;
    height:1px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before{
    margin-bottom:4px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span:first-child{
    margin-bottom:4px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"]::before{
    transform:translateY(5px) rotate(45deg)!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:last-child{
    transform:translateY(-5px) rotate(-45deg)!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    top:58px!important;
    left:10px!important;
    right:auto!important;
    width:200px!important;
    max-width:calc(100vw - 20px)!important;
    padding:7px 10px 9px!important;
    border-radius:13px!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav a{
    min-height:38px!important;
    padding:0 4px!important;
    font-size:13px!important;
    border-bottom-color:rgba(255,255,255,.065)!important;
  }
}

@media (max-width:370px){
  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    left:8px!important;
    width:188px!important;
    max-width:calc(100vw - 16px)!important;
  }
}

/* Mobile-only final correction: Connect left, globe stays on the far right;
   make the hamburger control and its popup smaller and cleaner. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:8px!important;
    left:auto!important;
    flex-direction:row!important;
    justify-content:flex-end!important;
    gap:10px!important;
  }

  html body header.site-header-flat .site-header-flat__connect.site-header-flat__connect{
    order:1!important;
  }

  html body header.site-header-flat .site-header-flat__language.site-header-flat__language{
    order:2!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu{
    top:15px!important;
    left:12px!important;
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    padding:0!important;
    border-radius:9px!important;
    border:1px solid rgba(255,255,255,.11)!important;
    background:rgba(255,255,255,.018)!important;
    box-shadow:0 6px 18px rgba(0,0,0,.18)!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before,
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span{
    width:13px!important;
    height:1px!important;
    margin:0!important;
    flex:0 0 1px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before{
    margin-bottom:4px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span:first-child{
    margin-bottom:4px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"]::before{
    transform:translateY(5px) rotate(45deg)!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:first-child{
    opacity:0!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:last-child{
    transform:translateY(-5px) rotate(-45deg)!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    top:56px!important;
    left:12px!important;
    right:auto!important;
    width:178px!important;
    max-width:calc(100vw - 24px)!important;
    padding:5px 8px 6px!important;
    border-radius:11px!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav a{
    min-height:34px!important;
    height:34px!important;
    padding:0 4px!important;
    font-size:12.5px!important;
  }
}

@media (max-width:370px){
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:4px!important;
    gap:7px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu{
    left:9px!important;
  }

  html body header.site-header-flat .site-header-flat__nav.site-header-flat__nav{
    left:9px!important;
    width:170px!important;
    max-width:calc(100vw - 18px)!important;
  }
}

/* Mobile header final: language (globe + RU) on the left of the action cluster,
   Connect on the far right. Keep the hamburger/menu untouched. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    position:absolute!important;
    top:0!important;
    right:8px!important;
    left:auto!important;
    width:auto!important;
    height:64px!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:10px!important;
    margin:0!important;
    z-index:210!important;
  }

  html body header.site-header-flat .site-header-flat__language.site-header-flat__language{
    order:1!important;
    display:flex!important;
    position:static!important;
    width:auto!important;
    height:40px!important;
    min-width:0!important;
    margin:0!important;
  }

  html body header.site-header-flat .site-header-flat__language-trigger.site-header-flat__language-trigger{
    width:auto!important;
    min-width:0!important;
    height:40px!important;
    padding:0!important;
    gap:8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    background:transparent!important;
  }

  html body header.site-header-flat .site-header-flat__language-trigger .site-header-flat__globe{
    display:block!important;
    width:21px!important;
    height:21px!important;
    margin:0!important;
    flex:0 0 21px!important;
  }

  html body header.site-header-flat .site-header-flat__language .language-current{
    display:inline-block!important;
    position:static!important;
    width:auto!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1!important;
    letter-spacing:.02em!important;
    opacity:1!important;
    visibility:visible!important;
  }

  html body header.site-header-flat .site-header-flat__connect.site-header-flat__connect{
    order:2!important;
    width:112px!important;
    min-width:112px!important;
    height:40px!important;
    margin:0!important;
    padding:0 8px!important;
  }
}

@media (max-width:430px){
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:4px!important;
    gap:8px!important;
  }

  html body header.site-header-flat .site-header-flat__language-trigger.site-header-flat__language-trigger{
    gap:7px!important;
  }

  html body header.site-header-flat .site-header-flat__language-trigger .site-header-flat__globe{
    width:20px!important;
    height:20px!important;
    flex-basis:20px!important;
  }

  html body header.site-header-flat .site-header-flat__language .language-current{
    font-size:11px!important;
  }

  html body header.site-header-flat .site-header-flat__connect.site-header-flat__connect{
    width:106px!important;
    min-width:106px!important;
    font-size:10px!important;
  }
}

@media (max-width:370px){
  html body header.site-header-flat .site-header-flat__actions.site-header-flat__actions{
    right:3px!important;
    gap:7px!important;
  }

  html body header.site-header-flat .site-header-flat__connect.site-header-flat__connect{
    width:100px!important;
    min-width:100px!important;
  }
}

/* Mobile-only: move only the Connect button slightly left; keep globe + RU untouched. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__connect.site-header-flat__connect{
    transform:translateX(-6px)!important;
  }
}

/* Mobile-only hamburger cleanup: bars only, no surrounding button frame. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu{
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    border-radius:0!important;
    width:36px!important;
    height:36px!important;
    padding:0!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before,
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span{
    position:absolute!important;
    left:50%!important;
    width:13px!important;
    height:1px!important;
    margin:0!important;
    transform-origin:center center!important;
    transform:translateX(-50%)!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before{top:10px!important;}
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span:first-child{top:17px!important;}
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span:last-child{top:24px!important;}

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"]::before{
    top:17px!important;
    transform:translateX(-50%) rotate(45deg)!important;
  }
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:first-child{
    opacity:0!important;
  }
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:last-child{
    top:17px!important;
    transform:translateX(-50%) rotate(-45deg)!important;
  }
}

/* Mobile-only hamburger interaction: keep three bars, unify their color,
   and use a subtle staggered slide animation instead of morphing into an X. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before,
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span{
    background:#f5f5f5!important;
    transition:transform .28s cubic-bezier(.22,.61,.36,1),opacity .2s ease,width .28s ease!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"]::before{
    top:10px!important;
    transform:translateX(calc(-50% + 3px))!important;
    width:10px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:first-child{
    top:17px!important;
    opacity:1!important;
    transform:translateX(calc(-50% - 2px))!important;
    width:13px!important;
  }

  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:last-child{
    top:24px!important;
    transform:translateX(calc(-50% + 3px))!important;
    width:10px!important;
  }
}

/* Mobile-only final hamburger refinement: identical white bars + a different click animation. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu::before,
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu span{
    width:16px!important;
    background:#ffffff!important;
    opacity:1!important;
    filter:none!important;
    -webkit-filter:none!important;
    transition:transform .28s cubic-bezier(.2,.8,.2,1),width .28s cubic-bezier(.2,.8,.2,1)!important;
  }

  /* New interaction: the three lines breathe outward/inward rather than sliding. */
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"]::before{
    top:10px!important;
    width:20px!important;
    transform:translateX(-50%) scaleX(1)!important;
  }
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:first-child{
    top:17px!important;
    width:12px!important;
    transform:translateX(-50%) scaleX(1)!important;
  }
  html body header.site-header-flat .site-header-flat__menu.site-header-flat__menu[aria-expanded="true"] span:last-child{
    top:24px!important;
    width:20px!important;
    transform:translateX(-50%) scaleX(1)!important;
  }
}

/* Mobile-only language polish: smoother reveal and tighter globe/RU spacing. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__language-trigger.site-header-flat__language-trigger{
    gap:4px!important;
  }

  html body header.site-header-flat .site-header-flat__language .language-menu{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translate(-50%,-10px) scale(.96)!important;
    transform-origin:top center!important;
    transition:opacity .30s cubic-bezier(.22,1,.36,1),
               transform .30s cubic-bezier(.22,1,.36,1),
               visibility 0s linear .30s!important;
  }

  html body header.site-header-flat .site-header-flat__language .language-menu[aria-hidden="false"]{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0) scale(1)!important;
    transition:opacity .30s cubic-bezier(.22,1,.36,1),
               transform .30s cubic-bezier(.22,1,.36,1),
               visibility 0s linear 0s!important;
  }
}

/* Mobile-only: keep the language dropdown centered on the globe/RU control, like desktop. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__language .language-menu{
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,-10px) scale(.96)!important;
    transform-origin:top center!important;
  }

  html body header.site-header-flat .site-header-flat__language .language-menu[aria-hidden="false"]{
    left:50%!important;
    right:auto!important;
    transform:translate(-50%,0) scale(1)!important;
  }
}

/* Mobile-only: final language dropdown position adjustment. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__language .language-menu{
    left:calc(50% - 115px)!important;
    right:auto!important;
    top:calc(100% + 10px)!important;
    transform:translate(-50%, -10px) scale(.96)!important;
    transform-origin:top center!important;
  }

  html body header.site-header-flat .site-header-flat__language .language-menu[aria-hidden="false"]{
    left:calc(50% - 115px)!important;
    right:auto!important;
    top:calc(100% + 10px)!important;
    transform:translate(-50%, 0) scale(1)!important;
    transform-origin:top center!important;
  }
}

/* v42: mobile language dropdown — place it slightly right and higher, with one fixed position for open/close. */
@media (max-width:680px){
  html body header.site-header-flat .site-header-flat__language .language-menu{
    left:calc(50% - 40px)!important;
    right:auto!important;
    top:calc(100% - 18px)!important;
    transform:translate(-50%,-10px) scale(.96)!important;
    transform-origin:top center!important;
  }

  html body header.site-header-flat .site-header-flat__language .language-menu[aria-hidden="false"]{
    left:calc(50% - 40px)!important;
    right:auto!important;
    top:calc(100% - 18px)!important;
    transform:translate(-50%,0) scale(1)!important;
    transform-origin:top center!important;
  }
}

/* v43: mobile-only overlap fixes for the application modal and hamburger menu. */
@media (max-width:680px){
  /* Keep the modal below the fixed header area instead of letting the panel sit under its controls. */
  html body .contact-modal.application-modal{
    z-index:300!important;
    align-items:start!important;
    padding:78px 12px 12px!important;
    overflow-y:auto!important;
  }

  html body .contact-modal.application-modal .application-modal__panel{
    max-height:calc(100dvh - 90px)!important;
    overflow-y:auto!important;
  }

  /* Open the menu to the right of the hamburger; do not let the first item sit underneath it. */
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav.open{
    top:56px!important;
    left:12px!important;
    right:auto!important;
    width:178px!important;
    max-width:calc(100vw - 24px)!important;
    transform:none!important;
  }
}

@media (max-width:370px){
  html body[data-language][data-language] header.site-header-flat.site-header-flat .site-header-flat__nav.site-header-flat__nav.open{
    left:9px!important;
    width:170px!important;
    max-width:calc(100vw - 18px)!important;
  }
}
