.sidebar-container {
            width: 100%;
            height: 100%;
            min-height: 0;
            display: flex;
            flex-direction: column;
        }
        .sidebar-header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 14px; border-bottom:1px solid #e2e8f0; }
        .sidebar-profile { display:flex; align-items:center; gap:10px; }
        .sidebar-profile .profile-name h4 { margin:0; font-weight:800; font-size:15px; color:#0f172a; line-height:1.3; }
        .sidebar-profile .profile-name h5 { margin:2px 0 0; font-weight:600; font-size:12px; color:#64748b; line-height:1.3; }
        .btn-close-custom {
            width: 34px;
            height: 34px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            background:#ffffff;
            border:1px solid #e2e8f0;
            border-radius:10px;
            padding:0;
            box-shadow:0 2px 8px rgba(15,23,42,.06);
        }

        .menu-section { padding: 12px 10px; }
        .menu-card { background:#ffffff; border:1px solid #e2e8f0; border-radius:16px; padding:8px; box-shadow:0 12px 40px rgba(15,23,42,0.06); }
        .menu-list { list-style:none; margin:0; padding:0; display:grid; gap:6px; }
        .menu-item { border-radius:12px; }
        .menu-link { display:flex; align-items:center; gap:10px; text-decoration:none; padding:12px 12px; color:#0f172a; font-weight:800; border-radius:12px; transition:background .15s ease, transform .1s ease; }
        .menu-link:hover { background:#f8fafc; transform:translateY(-1px); }
        .menu-icon { width:36px; height:36px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; background:#eef2ff; color:#3730a3; flex-shrink:0; }
        .menu-text { font-size:14px; }
        .menu-divider { height:1px; background:#e2e8f0; margin:8px 0; border:0; }
        .logout-wrap { padding:10px; }
        .btn-logout { width:100%; background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; border-radius:14px; padding:12px 14px; font-weight:800; }

        @media (max-width:640px){ .sidebar-header{padding:10px 12px;} .menu-link{padding:10px 10px;} .menu-icon{width:32px;height:32px;border-radius:10px;} .menu-text{font-size:13px;} }

        /* بالاتر از ناوبار پایین موبایل (.cmn-wrap z-index: 9999) و هدر چسبان */
        #sidebarMenu.ecommerce-sidebar.offcanvas {
            --bs-offcanvas-zindex: 10060;
        }
        #sidebarMenu.ecommerce-sidebar.offcanvas .offcanvas-body {
            flex: 1 1 auto;
            min-height: 0;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            overscroll-behavior: contain;
            padding: 12px;
        }
        .offcanvas-backdrop {
            z-index: 10055 !important;
        }