/* Four equal navigation targets, aligned with the page's reading direction. */
body .mobile-bottom-nav.ayadi-mobile-nav{display:none!important}
@media(max-width:900px){
 body:has(.ayadi-mobile-nav) .desktop-floating-actions{display:none!important}
 body:has(.ayadi-mobile-nav){padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 body .mobile-bottom-nav.ayadi-mobile-nav{position:fixed;inset-inline:0;bottom:0;z-index:1300;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:6px;height:calc(76px + env(safe-area-inset-bottom));padding:10px 12px calc(10px + env(safe-area-inset-bottom));margin:0;border:0;border-top:1px solid #d8ddd3;background:#fbf8f2f7;box-shadow:0 -4px 20px #073f3b0c;backdrop-filter:blur(16px);font-family:CairoAYADIUpright,Arial,sans-serif;direction:inherit;transform:none}
 body .mobile-bottom-nav.ayadi-mobile-nav>a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;order:0!important;min-width:0;width:auto;min-height:54px;height:54px;margin:0;padding:5px 2px;border:0;border-radius:10px;background:transparent;color:#586963;text-decoration:none;box-shadow:none;transform:none;font-weight:650;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s,color .15s}
 body .mobile-bottom-nav.ayadi-mobile-nav>a>svg{display:block;flex:0 0 22px;width:22px;height:22px;overflow:visible}
 body .mobile-bottom-nav.ayadi-mobile-nav .ayadi-nav-label{font-size:12px;font-weight:650;line-height:1.4;white-space:nowrap;letter-spacing:0;color:inherit}
 body .mobile-bottom-nav.ayadi-mobile-nav>a[aria-current]{background:#e8eee7;color:#073f3b}
 body .mobile-bottom-nav.ayadi-mobile-nav>a[data-nav="whatsapp"]{background:#eee2c9;color:#264d40}
 body .mobile-bottom-nav.ayadi-mobile-nav>a[data-nav="whatsapp"]>svg{width:23px;height:23px;flex-basis:23px}
 body .mobile-bottom-nav.ayadi-mobile-nav>a:active{background:#dce5da;color:#073f3b;transform:none}
 body .mobile-bottom-nav.ayadi-mobile-nav>a:focus-visible{outline:2px solid #956820;outline-offset:1px}
}
@media(max-width:360px){body .mobile-bottom-nav.ayadi-mobile-nav{gap:3px;padding-inline:8px}body .mobile-bottom-nav.ayadi-mobile-nav .ayadi-nav-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){body .mobile-bottom-nav.ayadi-mobile-nav>a{transition:none}}