.elementor-27 .elementor-element.elementor-element-3f54af6d > .elementor-container{max-width:500px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu .elementor-item{font-family:"IRANYekanX", Sans-serif;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main .elementor-item{color:#3B3B3B;fill:#3B3B3B;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:#3A3A3A;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .e--pointer-framed .elementor-item:before,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .e--pointer-framed .elementor-item:after{border-color:#3A3A3A;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#FFFFFF;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:before,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item.elementor-item-active:after{background-color:#686868;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .e--pointer-framed .elementor-item.elementor-item-active:before,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .e--pointer-framed .elementor-item.elementor-item-active:after{border-color:#686868;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown a, .elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-menu-toggle{color:#212121;fill:#212121;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown a:hover,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown a:focus,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-menu-toggle:hover,
					.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-menu-toggle:focus{color:#353535;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown a.elementor-item-active{color:#292929;background-color:#1E1E1E;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown .elementor-item, .elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"IRANYekanX", Sans-serif;font-weight:500;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu--dropdown li:not(:last-child){border-style:solid;border-color:#B8B8B821;border-bottom-width:2px;}#elementor-popup-modal-27{background-color:#FFFFFF80;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-27 .dialog-message{width:800px;height:100vh;align-items:flex-start;}#elementor-popup-modal-27 .dialog-close-button{display:flex;}#elementor-popup-modal-27 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-27 .dialog-close-button i{color:#E8A0B8;}#elementor-popup-modal-27 .dialog-close-button svg{fill:#E8A0B8;}@media(max-width:767px){.elementor-27 .elementor-element.elementor-element-3c0c4d40{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-27 .elementor-element.elementor-element-3c0c4d40 .elementor-nav-menu .elementor-item{font-size:14px;line-height:1.5em;}body:not(.rtl) #elementor-popup-modal-27 .dialog-close-button{right:90%;}body.rtl #elementor-popup-modal-27 .dialog-close-button{left:90%;}}/* Start custom CSS *//* ============================================ */
/* منوی موبایل بینظیر – هماهنگ با برند غزل */
/* ============================================ */

@media (max-width: 1024px) {

    /* ---- ۱. کانتینر اصلی منو با انیمیشن کشویی ---- */
    .elementor-nav-menu__container.elementor-nav-menu--dropdown {
        background: rgba(255, 255, 255, 0.92) !important;
        backdrop-filter: blur(20px) !important;
        -webkit-backdrop-filter: blur(20px) !important;
        border-radius: 24px 24px 0 0 !important;
        box-shadow: 
            0 -20px 60px rgba(59, 41, 45, 0.10),
            inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
        padding: 20px 0 30px 0 !important;
        margin-top: 8px !important;
        border: none !important;
        max-height: 80vh !important;
        overflow-y: auto !important;
        animation: slideUp 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards !important;
        transform-origin: bottom center !important;
    }

    @keyframes slideUp {
        0% {
            opacity: 0;
            transform: translateY(30px) scale(0.96);
        }
        100% {
            opacity: 1;
            transform: translateY(0) scale(1);
        }
    }

    /* ---- ۲. اسکرول بلند – صورتی اصلی ---- */
    .elementor-nav-menu__container.elementor-nav-menu--dropdown::-webkit-scrollbar {
        width: 4px !important;
    }
    .elementor-nav-menu__container.elementor-nav-menu--dropdown::-webkit-scrollbar-track {
        background: transparent !important;
    }
    .elementor-nav-menu__container.elementor-nav-menu--dropdown::-webkit-scrollbar-thumb {
        background: #E8A0B8 !important;
        border-radius: 20px !important;
    }

    /* ---- ۳. دکمه بستن (X) ---- */
    .custom-menu-close-btn {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        padding: 12px 24px 16px 24px !important;
        margin: 0 12px 10px 12px !important;
        border-bottom: 1px solid rgba(59, 41, 45, 0.06) !important;
        font-family: 'IRANYekanX', sans-serif !important;
        font-weight: 600 !important;
        font-size: 16px !important;
        color: #3B292D !important;
    }
    .custom-menu-close-btn span {
        background: rgba(251, 228, 234, 0.30) !important;
        padding: 6px 14px !important;
        border-radius: 30px !important;
        font-size: 13px !important;
        color: #806A70 !important;
    }
    .custom-menu-close-btn .close-icon {
        width: 36px !important;
        height: 36px !important;
        border-radius: 50% !important;
        background: #E8A0B8 !important;
        color: #ffffff !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        font-size: 18px !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 12px rgba(232, 160, 184, 0.30) !important;
    }
    .custom-menu-close-btn .close-icon:hover {
        transform: rotate(90deg) scale(0.92) !important;
        background: #d48ba3 !important;
    }

    /* ---- ۴. آیتم‌های منو ---- */
    .elementor-nav-menu--dropdown .elementor-item,
    .elementor-nav-menu--dropdown .elementor-sub-item {
        font-family: 'IRANYekanX', sans-serif !important;
        font-size: 15px !important;
        font-weight: 400 !important;
        padding: 14px 22px !important;
        margin: 5px 14px !important;
        border-radius: 16px !important;
        background: rgba(255, 255, 255, 0.5) !important;
        color: #3B292D !important;
        transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
        border: 1px solid rgba(59, 41, 45, 0.03) !important;
        position: relative !important;
        overflow: hidden !important;
        letter-spacing: 0.2px !important;
    }

    /* ---- ۵. آیتم‌های اصلی (ویژه) – با حاشیه صورتی ---- */
    .elementor-nav-menu--dropdown .elementor-item {
        font-weight: 700 !important;
        background: rgba(251, 228, 234, 0.20) !important;
        border-right: 5px solid #E8A0B8 !important;
        padding-right: 28px !important;
        box-shadow: 0 2px 8px rgba(59, 41, 45, 0.02) !important;
    }

    /* ---- ۵-۱. آیکون‌های یونیکد برای زیرمنوها ---- */
    .elementor-nav-menu--dropdown .menu-item-1226 > .elementor-sub-item::before {
        content: "💄 " !important;
    }
    .elementor-nav-menu--dropdown .menu-item-1335 > .elementor-sub-item::before {
        content: "🧴 " !important;
    }
    .elementor-nav-menu--dropdown .menu-item-1353 > .elementor-sub-item::before {
        content: "💇‍♀️ " !important;
    }
    .elementor-nav-menu--dropdown .menu-item-1242 > .elementor-sub-item::before {
        content: "🚿 " !important;
    }
    .elementor-nav-menu--dropdown .menu-item-1326 > .elementor-sub-item::before {
        content: "🌸 " !important;
    }
    .elementor-nav-menu--dropdown .menu-item-1334 > .elementor-sub-item::before {
        content: "⚡ " !important;
    }

    /* ---- ۶. افکت ریپل (با شبه‌عنصر) – صورتی ---- */
    .elementor-nav-menu--dropdown .elementor-item::after,
    .elementor-nav-menu--dropdown .elementor-sub-item::after {
        content: '' !important;
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        width: 0 !important;
        height: 0 !important;
        border-radius: 50% !important;
        background: rgba(232, 160, 184, 0.15) !important;
        transform: translate(-50%, -50%) !important;
        transition: width 0.6s, height 0.6s, opacity 0.6s !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
    .elementor-nav-menu--dropdown .elementor-item:hover::after,
    .elementor-nav-menu--dropdown .elementor-sub-item:hover::after {
        width: 300px !important;
        height: 300px !important;
        opacity: 1 !important;
    }

    /* ========================================== */
    /* ---- ۷. هاور و اکتیو – با رنگ‌های برند ---- */
    /* ========================================== */

    .elementor-nav-menu--dropdown .elementor-item,
    .elementor-nav-menu--dropdown .elementor-sub-item {
        color: #3B292D !important;
        background: rgba(255, 255, 255, 0.5) !important;
    }

    /* ---- حالت هاور – صورتی اصلی ---- */
    .elementor-nav-menu--dropdown .elementor-item:hover,
    .elementor-nav-menu--dropdown .elementor-sub-item:hover {
        color: #E8A0B8 !important;
        background: rgba(251, 228, 234, 0.35) !important;
        transform: translateX(-6px) scale(1.02) !important;
        box-shadow: 0 8px 30px rgba(232, 160, 184, 0.25) !important;
        border-color: #E8A0B8 !important;
        border-right-color: #C9A46C !important;
    }

    /* ---- حالت اکتیو (آیتم فعال) – صورتی اصلی با حاشیه طلایی ---- */
    .elementor-nav-menu--dropdown .elementor-item.elementor-item-active,
    .elementor-nav-menu--dropdown .elementor-sub-item.elementor-item-active {
        color: #E8A0B8 !important;
        background: rgba(251, 228, 234, 0.30) !important;
        box-shadow: inset 0 0 0 3px rgba(201, 164, 108, 0.20), 0 4px 20px rgba(232, 160, 184, 0.15) !important;
        border-right-color: #C9A46C !important;
    }

    /* ---- تیک طلایی کنار آیتم فعال ---- */
    .elementor-nav-menu--dropdown .elementor-item.elementor-item-active::after {
        content: " ✓" !important;
        color: #C9A46C !important;
        font-weight: 900 !important;
        position: relative !important;
        width: auto !important;
        height: auto !important;
        background: none !important;
        opacity: 1 !important;
        border-radius: 0 !important;
        transform: none !important;
        margin-right: 6px !important;
        font-size: 16px !important;
    }

    /* ---- ۸. زیرمنوها با انیمیشن و تو رفتگی ---- */
    .elementor-nav-menu--dropdown .sub-menu {
        background: transparent !important;
        padding-right: 8px !important;
        margin: 2px 0 4px 0 !important;
        border-right: 2px dashed rgba(201, 164, 108, 0.15) !important;
        animation: subFadeIn 0.3s ease forwards !important;
    }

    @keyframes subFadeIn {
        0% {
            opacity: 0;
            transform: translateX(10px);
        }
        100% {
            opacity: 1;
            transform: translateX(0);
        }
    }

    .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item {
        background: rgba(251, 228, 234, 0.08) !important;
        padding: 12px 24px 12px 34px !important;
        margin: 3px 12px !important;
        font-size: 14px !important;
        border-right: 3px solid rgba(128, 106, 112, 0.20) !important;
        border-radius: 12px !important;
        font-weight: 400 !important;
        color: #806A70 !important;
    }

    .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:hover {
        color: #E8A0B8 !important;
        border-right-color: #E8A0B8 !important;
    }

    /* ---- ۹. زیرمنوهای سطح ۳ (تو رفتگی بیشتر) ---- */
    .elementor-nav-menu--dropdown .sub-menu .sub-menu .elementor-sub-item {
        padding-right: 44px !important;
        font-size: 13px !important;
        border-right: 3px solid rgba(201, 164, 108, 0.12) !important;
        background: rgba(251, 228, 234, 0.04) !important;
    }

    /* ---- ۱۰. فلش‌های زیرمنو – صورتی اصلی ---- */
    .elementor-nav-menu--dropdown .elementor-item .sub-arrow,
    .elementor-nav-menu--dropdown .elementor-sub-item .sub-arrow {
        color: #E8A0B8 !important;
        font-size: 13px !important;
        background: rgba(232, 160, 184, 0.08) !important;
        padding: 4px 12px !important;
        border-radius: 30px !important;
        transition: all 0.3s ease !important;
        margin-right: 6px !important;
    }

    .elementor-nav-menu--dropdown .elementor-item:hover .sub-arrow,
    .elementor-nav-menu--dropdown .elementor-sub-item:hover .sub-arrow {
        color: #E8A0B8 !important;
        background: rgba(232, 160, 184, 0.15) !important;
        transform: rotate(180deg) !important;
    }

    /* ---- ۱۱. جداکننده‌های شیک بین آیتم‌ها ---- */
    .elementor-nav-menu--dropdown .elementor-item:not(:last-child) {
        border-bottom: 1px solid rgba(59, 41, 45, 0.03) !important;
    }

    .elementor-nav-menu--dropdown .sub-menu .elementor-sub-item:not(:last-child) {
        border-bottom: 1px solid rgba(59, 41, 45, 0.02) !important;
    }

    /* ---- ۱۲. دکمه همبرگر – صورتی اصلی با نبض ---- */
    .elementor-menu-toggle {
        background: linear-gradient(135deg, #E8A0B8, #d48ba3) !important;
        border-radius: 16px !important;
        padding: 12px !important;
        transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
        box-shadow: 0 4px 20px rgba(232, 160, 184, 0.30) !important;
        border: none !important;
        animation: pulse 2s infinite !important;
    }

    @keyframes pulse {
        0% {
            box-shadow: 0 4px 20px rgba(232, 160, 184, 0.30);
        }
        50% {
            box-shadow: 0 4px 40px rgba(232, 160, 184, 0.50);
        }
        100% {
            box-shadow: 0 4px 20px rgba(232, 160, 184, 0.30);
        }
    }

    .elementor-menu-toggle:hover {
        transform: scale(0.92) rotate(-4deg) !important;
        box-shadow: 0 8px 30px rgba(232, 160, 184, 0.40) !important;
        animation: none !important;
    }

    .elementor-menu-toggle .e-font-icon-svg {
        color: #ffffff !important;
        font-size: 24px !important;
    }

    /* ---- ۱۳. برچسب تعداد آیتم‌ها – صورتی اصلی ---- */
    .elementor-nav-menu__container .menu-item-count {
        display: inline-block !important;
        background: #E8A0B8 !important;
        color: #ffffff !important;
        font-size: 11px !important;
        border-radius: 30px !important;
        padding: 2px 12px !important;
        margin-right: 8px !important;
        font-weight: 700 !important;
    }

    /* ---- ۱۴. حذف استایل‌های اضافی ---- */
    .elementor-nav-menu--dropdown .elementor-item .menu-description,
    .elementor-nav-menu--dropdown .elementor-sub-item .menu-description {
        display: none !important;
    }

    /* ========================================== */
    /* ---- ۱۵. مخفی کردن آیتم‌های خاص در موبایل ---- */
    /* ========================================== */

    /* مخفی کردن صفحه اصلی */
    .elementor-nav-menu--dropdown .menu-item-573 {
        display: none !important;
    }

    /* مخفی کردن مجله */
    .elementor-nav-menu--dropdown .menu-item-574 {
        display: none !important;
    }

    /* مخفی کردن ارتباط با ما */
    .elementor-nav-menu--dropdown .menu-item-249 {
        display: none !important;
    }
}/* End custom CSS */