.mobile-app-bottom{display:none}

@media(max-width:700px){
  body{padding-bottom:calc(78px + env(safe-area-inset-bottom))!important}
  .mobile-app-bottom{
    position:fixed;z-index:10020;left:0;right:0;
    bottom:0;height:calc(72px + env(safe-area-inset-bottom));
    display:grid;grid-template-columns:repeat(4,1fr);align-items:center;
    padding:7px 8px env(safe-area-inset-bottom);border-radius:0;
    background:rgba(8,17,26,.97);border:0;
    box-shadow:0 -12px 35px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)
  }
  .mobile-app-bottom a{
    min-width:0;height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;color:#8993a1;text-decoration:none!important;font-size:11px;font-weight:700;
    border-radius:16px;position:relative;transition:.2s
  }
  .mobile-app-bottom a svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .mobile-app-bottom a.active{color:var(--primary,#22c55e);background:rgba(var(--primary-rgb,34,197,94),.11)}
  .mobile-app-bottom a:active{transform:scale(.94)}
  .mobile-app-bottom .mobile-cart-tab b{
    position:absolute;top:3px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;
    display:grid;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;border:2px solid #08111a
  }
  #themeToggle{bottom:88px!important;right:16px!important;width:52px!important;height:52px!important;font-size:21px!important}
  .whatsapp-btn{bottom:150px!important;right:16px!important;width:52px!important;height:52px!important}
  .footer{padding-bottom:82px!important}
  body.light .mobile-app-bottom{background:rgba(255,255,255,.97);border-color:transparent;box-shadow:0 -10px 30px rgba(15,23,42,.14)}
  body.light .mobile-app-bottom a{color:#64748b}
  body.light .mobile-app-bottom a.active{color:var(--primary,#16a34a);background:rgba(var(--primary-rgb,34,197,94),.1)}
}

@media(max-width:700px){
  .mobile-app-bottom .mobile-account-tab .payment-badge{position:absolute;top:3px;left:calc(50% + 7px);min-width:17px;height:17px;padding:0 4px;display:grid;place-items:center;border-radius:999px;background:#ef4444;color:#fff;font-size:9px;border:2px solid #08111a}
}