
/* SCORE V4.1.3 — native mobile header, no overlay JS */
.native-mobile-header{display:none}

@media(max-width:980px){
  /* Completely remove the desktop fixed header on mobile */
  body > .site-header{display:none!important}

  /* The mobile header stays in normal document flow: impossible to cover the page */
  .native-mobile-header{
    display:flex!important;
    position:relative!important;
    width:100%!important;
    height:68px!important;
    padding:0 14px!important;
    align-items:center!important;
    justify-content:space-between!important;
    background:#070707!important;
    border-bottom:1px solid #3b3118!important;
    z-index:10!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }

  .nmh-logo{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }
  .nmh-logo img{
    display:block!important;
    width:140px!important;
    max-height:48px!important;
    height:auto!important;
    opacity:1!important;
    visibility:visible!important;
  }

  .nmh-right{display:flex!important;align-items:center!important;gap:8px!important}
  .nmh-lang{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:40px!important;
    min-width:43px!important;
    padding:0 10px!important;
    border:1px solid #65531f!important;
    border-radius:9px!important;
    color:#e1ba45!important;
    background:#0b0b0b!important;
    font-size:13px!important;
    font-weight:800!important;
  }

  .nmh-menu{position:relative!important}
  .nmh-menu > summary{
    list-style:none!important;
    display:flex!important;
    width:43px!important;
    height:40px!important;
    border:1px solid #65531f!important;
    border-radius:9px!important;
    background:#0b0b0b!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:4px!important;
    cursor:pointer!important;
  }
  .nmh-menu > summary::-webkit-details-marker{display:none!important}
  .nmh-menu > summary span{
    display:block!important;
    width:18px!important;
    height:2px!important;
    background:#e1ba45!important;
  }

  .nmh-panel{
    display:none;
    position:absolute!important;
    top:48px!important;
    inset-inline-end:0!important;
    width:min(88vw,360px)!important;
    max-height:calc(100vh - 90px)!important;
    overflow-y:auto!important;
    background:#090909!important;
    border:1px solid #56471e!important;
    border-radius:15px!important;
    padding:18px!important;
    box-shadow:0 22px 70px rgba(0,0,0,.75)!important;
    z-index:1000!important;
  }
  .nmh-menu[open] .nmh-panel{display:block!important}
  .nmh-panel-head{padding-bottom:13px!important;border-bottom:1px solid #282219!important}
  .nmh-panel-head img{width:130px!important}
  .nmh-panel nav{display:flex!important;flex-direction:column!important}
  .nmh-panel nav a{
    display:flex!important;
    min-height:50px!important;
    align-items:center!important;
    color:#fff!important;
    border-bottom:1px solid #242018!important;
    font-size:18px!important;
    font-weight:700!important;
  }
  .nmh-quote{
    display:flex!important;
    min-height:46px!important;
    margin-top:16px!important;
    align-items:center!important;
    justify-content:center!important;
    background:linear-gradient(135deg,#efd068,#c99b29)!important;
    color:#080808!important;
    border-radius:9px!important;
    font-weight:800!important;
  }

  /* CRITICAL: no fixed-header compensation and no hidden first viewport */
  main{
    display:block!important;
    padding-top:0!important;
    margin-top:0!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
  }
  .hero{
    padding-top:0!important;
    margin-top:0!important;
    opacity:1!important;
    visibility:visible!important;
  }
  .hero-inner,.hero-copy,.hero-visual,.metrics,.section,footer{
    opacity:1!important;
    visibility:visible!important;
  }
}

@media(max-width:430px){
  .native-mobile-header{height:64px!important;padding-inline:11px!important}
  .nmh-logo img{width:124px!important}
  .nmh-lang,.nmh-menu>summary{height:38px!important}
  .nmh-menu>summary{width:40px!important}
}
@media(max-width:360px){
  .nmh-logo img{width:110px!important}
  .nmh-right{gap:5px!important}
  .nmh-lang{min-width:37px!important;padding-inline:7px!important}
  .nmh-menu>summary{width:38px!important}
  .nmh-panel{width:92vw!important}
}
