/* القائمة السفلية للجوال — نسخة طبق الأصل من المرجعي (mbottom-nav) */
.mbottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:1040;border-top:1px solid rgba(0,0,0,.08);padding:max(8px,env(safe-area-inset-bottom));display:none;background:var(--c-body-bg,#fff);box-shadow:0 -6px 20px rgba(0,0,0,.06)}
.mb-home,.mb-item,.mb-item i{position:relative}
@media (max-width:767.98px){.mbottom-nav{display:block}body{padding-bottom:76px}}
body.sidebar-open .mbottom-nav{display:none}
.mbottom-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;justify-items:center}
.mb-item{display:grid;text-decoration:none;color:#2b2f33;outline:0}
.mb-item i{font-size:22px;transition:.25s;z-index:1;font-style:normal}
.mbottom-nav .sb-ico{display:inline-flex;align-items:center;justify-content:center}
.mbottom-nav .sb-ico__svg{width:1em;height:1em;display:block;fill:currentColor}
.mb-topup i{color:#0d6efd}.mb-wallet i{color:#ffc107}.mb-orders i{color:#e53935}.mb-security i{color:#198754}
.mbottom-nav .mb-badge{position:absolute;top:-4px;inset-inline-end:14px;background:#dc3545;color:#fff;font-size:10px;line-height:1;padding:2px 5px;border-radius:999px;box-shadow:0 0 0 2px #fff}
.mb-item.is-active i,.mb-item:active i{transform:scale(1.2);opacity:1}
.mb-item.is-active i::after,.mb-item:active i::after{content:"";position:absolute;width:42px;height:42px;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,currentColor 0,transparent 70%);opacity:.25;filter:blur(8px);z-index:0}
.mb-fab{display:grid;position:relative;width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 20px rgba(0,0,0,.12);transform:translateY(-6px);text-decoration:none;outline:0;transition:.25s}
.mb-fab i{font-size:24px;color:#3a8ab9;z-index:1;display:flex;align-items:center;justify-content:center;font-style:normal}
.mb-fab.is-active,.mb-fab:active{transform:translateY(-6px) scale(1.1);box-shadow:0 0 25px rgba(0,86,133,.45)}
.mb-fab.is-active::after,.mb-fab:active::after{content:"";position:absolute;width:62px;height:62px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:.2;filter:blur(8px);z-index:0}
html[data-theme=dark] .mbottom-nav,body.dark .mbottom-nav,.dark-mode .mbottom-nav{background:#15151a;border-top-color:rgba(255,255,255,.08)}
html[data-theme=dark] .mb-fab,body.dark .mb-fab,.dark-mode .mb-fab{background:#222}