/* Michael Sedatis Friseure – mobiles Menü Update */
.mobile-menu-toggle{
  display:none;
  appearance:none;
  border:0;
  background:#111;
  color:#fff;
  border-radius:999px;
  padding:10px 14px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
}

@media (max-width: 820px){
  .mobile-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    margin-left:auto;
  }

  .site-header-inner,
  .ms-header-inner{
    position:relative;
  }

  .nav,
  .ms-nav{
    display:none !important;
    position:absolute;
    top:calc(100% + 10px);
    left:12px;
    right:12px;
    z-index:999;
    background:#fff;
    border-radius:22px;
    padding:18px;
    box-shadow:0 18px 45px rgba(0,0,0,.22);
    border:1px solid rgba(0,0,0,.08);
  }

  .nav.mobile-open,
  .ms-nav.mobile-open{
    display:grid !important;
    grid-template-columns:1fr;
    gap:12px;
  }

  .nav.mobile-open a,
  .ms-nav.mobile-open a{
    display:block;
    text-align:left;
    color:#111 !important;
    font-size:15px !important;
    padding:10px 12px;
    border-radius:12px;
    text-decoration:none;
    background:#f7f2eb;
  }

  .nav.mobile-open a:hover,
  .ms-nav.mobile-open a:hover{
    background:#111;
    color:#fff !important;
  }

  .brand img,
  .ms-brand img{
    max-width:72px !important;
    width:72px !important;
    height:auto !important;
  }

  .hero-logo,
  .ms-hero-logo,
  .ms-hero-video__logo-box img{
    max-width:120px !important;
    width:120px !important;
    height:auto !important;
  }

  .site-header-inner,
  .ms-header-inner{
    padding:12px 14px !important;
    border-radius:20px !important;
  }

  .whatsapp-float{
    right:14px !important;
    bottom:82px !important;
    padding:12px !important;
  }

  .whatsapp-float .wa-text,
  .whatsapp-float .whatsapp-text{
    display:none !important;
  }
}