/* ========================================       PREMIUM ULTRA-UX MEGA MENU (2026 EDITION)    ======================================== */:root {    --rk-blur-bg: rgba(255, 255, 255, 0.85);    --rk-pure-white: #ffffff;    --rk-border-smooth: rgba(226, 232, 240, 0.8);    --rk-brand-color: #4f46e5; /* بنفش ایندیگو بسیار لوکس و ترند */    --rk-brand-light: rgba(79, 70, 229, 0.06);    --rk-text-dark: #0f172a;    --rk-text-muted: #64748b;    --rk-radius-premium: 24px;    /* سایه چندلایه اختصاصی */    --rk-shadow-ux: 0 10px 25px -5px rgba(0, 0, 0, 0.05), 0 25px 50px -12px rgba(0, 0, 0, 0.12);    --rk-fx-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);}/* کانتینر اصلی شاسی فیکس شده */.rk-premium-menu {    position: fixed !important;    z-index: 999999 !important;    width: 1180px !important;    box-sizing: border-box !important;    direction: rtl !important;    font-family: inherit;    /* انیمیشن سه‌بعدی و نرم ظهور */    opacity: 0;    visibility: hidden;    transform: translateY(15px) scale(0.99);    transition: var(--rk-fx-transition);    pointer-events: none;}    /* فعال شدن مگامنو */    .rk-premium-menu.rk-active-ux {        opacity: 1 !important;        visibility: visible !important;        transform: translateY(0) scale(1) !important;        pointer-events: auto !important;    }/* بدنه کریستالی منو */.rk-menu-glass-box {    display: flex !important;    background: var(--rk-blur-bg) !important;    backdrop-filter: blur(20px) !important;    -webkit-backdrop-filter: blur(20px) !important;    border-radius: var(--rk-radius-premium) !important;    box-shadow: var(--rk-shadow-ux) !important;    border: 1px solid var(--rk-pure-white) !important;    overflow: hidden !important;    min-height: 520px !important;    max-height: 600px !important;    width: 100% !important;}/* نوار کناری دپارتمان‌ها */.rk-menu-sidebar {    width: 280px !important;    min-width: 280px !important;    background: rgba(248, 250, 252, 0.5) !important;    border-left: 1px solid var(--rk-border-smooth) !important;    padding: 20px 0 !important;    overflow-y: auto !important;}.rk-side-list {    margin: 0 !important;    padding: 0 !important;    list-style: none !important;}.rk-side-item {    display: flex !important;    justify-content: space-between !important;    align-items: center !important;    cursor: pointer !important;    padding: 16px 24px !important;    color: var(--rk-text-dark) !important;    font-weight: 600 !important;    font-size: 14px !important;    margin: 4px 12px !important;    border-radius: 14px !important;    transition: var(--rk-fx-transition) !important;}    .rk-side-item:hover,    .rk-side-item.rk-selected {        background: var(--rk-pure-white) !important;        color: var(--rk-brand-color) !important;        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important;    }    .rk-side-item .fa-angle-left {        font-size: 12px !important;        color: var(--rk-text-muted) !important;        transition: var(--rk-fx-transition) !important;    }    .rk-side-item.rk-selected .fa-angle-left {        transform: translateX(-5px);        color: var(--rk-brand-color) !important;    }/* بدنه اصلی نمایش زیرمنوها */.rk-menu-main-content {    flex: 1 !important;    background: var(--rk-pure-white) !important;    padding: 35px 40px !important;    overflow-y: auto !important;}.rk-ux-panel {    display: none !important;    animation: rkSmoothShow 0.3s cubic-bezier(0.16, 1, 0.3, 1);}    .rk-ux-panel.rk-selected {        display: block !important;    }@keyframes rkSmoothShow {    from {        opacity: 0;        transform: translateY(8px);    }    to {        opacity: 1;        transform: translateY(0);    }}/* گرید بی‌نظیر ستون‌ها */.rk-ux-grid {    display: grid !important;    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)) !important;    gap: 35px 25px !important;}.rk-ux-card {    display: flex !important;    flex-direction: column !important;}/* سرسته دسته‌بندی‌ها با استایل فولد شده */.rk-ux-card-head {    font-size: 14px !important;    font-weight: 800 !important;    color: var(--rk-text-dark) !important;    text-decoration: none !important;    margin-bottom: 14px !important;    padding-bottom: 8px !important;    border-bottom: 2px solid var(--rk-brand-light) !important;    display: flex !important;    align-items: center !important;    gap: 8px !important;    transition: var(--rk-fx-transition) !important;}    .rk-ux-card-head::before {        content: '';        width: 4px;        height: 14px;        background: var(--rk-brand-color);        border-radius: 4px;    }    .rk-ux-card-head:hover {        color: var(--rk-brand-color) !important;    }.rk-ux-sub-list {    list-style: none !important;    margin: 0 !important;    padding: 0 !important;}    .rk-ux-sub-list li {        margin: 10px 0 !important;    }    /* لینک‌های فرعی به غایت مینی‌مال */    .rk-ux-sub-list a {        font-size: 13px !important;        color: var(--rk-text-muted) !important;        text-decoration: none !important;        transition: var(--rk-fx-transition) !important;        display: inline-block !important;    }        .rk-ux-sub-list a:hover {            color: var(--rk-brand-color) !important;            font-weight: 500 !important;            transform: translateX(-4px) !important;        }/* حذف المان‌های موبایل در ساختار پیش‌فرض */.rk-mob-bar, .rk-mob-drawer-panel {    display: none !important;}/* زیباسازی اسکرول‌بار به سبک سیستم‌عامل مک */.rk-menu-main-content::-webkit-scrollbar, .rk-menu-sidebar::-webkit-scrollbar {    width: 5px;}.rk-menu-main-content::-webkit-scrollbar-thumb, .rk-menu-sidebar::-webkit-scrollbar-thumb {    background: rgba(0,0,0,0.08);    border-radius: 20px;}/* ========================================       📱 دیزاین اپلیکیشنی و فوق واکنش‌گرا (موبایل)    ======================================== */@media (max-width: 991px) {    .rk-premium-menu {        position: fixed !important;        top: 0 !important;        left: 0 !important;        right: 0 !important;        bottom: 0 !important;        width: 100vw !important;        height: 100vh !important;        margin-top: 0 !important;        transform: translateX(100%) !important;        background: var(--rk-pure-white) !important;        pointer-events: auto !important;        transition: transform 0.35s cubic-bezier(0.32, 0.94, 0.6, 1) !important;    }        .rk-premium-menu.rk-active-ux {            transform: translateX(0) !important;        }    .rk-menu-glass-box {        flex-direction: column !important;        border-radius: 0 !important;        border: none !important;        max-height: 100vh !important;        min-height: 100vh !important;        background: var(--rk-pure-white) !important;    }    /* هدر آی‌او‌اس استایل بالای منوی موبایل */    .rk-mob-bar {        display: flex !important;        justify-content: space-between !important;        align-items: center !important;        padding: 18px 24px !important;        border-bottom: 1px solid var(--rk-border-smooth) !important;    }        .rk-mob-bar span {            font-weight: 800 !important;            font-size: 16px !important;            color: var(--rk-text-dark) !important;        }    .rk-mob-close-trigger {        background: var(--rk-brand-light) !important;        border: none !important;        width: 36px !important;        height: 36px !important;        border-radius: 50% !important;        color: var(--rk-brand-color) !important;        font-size: 16px !important;        cursor: pointer !important;        display: flex !important;        align-items: center !important;        justify-content: center !important;    }    .rk-menu-sidebar {        width: 100% !important;        height: calc(100vh - 75px) !important;        background: var(--rk-pure-white) !important;        padding: 10px 0 !important;    }    .rk-side-item {        margin: 4px 16px !important;        padding: 18px 20px !important;        border-radius: 12px !important;        background: #f8fafc !important;    }        .rk-side-item.rk-selected {            background: var(--rk-brand-light) !important;        }        .rk-side-item .fa-angle-left {            transform: rotate(0deg) !important;        }        .rk-side-item.rk-selected .fa-angle-left {            transform: rotate(-90deg) !important;        }    /* حذف بدنه دسکتاپ */    .rk-menu-main-content {        display: none !important;    }    /* کشوهای آکاردئونی موبایل */    .rk-mob-drawer-panel {        display: none !important;        background: #ffffff !important;        padding: 15px 30px !important;        margin: 0 16px !important;        border-right: 3px solid var(--rk-brand-color) !important;        border-bottom: 1px solid var(--rk-border-smooth) !important;    }    .rk-side-item.rk-selected + .rk-mob-drawer-panel {        display: block !important;    }    .rk-ux-grid {        grid-template-columns: 1fr !important;        gap: 24px !important;    }    .rk-ux-card-head {        border-bottom: none !important;        padding-bottom: 0 !important;        font-size: 14px !important;    }    .rk-ux-sub-list li {        margin: 12px 0 !important;    }    .rk-ux-sub-list a {        color: var(--rk-text-dark) !important;        font-size: 13px !important;    }}