/* Member and storefront mobile navigation. Desktop layouts are untouched. */
@media (max-width:760px){
  .storefront-shell .mobile-bottom,
  .member-shell .mobile-bottom{
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:end;
    min-height:76px;
    padding:10px 6px calc(7px + env(safe-area-inset-bottom))!important;
    border-top:1px solid rgba(151,26,39,.12)!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),#fff 55%,#fff8f9)!important;
    box-shadow:0 -8px 28px rgba(46,8,14,.11)!important;
  }
  .storefront-shell .mobile-bottom a,
  .member-shell .mobile-bottom a{
    min-height:52px!important;
    padding:4px 1px 2px!important;
    gap:4px!important;
    border-radius:14px;
    color:#65707e!important;
    font-size:10px!important;
    font-weight:650!important;
    line-height:1.1!important;
    transition:color .18s ease,background .18s ease,transform .18s ease;
  }
  .storefront-shell .mobile-bottom a:first-child,
  .storefront-shell .mobile-bottom a:last-child,
  .member-shell .mobile-bottom a:first-child,
  .member-shell .mobile-bottom a:last-child{color:#65707e!important;}
  .storefront-shell .mobile-bottom a.is-active:not(.mobile-cart),
  .member-shell .mobile-bottom a.is-active:not(.mobile-cart){
    color:#c8102e!important;
    background:linear-gradient(180deg,#fff4f5,rgba(255,244,245,0));
  }
  .storefront-shell .mobile-bottom a:focus-visible,
  .member-shell .mobile-bottom a:focus-visible{outline:2px solid #c8102e;outline-offset:-2px;}
  .storefront-shell .mobile-bottom a.mobile-cart,
  .member-shell .mobile-bottom a.mobile-cart{
    position:relative;
    z-index:1;
    min-height:66px!important;
    margin-top:-19px;
    padding:0 0 2px!important;
    gap:2px!important;
    color:#a40d25!important;
    font-weight:800!important;
  }
  .mobile-bottom .mobile-cart-icon{
    position:relative;
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    border:4px solid #fff;
    border-radius:19px;
    background:linear-gradient(145deg,#ff3650 0%,#e60023 45%,#a90820 100%);
    color:#fff;
    box-shadow:0 9px 18px rgba(179,9,32,.27),inset 0 1px 0 rgba(255,255,255,.28);
  }
  .mobile-bottom .mobile-cart-icon .ui-icon{width:25px!important;height:25px!important;stroke-width:2!important;}
  .mobile-bottom .mobile-cart-icon i{
    position:absolute;
    top:-5px;
    right:-6px;
    display:grid;
    place-items:center;
    min-width:19px;
    height:19px;
    padding:0 3px;
    border:2px solid #fff;
    border-radius:999px;
    background:#102033;
    color:#fff;
    font-size:10px;
    font-style:normal;
    line-height:1;
  }
  .storefront-shell .site-footer{padding-bottom:calc(100px + env(safe-area-inset-bottom));}
  .storefront-shell [data-back-to-top]{bottom:calc(94px + env(safe-area-inset-bottom))!important;}
  .member-shell .member-layout{padding-bottom:calc(108px + env(safe-area-inset-bottom));}
}
@media (max-width:380px){
  .storefront-shell .mobile-bottom a,
  .member-shell .mobile-bottom a{font-size:9px!important;}
  .mobile-bottom .mobile-cart-icon{width:50px;height:50px;border-radius:17px;}
}