/* TAQA STORE V251 — One Bottom Navigation Everywhere
   Canonical source: the Home page mobile bottom navigation from V248/V250.
   This file loads last and neutralizes page-specific bottom-nav variants. */
:root{--v251-bottom-green:#39e66b;--v251-bottom-bg:rgba(7,12,9,.97);--v251-bottom-muted:#77827c;--v251-bottom-height:64px}

@media (max-width:1023px){
  html body:not(.admin-page)>.mobile-bottom-nav.v245-bottom-nav,
  html body:not(.admin-page) .mobile-bottom-nav.v245-bottom-nav,
  body.customer-account-v130 .ca-bottom.v232-bottom.v245-bottom-nav{
    position:fixed!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    left:10px!important;right:10px!important;
    bottom:max(8px,env(safe-area-inset-bottom))!important;
    width:auto!important;max-width:none!important;
    height:var(--v251-bottom-height)!important;min-height:var(--v251-bottom-height)!important;
    padding:4px!important;margin:0!important;gap:2px!important;
    border:1px solid rgba(255,255,255,.085)!important;border-radius:20px!important;
    background:var(--v251-bottom-bg)!important;
    box-shadow:0 12px 34px rgba(0,0,0,.34)!important;
    backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;
    overflow:visible!important;z-index:170!important;
    transform:none!important;inset-inline:auto 10px!important;
  }
  html body:not(.admin-page) .v245-bottom-nav>a,
  html body:not(.admin-page) .v245-bottom-nav>button,
  body.customer-account-v130 .ca-bottom.v232-bottom.v245-bottom-nav>a,
  body.customer-account-v130 .ca-bottom.v232-bottom.v245-bottom-nav>button{
    position:relative!important;display:flex!important;visibility:visible!important;opacity:1!important;
    flex-direction:column!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;width:auto!important;height:54px!important;min-height:54px!important;
    padding:4px 2px!important;margin:0!important;gap:2px!important;
    border:0!important;border-radius:16px!important;background:transparent!important;box-shadow:none!important;
    color:var(--v251-bottom-muted)!important;text-decoration:none!important;
    font-size:9.5px!important;font-weight:650!important;line-height:1.15!important;white-space:nowrap!important;
    appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;overflow:visible!important;
  }
  html body:not(.admin-page) .v245-bottom-nav .v245-bottom-icon{
    position:relative!important;display:grid!important;place-items:center!important;
    width:28px!important;height:27px!important;min-width:28px!important;min-height:27px!important;
    margin:0!important;padding:0!important;border:0!important;border-radius:9px!important;
    background:transparent!important;color:inherit!important;box-shadow:none!important;overflow:visible!important;
  }
  html body:not(.admin-page) .v245-bottom-nav .v245-bottom-icon svg,
  html body:not(.admin-page) .v245-bottom-nav .v245-bottom-icon .v246-icon,
  html body:not(.admin-page) .v245-bottom-nav .v245-bottom-icon .v250-account-icon{
    width:19px!important;height:19px!important;font-size:19px!important;min-width:19px!important;min-height:19px!important;
    margin:0!important;transform:none!important;color:inherit!important;
  }
  html body:not(.admin-page) .v245-bottom-nav>a>span:last-child,
  html body:not(.admin-page) .v245-bottom-nav>button>span:last-child{
    color:inherit!important;font-size:9.5px!important;font-weight:650!important;line-height:1.15!important;white-space:nowrap!important;
  }
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button).active,
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button).taqa-active,
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button)[aria-current="page"]{
    color:var(--v251-bottom-green)!important;background:rgba(57,230,107,.07)!important;box-shadow:none!important;
  }
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button).active::before,
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button).active::after,
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button).taqa-active::before,
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button).taqa-active::after,
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button)[aria-current="page"]::before,
  html body:not(.admin-page) .v245-bottom-nav>:is(a,button)[aria-current="page"]::after{display:none!important}
  html body:not(.admin-page) .v245-bottom-nav .cart-count{
    position:absolute!important;top:-3px!important;right:-6px!important;left:auto!important;transform:none!important;
    display:grid!important;place-items:center!important;min-width:15px!important;width:auto!important;height:15px!important;
    padding:0 4px!important;margin:0!important;border:0!important;border-radius:999px!important;
    background:var(--v251-bottom-green)!important;color:#031006!important;box-shadow:0 0 0 2px #070c09!important;
    font:800 8px/15px Arial,sans-serif!important;z-index:4!important;
  }
  html body:not(.admin-page) .v245-bottom-nav .cart-count[hidden]{display:none!important}
  html body:not(.admin-page){padding-bottom:calc(82px + env(safe-area-inset-bottom))!important}
}

@media (min-width:1024px){html body:not(.admin-page) .mobile-bottom-nav.v245-bottom-nav{display:none!important}}