/* Mobile menu fix only - keeps the existing design intact */
.mobile-menu-actions{
  display:none;
}

@media (max-width:1080px){
  .header-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
  }

  .brand{
    order:1;
  }

  .mobile-toggle{
    order:2;
    margin-inline-start:auto;
  }

  .nav{
    right:auto !important;
    left:14px !important;
    width:min(86vw, 390px) !important;
    max-width:390px !important;
    border-radius:28px !important;
    padding:18px !important;
    transform-origin:top left;
  }

  .nav.open{
    animation:smartMenuIn .22s ease-out both;
  }

  .mobile-menu-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    margin-top:8px;
    padding-top:12px;
    border-top:1px solid rgba(15,74,66,.10);
  }

  .mobile-menu-btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:10px !important;
    min-height:54px;
    border-radius:18px !important;
    padding:14px 18px !important;
    font-weight:900 !important;
    border:1px solid rgba(15,74,66,.12) !important;
    box-shadow:0 12px 24px rgba(9,50,45,.08);
  }

  .mobile-menu-btn:after{
    display:none !important;
  }

  .mobile-menu-login{
    background:#fff !important;
    color:#0f4a42 !important;
  }

  .mobile-menu-register{
    background:linear-gradient(135deg,#0f4a42,#08332e) !important;
    color:#fff !important;
  }

  .mobile-menu-register i{
    color:#fff !important;
  }
}

@media (max-width:760px){
  .nav{
    left:12px !important;
    right:auto !important;
    width:min(88vw, 370px) !important;
    top:70px !important;
  }

  .nav a{
    min-height:52px;
    font-size:1rem;
  }

  .mobile-menu-btn{
    min-height:56px;
    font-size:1rem;
  }
}

@media (max-width:420px){
  .nav{
    left:10px !important;
    width:calc(100vw - 28px) !important;
    max-width:none !important;
  }
}

@keyframes smartMenuIn{
  from{
    opacity:0;
    transform:translateX(-10px) translateY(-6px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateX(0) translateY(0) scale(1);
  }
}