/* V27 - Mobile bottom navigation */
.mobile-bottom-nav{display:none}
@media (max-width: 768px){
  body{padding-bottom:76px}
  .mobile-bottom-nav{position:fixed;z-index:10000;right:10px;left:10px;bottom:8px;height:64px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;background:rgba(255,255,255,.98);border:1px solid #d9e7e3;border-radius:18px;box-shadow:0 10px 32px rgba(3,45,38,.2);backdrop-filter:blur(12px);overflow:visible;direction:rtl;padding:5px 4px max(5px,env(safe-area-inset-bottom));}
  .mobile-nav-item{position:relative;min-width:0;height:54px;border:0;background:transparent;color:#52635f;text-decoration:none!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-family:Cairo,Arial,sans-serif;font-size:10px;font-weight:700;cursor:pointer;border-radius:13px;padding:3px 1px}
  .mobile-nav-item.active{color:#087460;background:#eaf7f3}
  .mobile-nav-icon{position:relative;width:24px;height:24px;display:grid;place-items:center}
  .mobile-nav-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-nav-item:nth-child(2) .mobile-nav-icon svg{fill:currentColor;stroke:none}
  .mobile-nav-search{margin-top:-22px;background:#087460;color:#fff!important;width:58px;height:58px;justify-self:center;border-radius:50%;box-shadow:0 7px 18px rgba(8,116,96,.34);border:4px solid #fff}
  .mobile-nav-search .mobile-nav-icon svg{width:25px;height:25px}
  .mobile-nav-search span:last-child{position:absolute;top:60px;color:#52635f;white-space:nowrap}
  .mobile-cart-icon b{position:absolute;top:-7px;right:-10px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e8453c;color:white;font:700 9px/17px Cairo;text-align:center}
  /* old floating tools conflict with the bottom bar on mobile */
  aside.float{display:none!important}
  footer{padding-bottom:12px}
}
@media (max-width:380px){
  .mobile-bottom-nav{right:5px;left:5px}
  .mobile-nav-item{font-size:9px}
}