/* Little Loves v37.12.1 — complete, scrollable mobile navigation drawer. */
.mobile-nav-backdrop,.mobile-nav-close{display:none}
@media(max-width:940px){
  body.mobile-nav-open{overflow:hidden;overscroll-behavior:none}
  #portal .sidebar{
    display:grid!important;
    grid-template-rows:auto minmax(0,1fr);
    position:fixed!important;
    inset:0 auto 0 0!important;
    width:min(86vw,320px)!important;
    height:100vh!important;
    height:100dvh!important;
    max-height:100dvh!important;
    padding:max(16px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom))!important;
    overflow:hidden!important;
    transform:translate3d(-105%,0,0);
    transition:transform .22s ease,visibility .22s step-end!important;
    visibility:hidden;
    pointer-events:none;
    left:0!important;
    box-shadow:18px 0 48px rgba(12,28,19,.3)!important;
    z-index:902!important;
  }
  #portal .sidebar.open{
    transform:translate3d(0,0,0);
    visibility:visible;
    pointer-events:auto;
    transition:transform .22s ease,visibility 0s!important;
  }
  #portal .portal-brand{position:relative;min-height:52px;padding:2px 48px 12px 8px!important}
  #portal .mobile-nav-close{
    display:grid;
    place-items:center;
    position:absolute;
    top:2px;
    right:2px;
    width:40px;
    height:40px;
    border:1px solid rgba(255,255,255,.18);
    border-radius:11px;
    background:rgba(255,255,255,.09);
    color:#fff;
    font-size:25px;
    line-height:1;
  }
  #portal .sidebar nav{
    min-height:0!important;
    height:100%!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    padding:2px 2px calc(28px + env(safe-area-inset-bottom)) 0!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(255,255,255,.28) transparent;
  }
  #portal .sidebar nav::-webkit-scrollbar{display:block!important;width:4px!important}
  #portal .sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.28);border-radius:99px}
  #portal .sidebar nav button{flex:0 0 auto}
  #portal .mobile-nav-backdrop{
    display:block;
    position:fixed;
    inset:0;
    z-index:901;
    border:0;
    padding:0;
    background:rgba(13,28,20,.46);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .2s ease,visibility .2s step-end;
    touch-action:none;
  }
  #portal .mobile-nav-backdrop.open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s ease,visibility 0s}
}
@media(max-width:430px){#portal .sidebar{width:min(90vw,310px)!important}}
@media(prefers-reduced-motion:reduce){#portal .sidebar,.mobile-nav-backdrop{transition:none!important}}
