/* ACC Store — Mobile Bottom Navigation v1 */
.acc-mobile-bottom-nav{display:none}

@media (max-width:820px){
  :root{--acc-mbn-height:74px}
  body.acc-mobile-bottom-nav-enabled{padding-bottom:calc(var(--acc-mbn-height) + env(safe-area-inset-bottom,0px));}
  body.acc-mobile-bottom-nav-enabled .acc-company-dock{display:none!important}
  .acc-mobile-bottom-nav{
    --acc-mbn-blue:#0b71f0;
    --acc-mbn-navy:#071d46;
    --acc-mbn-muted:#607089;
    display:block;
    position:fixed;
    z-index:1450;
    left:0;
    right:0;
    bottom:0;
    width:100%;
    margin:0;
    color:var(--acc-mbn-navy);
    background:rgba(252,253,255,.965);
    border-top:1px solid rgba(16,53,103,.09);
    box-shadow:0 -9px 30px rgba(7,29,70,.075),0 -1px 0 rgba(255,255,255,.9);
    -webkit-backdrop-filter:blur(18px) saturate(1.08);
    backdrop-filter:blur(18px) saturate(1.08);
    transform:translate3d(0,calc(100% + 12px),0);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:transform .42s cubic-bezier(.22,.8,.26,1),opacity .26s ease,visibility 0s linear .42s;
    will-change:transform,opacity;
  }
  .acc-mobile-bottom-nav.is-visible{
    transform:translate3d(0,0,0);
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transition-delay:0s;
  }
  body.acc-menu-open .acc-mobile-bottom-nav,
  body.acc-quick-quote-open .acc-mobile-bottom-nav{
    transform:translate3d(0,calc(100% + 12px),0);
    opacity:0;
    pointer-events:none;
  }
  .acc-mobile-bottom-nav__inner{
    display:grid;
    grid-template-columns:repeat(var(--acc-mbn-count,5),minmax(0,1fr));
    align-items:stretch;
    width:100%;
    min-height:var(--acc-mbn-height);
    padding:0 0 env(safe-area-inset-bottom,0px);
  }
  .acc-mobile-bottom-nav__item{
    position:relative;
    display:flex;
    min-width:0;
    min-height:var(--acc-mbn-height);
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:7px 2px 6px;
    border:0;
    border-radius:13px 13px 0 0;
    color:var(--acc-mbn-navy);
    background:transparent;
    text-decoration:none;
    font:600 10.5px/1.08 "Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    letter-spacing:-.015em;
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    transition:background-color .24s ease,color .24s ease,transform .18s ease;
  }
  .acc-mobile-bottom-nav__item::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    width:30px;
    height:3px;
    border-radius:0 0 99px 99px;
    background:var(--acc-mbn-blue);
    opacity:0;
    transform:translateX(-50%) scaleX(.48);
    transform-origin:center;
    transition:opacity .2s ease,transform .3s cubic-bezier(.2,.8,.2,1);
  }
  .acc-mobile-bottom-nav__icon-wrap{
    display:grid;
    place-items:center;
    width:34px;
    height:30px;
    border-radius:10px;
    color:currentColor;
    transition:transform .24s cubic-bezier(.2,.8,.2,1);
  }
  .acc-mobile-bottom-nav__icon{display:block;width:24px;height:24px;background:currentColor;-webkit-mask:var(--acc-mbn-icon) center/contain no-repeat;mask:var(--acc-mbn-icon) center/contain no-repeat}
  .acc-mobile-bottom-nav__label{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .acc-mobile-bottom-nav__item.is-active{
    color:var(--acc-mbn-blue);
    background:linear-gradient(180deg,rgba(225,237,255,.88),rgba(235,243,255,.62));
  }
  .acc-mobile-bottom-nav__item.is-active::before{opacity:1;transform:translateX(-50%) scaleX(1)}
  .acc-mobile-bottom-nav__item.is-active .acc-mobile-bottom-nav__icon-wrap{transform:translateY(-1px)}
  .acc-mobile-bottom-nav__item:active{transform:scale(.965)}
  .acc-mobile-bottom-nav__item:focus-visible{outline:2px solid var(--acc-mbn-blue);outline-offset:-3px}

  @media (max-width:390px){
    :root{--acc-mbn-height:70px}
    .acc-mobile-bottom-nav__item{font-size:9.8px;gap:3px;padding-inline:1px}
    .acc-mobile-bottom-nav__icon{width:22px;height:22px}
    .acc-mobile-bottom-nav__icon-wrap{width:31px;height:28px}
  }
  @media (prefers-reduced-motion:reduce){
    .acc-mobile-bottom-nav,.acc-mobile-bottom-nav__item,.acc-mobile-bottom-nav__item::before,.acc-mobile-bottom-nav__icon-wrap{transition:none!important}
  }
}
