/* Liry v57 - mobile menu emergency fix only
   Does not touch payments, pixel, accessibility, support, next button, app.js. */

@media (max-width: 820px){
  body.liry-create-page .liry-app-topbar,
  body.liry-create-page .liry-topbar-v43,
  .liry-app-topbar,
  .liry-topbar-v43{
    position:sticky!important;
    top:0!important;
    z-index:2147481000!important;
    width:100%!important;
    min-height:66px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    padding:9px 12px!important;
    background:rgba(255,255,255,.94)!important;
    backdrop-filter:blur(16px)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    border-bottom:1px solid rgba(226,211,197,.72)!important;
    box-shadow:0 12px 28px rgba(35,20,10,.06)!important;
  }

  .liry-topbar-v43 .logo-wrap,
  .liry-app-topbar .logo-wrap{
    position:relative!important;
    z-index:2147481010!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
  }

  .liry-topbar-v43 .main-logo,
  .liry-app-topbar .main-logo{
    height:52px!important;
    width:auto!important;
    max-width:148px!important;
    object-fit:contain!important;
  }

  .mobile-menu-toggle-v43{
    appearance:none!important;
    -webkit-appearance:none!important;
    position:relative!important;
    z-index:2147481020!important;
    display:inline-flex!important;
    flex:0 0 48px!important;
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
    min-height:48px!important;
    margin:0!important;
    padding:0!important;
    border:1px solid rgba(226,211,197,.92)!important;
    border-radius:16px!important;
    background:#fff!important;
    box-shadow:0 12px 26px rgba(35,20,10,.08)!important;
    align-items:center!important;
    justify-content:center!important;
    flex-direction:column!important;
    gap:5px!important;
    cursor:pointer!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }

  .mobile-menu-toggle-v43 span{
    display:block!important;
    width:21px!important;
    height:2px!important;
    border-radius:99px!important;
    background:#20130c!important;
    transition:transform .18s ease, opacity .18s ease!important;
    pointer-events:none!important;
  }

  body.liry-mobile-menu-open .mobile-menu-toggle-v43 span:nth-child(1){transform:translateY(7px) rotate(45deg)!important;}
  body.liry-mobile-menu-open .mobile-menu-toggle-v43 span:nth-child(2){opacity:0!important;}
  body.liry-mobile-menu-open .mobile-menu-toggle-v43 span:nth-child(3){transform:translateY(-7px) rotate(-45deg)!important;}

  body.liry-create-page .liry-topbar-v43 .top-actions,
  body.liry-create-page .liry-app-topbar .top-actions,
  .liry-topbar-v43 .top-actions,
  .liry-app-topbar .top-actions,
  #siteNavV43{
    position:fixed!important;
    top:74px!important;
    right:12px!important;
    left:12px!important;
    z-index:2147481015!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    width:auto!important;
    max-width:none!important;
    margin:0!important;
    padding:14px!important;
    border:1px solid rgba(226,211,197,.96)!important;
    border-radius:24px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 28px 70px rgba(32,19,12,.18)!important;
    transform:translateY(-8px) scale(.985)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
    overflow:hidden!important;
  }

  body.liry-mobile-menu-open .liry-topbar-v43 .top-actions,
  body.liry-mobile-menu-open .liry-app-topbar .top-actions,
  body.liry-mobile-menu-open #siteNavV43,
  #siteNavV43.liry-menu-force-open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0) scale(1)!important;
  }

  .liry-topbar-v43 .top-actions a,
  .liry-app-topbar .top-actions a,
  #siteNavV43 a{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    min-height:48px!important;
    padding:0 14px!important;
    border-radius:16px!important;
    background:#fff7ef!important;
    border:1px solid rgba(236,220,205,.95)!important;
    color:#21140d!important;
    text-decoration:none!important;
    font-size:15px!important;
    font-weight:900!important;
    line-height:1.1!important;
    pointer-events:auto!important;
  }

  body.liry-mobile-menu-open::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147481005!important;
    background:rgba(25,14,8,.10)!important;
    backdrop-filter:blur(2px)!important;
    -webkit-backdrop-filter:blur(2px)!important;
    pointer-events:none!important;
  }
}

@media (min-width: 821px){
  .mobile-menu-toggle-v43{display:none!important;}
}