/* Learnaroo mobile bottom navigation — LH-UX-MOBILE-BOTTOM-NAV-001, immutable r1. */
.lhm-nav{display:none}

@media (max-width:900px){
  body.lhm-mobile-nav-ready{
    --lhm-content-clearance:calc(72px + env(safe-area-inset-bottom,0px));
    --lhm-floating-clearance:calc(116px + env(safe-area-inset-bottom,0px));
    padding-bottom:var(--lhm-content-clearance)!important;
  }
  body.lhm-mobile-nav-ready.lhm-mobile-nav-collapsed{
    --lhm-content-clearance:calc(44px + env(safe-area-inset-bottom,0px));
    --lhm-floating-clearance:calc(44px + env(safe-area-inset-bottom,0px));
  }

  body.lhm-mobile-nav-ready .lh-burger,
  body.lhm-mobile-nav-ready .lha-burger{display:none!important}

  body.lhm-mobile-nav-ready .lhm-nav{
    display:block;
    position:fixed;
    z-index:90;
    right:0;
    bottom:0;
    left:0;
    height:calc(72px + env(safe-area-inset-bottom,0px));
    padding-bottom:env(safe-area-inset-bottom,0px);
    color:#fff;
    background-color:#5B1FC4;
    background-image:linear-gradient(100deg,rgba(91,31,196,.82) 0%,rgba(122,40,214,.80) 55%,rgba(106,35,206,.82) 100%);
    -webkit-backdrop-filter:saturate(150%) blur(12px);
    backdrop-filter:saturate(150%) blur(12px);
    border-top:1px solid rgba(255,255,255,.18);
    box-shadow:0 -10px 30px rgba(44,15,99,.24);
    transition:transform .24s cubic-bezier(.22,.61,.36,1);
  }
  body.lhm-mobile-nav-ready .lhm-nav[data-state="collapsed"]{transform:translateY(72px)}

  .lhm-nav__items{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:stretch;
    height:72px;
    max-width:760px;
    margin:0 auto;
    padding:0 3px;
  }
  .lhm-nav__item{
    position:relative;
    min-width:0;
    min-height:44px;
    padding:7px 2px 6px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    border:0;
    border-radius:12px;
    color:#fff;
    background:transparent;
    font-family:inherit;
    font-size:11px;
    font-weight:750;
    line-height:1.05;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .lhm-nav__item:hover,
  .lhm-nav__item:active,
  .lhm-nav__item[aria-current="page"]{color:#fff;background:rgba(255,255,255,.13)}
  .lhm-nav__item[aria-current="page"]::after{
    content:"";
    position:absolute;
    right:22%;
    bottom:2px;
    left:22%;
    height:3px;
    border-radius:999px;
    background:#FFC400;
  }
  .lhm-nav__item:focus-visible,
  .lhm-nav__toggle:focus-visible{
    outline:3px solid #fff;
    outline-offset:-4px;
  }
  .lhm-nav__icon{display:grid;place-items:center;width:24px;height:24px;color:#FFC400;flex:0 0 auto}
  .lhm-nav__icon svg{display:block;width:24px;height:24px}
  .lhm-nav__label{display:block;max-width:100%;color:#fff;white-space:normal}

  .lhm-nav__toggle{
    position:absolute;
    top:-44px;
    left:50%;
    width:52px;
    height:44px;
    padding:0;
    transform:translateX(-50%);
    border:0;
    color:#FFC400;
    background:transparent;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }
  .lhm-nav__toggle::before{
    content:"";
    position:absolute;
    inset:9px 0 0;
    border:1px solid rgba(255,255,255,.25);
    border-bottom:0;
    border-radius:13px 13px 0 0;
    background-color:#5B1FC4;
    background-image:linear-gradient(100deg,rgba(91,31,196,.92),rgba(122,40,214,.92) 55%,rgba(106,35,206,.92));
    box-shadow:0 -6px 16px rgba(44,15,99,.2);
  }
  .lhm-nav__toggle-icon{position:relative;z-index:1;display:grid;place-items:center;width:100%;height:100%;padding-top:8px}
  .lhm-nav__toggle-icon svg{width:20px;height:20px;transition:transform .2s ease}
  .lhm-nav[data-state="collapsed"] .lhm-nav__toggle-icon svg{transform:rotate(180deg)}

  body.lhm-mobile-nav-ready .lxe-searchwrap{
    bottom:calc(12px + var(--lhm-floating-clearance))!important;
  }
  body.lhm-mobile-nav-ready .lxsticky-fab{
    bottom:calc(14px + var(--lhm-floating-clearance))!important;
  }
  body.lhm-mobile-nav-ready .lh-catalogue__mobile-trigger{
    bottom:calc(1.5rem + var(--lhm-floating-clearance))!important;
  }
  body.lhm-mobile-nav-ready #lhra-btn{
    bottom:calc(18px + var(--lhm-floating-clearance))!important;
  }

  @media (max-width:360px){
    .lhm-nav__item{font-size:10px;padding-right:1px;padding-left:1px}
    .lhm-nav__icon,.lhm-nav__icon svg{width:22px;height:22px}
  }
}

@media (max-width:900px) and (prefers-reduced-motion:reduce){
  body.lhm-mobile-nav-ready .lhm-nav,
  .lhm-nav__toggle-icon svg{transition:none!important}
}