.mobile-menu{display:none}
@media(max-width:800px){
  .mobile-menu{display:block;position:relative;order:2;margin-left:auto}
  .mobile-menu summary{display:grid;position:relative;z-index:32;gap:5px;width:42px;height:42px;padding:11px 9px;cursor:pointer;list-style:none;background:var(--navy);border-radius:4px}
  .mobile-menu summary::-webkit-details-marker{display:none}
  .mobile-menu summary span{height:2px;width:100%;background:#fff;border-radius:3px;transition:.25s}
  .mobile-menu[open] summary{background:var(--orange)}
  .mobile-menu[open] summary span:first-child{transform:translateY(7px) rotate(45deg)}
  .mobile-menu[open] summary span:nth-child(2){opacity:0}
  .mobile-menu[open] summary span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .mobile-menu[open]::before{content:'';position:fixed;inset:0;z-index:29;background:rgba(4,22,35,.56);backdrop-filter:blur(2px)}
  .nav .mobile-menu nav{display:block;position:fixed;z-index:30;top:0;right:0;width:min(340px,88vw);height:100dvh;padding:94px 25px 28px;background:#fff;box-shadow:-16px 0 40px rgba(4,30,46,.22);overflow-y:auto}
  .mobile-menu nav:before{content:'MENÜ';display:block;margin:0 0 20px;color:#1685c4;font-size:11px;font-weight:800;letter-spacing:2px}
  .mobile-menu nav a{display:flex;align-items:center;min-height:51px;padding:11px 4px;color:var(--navy);font-size:15px;font-weight:700;border-bottom:1px solid #e6eef0}
  .mobile-menu nav a:last-child{margin-top:20px;padding:12px 15px;justify-content:center;border:0;border-radius:4px;color:#fff;background:var(--navy)}
  .mobile-menu nav a:hover{color:var(--blue)}
  .call-button{order:3;margin-left:10px}
  .nav{gap:0}
}