.qool-mobile-bottom-nav{display:none}

@media(max-width:720px){
  :root{--qool-mobile-bottom-height:74px}
  html body{padding-bottom:calc(var(--qool-mobile-bottom-height) + env(safe-area-inset-bottom))!important}
  html body .qool-mobile-bottom-nav{
    position:fixed;right:0;bottom:0;left:0;z-index:100080;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    height:calc(var(--qool-mobile-bottom-height) + env(safe-area-inset-bottom));
    padding:3px 5px env(safe-area-inset-bottom);
    box-sizing:border-box;
    border-top:1px solid rgba(100,188,246,.27);
    background:linear-gradient(180deg,#142337 0%,#0b1523 100%);
    box-shadow:0 -8px 25px rgba(0,0,0,.38);
    font-family:Arial,sans-serif;
  }
  html body .qool-mobile-bottom-nav__item{
    position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;min-width:0;min-height:44px;margin:0;padding:4px 2px;
    box-sizing:border-box;border:0;border-radius:10px;background:transparent;
    color:#d1deed;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;
  }
  html body .qool-mobile-bottom-nav__item svg{display:block;flex:none;width:24px;height:24px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
  html body .qool-mobile-bottom-nav__item span{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;line-height:1.2}
  html body .qool-mobile-bottom-nav__item::before{content:"";position:absolute;top:0;left:22%;right:22%;height:2px;border-radius:2px;background:transparent}
  html body .qool-mobile-bottom-nav__item[aria-current="page"],
  html body .qool-mobile-bottom-nav__item[aria-expanded="true"]{color:#f5ce70;background:rgba(246,202,100,.08)}
  html body .qool-mobile-bottom-nav__item[aria-current="page"]::before,
  html body .qool-mobile-bottom-nav__item[aria-expanded="true"]::before{background:#f5c86a}
  html body .qool-mobile-bottom-nav__item:focus-visible{outline:2px solid #80c9fa;outline-offset:-3px}
  html body.qool-has-mobile-bottom-nav #qool-live-support{bottom:calc(var(--qool-mobile-bottom-height) + env(safe-area-inset-bottom) + 8px)!important}
  html body.qool-has-mobile-bottom-nav:has(.qool-next-shell):has(.qool-mobile-bottom-nav) #qool-live-support .qool-support-toggle,
  html body.qool-has-mobile-bottom-nav:has(.qool-next-shell):has(.qool-mobile-bottom-nav) #qool-live-support .qool-window-mini{display:none!important}
  html body.qool-has-mobile-bottom-nav #qool-live-support .qool-chat-panel,
  html body.qool-has-mobile-bottom-nav #qool-live-support.is-open.is-expanded .qool-chat-panel{height:min(540px,calc(100dvh - var(--qool-mobile-bottom-height) - env(safe-area-inset-bottom) - 28px))!important;max-height:calc(100dvh - var(--qool-mobile-bottom-height) - env(safe-area-inset-bottom) - 28px)!important;margin-bottom:0!important}
  html body .qool-next-shell.qool-mobile-nav-open .qool-menu-sidebar{bottom:calc(var(--qool-mobile-bottom-height) + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 56px - var(--qool-mobile-bottom-height) - env(safe-area-inset-bottom))!important}
  html body .qool-mobile-menu-backdrop{bottom:calc(var(--qool-mobile-bottom-height) + env(safe-area-inset-bottom))!important}
}

@media(max-width:350px){
  html body .qool-mobile-bottom-nav__item span{font-size:10px;letter-spacing:-.035em}
  html body .qool-mobile-bottom-nav__item svg{width:21px;height:21px}
}

@media(max-width:720px){
  html body.qool-has-mobile-bottom-nav .qool-direct-live{min-height:0!important}
  html body.qool-has-mobile-bottom-nav .qool-direct-live #qool-live-table{height:calc(100dvh - 68px - var(--qool-mobile-bottom-height) - env(safe-area-inset-bottom))!important;min-height:0!important}
  html body.qool-has-mobile-bottom-nav #qool-mobile-coupon-open{bottom:calc(var(--qool-mobile-bottom-height) + env(safe-area-inset-bottom) + 8px)!important}
  html body.qool-has-mobile-bottom-nav .qool-direct-live .qool-live-sidecol{bottom:calc(var(--qool-mobile-bottom-height) + env(safe-area-inset-bottom))!important;height:calc(100dvh - 60px - var(--qool-mobile-bottom-height) - env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 60px - var(--qool-mobile-bottom-height) - env(safe-area-inset-bottom))!important}
}

@media(prefers-reduced-motion:reduce){
  html body .qool-mobile-bottom-nav__item{transition:none!important}
}