/* EVLI Mobile Menu V2 */

.evli-mobile-menu-toggle-v2,
.evli-mobile-menu-panel-v2,
.evli-mobile-menu-backdrop-v2{
  display:none;
}

@media (max-width:820px){

  .evli-mobile-menu-toggle-v2{
    display:flex !important;
    position:fixed !important;
    top:22px !important;
    right:18px !important;
    z-index:5000 !important;
    width:46px !important;
    height:46px !important;
    border-radius:999px !important;
    border:1px solid rgba(13,38,38,.16) !important;
    background:#fffaf1 !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    padding:0 !important;
    cursor:pointer !important;
    box-shadow:0 12px 28px rgba(13,38,38,.16) !important;
  }

  .evli-mobile-menu-toggle-v2 span{
    display:block !important;
    width:20px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#0d2626 !important;
    transition:transform .22s ease, opacity .22s ease !important;
  }

  body.evli-menu-v2-open .evli-mobile-menu-toggle-v2 span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }

  body.evli-menu-v2-open .evli-mobile-menu-toggle-v2 span:nth-child(2){
    opacity:0 !important;
  }

  body.evli-menu-v2-open .evli-mobile-menu-toggle-v2 span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }

  .evli-mobile-menu-backdrop-v2{
    display:none !important;
  }

  body.evli-menu-v2-open .evli-mobile-menu-backdrop-v2{
    display:block !important;
    position:fixed !important;
    inset:0 !important;
    z-index:4998 !important;
    background:rgba(13,38,38,.20) !important;
    backdrop-filter:blur(2px) !important;
  }

  .evli-mobile-menu-panel-v2{
    display:block !important;
    position:fixed !important;
    top:82px !important;
    left:18px !important;
    right:18px !important;
    z-index:4999 !important;
    background:#fffaf1 !important;
    border:1px solid rgba(13,38,38,.12) !important;
    border-radius:26px !important;
    box-shadow:0 28px 80px rgba(13,38,38,.24) !important;
    padding:16px !important;
    transform:translateY(-14px) scale(.98) !important;
    opacity:0 !important;
    pointer-events:none !important;
    transition:opacity .22s ease, transform .22s ease !important;
  }

  body.evli-menu-v2-open .evli-mobile-menu-panel-v2{
    opacity:1 !important;
    pointer-events:auto !important;
    transform:translateY(0) scale(1) !important;
  }

  .evli-mobile-menu-panel-v2 a{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    min-height:52px !important;
    padding:0 16px !important;
    border-radius:18px !important;
    color:#0d2626 !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:900 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    border-bottom:1px solid rgba(13,38,38,.07) !important;
  }

  .evli-mobile-menu-panel-v2 a:last-child{
    border-bottom:0 !important;
  }

  .evli-mobile-menu-panel-v2 a:active{
    background:#f3eadc !important;
  }

  .evli-mobile-menu-panel-v2 .evli-mobile-menu-cta-v2{
    margin-top:10px !important;
    min-height:56px !important;
    background:#0d2626 !important;
    color:#fffaf1 !important;
    justify-content:center !important;
    border-bottom:0 !important;
    box-shadow:0 16px 36px rgba(13,38,38,.18) !important;
  }
}