/* Atlobni - mobile header refinement only */
@media (max-width:760px){
  /* Keep the notification bell visible in the mobile header. */
  .site-header .header-actions{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
  }
  .site-header .notify-wrap{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
  }
  .site-header .notification-button{
    width:40px!important;
    height:40px!important;
    display:grid!important;
    place-items:center!important;
    border:0!important;
    border-radius:12px!important;
    background:#f3f7f8!important;
    color:#102b3d!important;
    cursor:pointer!important;
    position:relative!important;
  }
  .site-header .notification-button svg{width:20px!important;height:20px!important;display:block!important}
  .site-header .notification-badge{min-width:17px!important;height:17px!important;padding:0 4px!important;font-size:9px!important;line-height:17px!important;top:-3px!important;right:-3px!important}

  .site-header .mobile-menu{
    width:40px!important;height:40px!important;
   place-items:center!important;
    background:#08ae7b!important;color:#fff!important;
    font-size:0!important;cursor:pointer!important;
  }
  .site-header .mobile-menu:before{
    content:""!important;width:19px!important;height:14px!important;
    display:block!important;
    border-top:2px solid currentColor!important;
    border-bottom:2px solid currentColor!important;
    position:relative!important;
  }
  .site-header .mobile-menu:after{
    content:""!important;width:19px!important;height:2px!important;
    background:currentColor!important;position:absolute!important;
  }

  /* Off-canvas mobile navigation */
  .site-header .main-nav{
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;
    width:min(310px,86vw)!important;
    height:100dvh!important;
    z-index:11000!important;
    background:#fff!important;
    padding:78px 18px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:6px!important;
    overflow-y:auto!important;
    box-shadow:-18px 0 45px rgba(16,43,61,.16)!important;
    transform:translateX(105%)!important;
    transition:transform .25s ease!important;
    visibility:hidden!important;
  }
  .site-header .main-nav.mobile-open{
    transform:translateX(0)!important;
    visibility:visible!important;
  }
  .site-header .main-nav a{
    display:flex!important;
    align-items:center!important;
    min-height:50px!important;
    padding:0 15px!important;
    border-radius:12px!important;
    color:#102b3d!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:700!important;
  }
  .site-header .main-nav a:hover,
  .site-header .main-nav a.active{
    background:#eefaf6!important;
    color:#08ae7b!important;
  }
  .mobile-nav-close{
    position:absolute!important;
    top:18px!important;
    left:18px!important;
    width:40px!important;height:40px!important;
    display:grid!important;place-items:center!important;
    border:0!important;border-radius:12px!important;
    background:#f2f6f8!important;color:#102b3d!important;
    font-size:27px!important;line-height:1!important;
    cursor:pointer!important;
  }
  .mobile-nav-close:hover{background:#e7eef1!important;color:#08ae7b!important}
  .mobile-nav-title{
    position:absolute!important;top:24px!important;right:20px!important;
    color:#102b3d!important;font-size:16px!important;font-weight:800!important;
  }
  .mobile-nav-overlay{
    position:fixed!important;inset:0!important;z-index:10990!important;
    opacity:0!important;visibility:hidden!important;
    transition:.25s ease!important;
  }
  .mobile-nav-overlay.mobile-open{opacity:1!important;visibility:visible!important}
  body.mobile-nav-lock{overflow:hidden!important}
}
@media(min-width:761px){
  .mobile-nav-close,.mobile-nav-title,.mobile-nav-overlay{display:none!important}
}