.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-25 .elementor-element.elementor-element-b99ca06{margin:-2px -2px calc(var(--kit-widget-spacing, 0px) + -2px) -2px;padding:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;text-align:center;}.elementor-25 .elementor-element.elementor-element-b99ca06.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-b99ca06:hover{border-radius:1px 1px 1px 1px;}.elementor-25 .elementor-element.elementor-element-b99ca06 img{width:63%;max-width:100%;height:67px;opacity:0.96;filter:brightness( 94% ) contrast( 195% ) saturate( 90% ) blur( 0px ) hue-rotate( 0deg );border-style:solid;border-width:8px 8px 8px 8px;border-radius:9px 9px 9px 9px;box-shadow:2px 1px 10px 0px rgba(0,0,0,0.5);}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-title-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-jet-ajax-search .jet-search-content-fields__item-value{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__source-results-item_icon svg{width:24px;}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__source-results-item_icon{font-size:24px;}.elementor-25 .elementor-element.elementor-element-122908b{width:var( --container-widget-width, 207.219% );max-width:207.219%;--container-widget-width:207.219%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-122908b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:8px 8px 8px 8px;border-radius:0px 0px 0px 0px;}.elementor-25 .elementor-element.elementor-element-122908b.elementor-element{--align-self:stretch;--flex-grow:0;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__form{background-color:#F7F4F0;border-radius:15px 15px 15px 15px;}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__field{background-color:#FFFFFF;padding:-1px -1px -1px -1px;margin:0px 0px 0px 0px;border-width:1px 1px 1px 1px;border-radius:2px 2px 2px 2px;}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__results-area{margin-top:1px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__item-link{padding:9px 9px 9px 9px;text-align:center;}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__arrow-button svg{width:8px;height:8px;}.elementor-25 .elementor-element.elementor-element-122908b .jet-ajax-search__message{font-family:"Hina Mincho", Sans-serif;text-align:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-25 .elementor-element.elementor-element-2672c5c{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:1px 1px 1px 1px;grid-column:span custom;}.elementor-25 .elementor-element.elementor-element-2672c5c.elementor-element{--align-self:flex-end;--order:1;--flex-grow:-2;--flex-shrink:-1;}.elementor-25 .elementor-element.elementor-element-2672c5c .elementor-button-content-wrapper{flex-direction:row;}.elementor-25 .elementor-element.elementor-element-2672c5c .elementor-button .elementor-button-content-wrapper{gap:1px;}.elementor-25 .elementor-element.elementor-element-2672c5c .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:500;line-height:14px;text-shadow:0px 0px 0px rgba(0,0,0,0.3);fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);border-style:solid;border-width:6px 6px 6px 6px;border-radius:10px 10px 10px 10px;padding:-1px -1px -1px -1px;}.elementor-25 .elementor-element.elementor-element-313d51a{margin:12px 12px calc(var(--kit-widget-spacing, 0px) + 12px) 12px;padding:-1px -1px -1px -1px;border-radius:6px 6px 6px 6px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-25 .elementor-element.elementor-element-313d51a.elementor-element{--align-self:flex-end;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-313d51a:hover{border-radius:4px 4px 4px 4px;}.elementor-25 .elementor-element.elementor-element-313d51a .elementor-button-content-wrapper{flex-direction:row;}.elementor-25 .elementor-element.elementor-element-313d51a .elementor-button .elementor-button-content-wrapper{gap:0.2rem;}.elementor-25 .elementor-element.elementor-element-313d51a .elementor-button{border-radius:-3px -3px -3px -3px;padding:13px 13px 13px 13px;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-25 .elementor-element.elementor-element-0d6824f{--display:flex;--min-height:42px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:stretch;--border-radius:2px 2px 2px 2px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-25 .elementor-element.elementor-element-0d6824f > .elementor-shape-top svg, .elementor-25 .elementor-element.elementor-element-0d6824f > .e-con-inner > .elementor-shape-top svg{height:32px;}.elementor-25 .elementor-element.elementor-element-0d6824f.e-con{--align-self:flex-start;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-1952dcf{width:var( --container-widget-width, 53% );max-width:53%;margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;padding:2px 2px 2px 2px;--container-widget-width:53%;--container-widget-flex-grow:0;border-radius:2px 2px 2px 2px;}.elementor-25 .elementor-element.elementor-element-1952dcf.elementor-element{--align-self:stretch;--order:-99999 /* order start hack */;--flex-grow:1;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-4ce7918{--display:flex;}.elementor-25 .elementor-element.elementor-element-d8659aa{--display:flex;}.elementor-25 .elementor-element.elementor-element-88b0269{--display:flex;}.elementor-25 .elementor-element.elementor-element-af2a695{--display:flex;}.elementor-25 .elementor-element.elementor-element-57bdb86{--display:flex;}.elementor-25 .elementor-element.elementor-element-ad6023b{--display:flex;}.elementor-25 .elementor-element.elementor-element-8ad9ca9{--n-menu-dropdown-content-max-width:initial;--n-menu-heading-justify-content:initial;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:initial;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:30px;width:initial;max-width:initial;margin:-1px -1px calc(var(--kit-widget-spacing, 0px) + -1px) -1px;--n-menu-toggle-align:flex-start;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-25 .elementor-element.elementor-element-8ad9ca9 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title{border-radius:4px 4px 4px 4px;}.elementor-25 .elementor-element.elementor-element-b94985a .elementor-button{background-color:var( --e-global-color-e25dd37 );font-family:"iran yekan", Sans-serif;font-size:14px;font-weight:500;border-radius:10px 10px 10px 10px;padding:14px 14px 14px 14px;}.elementor-25 .elementor-element.elementor-element-b94985a{width:var( --container-widget-width, 21% );max-width:21%;margin:-5px -5px calc(var(--kit-widget-spacing, 0px) + -5px) -5px;padding:3px 3px 3px 3px;--container-widget-width:21%;--container-widget-flex-grow:0;}.elementor-25 .elementor-element.elementor-element-b94985a.elementor-element{--align-self:flex-start;--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}.elementor-25 .elementor-element.elementor-element-b94985a .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-25 .elementor-element.elementor-element-b94985a .elementor-button .elementor-button-content-wrapper{gap:2px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-25 .elementor-element.elementor-element-0d6824f{--content-width:1600px;}}/* Start custom CSS for theme-site-logo, class: .elementor-element-b99ca06 *//* اصلاح لوگو برای جلوگیری از کشیدگی و دفرمه شدن */
.your-logo-class { /* حتماً کلاس اصلی لوگوی خودت را جایگزین کن */
    max-width: 180px !important; /* اندازه را اینجا کنترل کن، مثلاً 150 یا 180 */
    width: auto !important;      /* اجازه نمی‌دهد عرض به زور زیاد شود */
    height: auto !important;     /* نسبت ابعاد را حفظ می‌کند تا کشیده نشود */
    object-fit: contain !important; /* تصویر را داخل کادر خودش نگه می‌دارد */
    display: block !important;
}/* End custom CSS */
/* Start custom CSS for jet-ajax-search, class: .elementor-element-122908b */.elementor-25 .elementor-element.elementor-element-122908b input {
    border-radius: 50px !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2672c5c *//* حذف رنگ پس‌زمینه و تنظیم استایل متن */
.elementor-25 .elementor-element.elementor-element-2672c5c .elementor-button {
    background-color: transparent !important; /* شفاف کردن پس‌زمینه */
    color: #333333 !important; /* رنگ متن تیره و شیک */
    border: 1px solid #e0e0e0 !important; /* یک کادر بسیار نازک و خاکستری روشن */
    border-radius: 8px !important; /* گرد کردن گوشه‌ها */
    transition: all 0.3s ease !important; /* برای اینکه وقتی موس می‌روی، تغییر نرم باشد */
    padding: 8px 20px !important; /* فاصله استاندارد داخل دکمه */
}

/* استایل وقتی موس روی دکمه می‌رود (Hover) */
.elementor-25 .elementor-element.elementor-element-2672c5c .elementor-button:hover {
    background-color: #f5f5f5 !important; /* یک خاکستری خیلی خیلی روشن هنگام هاور */
    border-color: #cccccc !important; /* کمی تیره شدن کادر در هاور */
    color: #000000 !important; /* تیره شدن متن */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-313d51a *//* 1. تنظیمات پایه برای کانتینر اصلی (که شامل متن و آیکون است) */
#smart-cart-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px; /* فاصله بین آیکون و متن */
    color: #ffffff !important; /* رنگ سفید برای متن */
    text-decoration: none !important;
    cursor: pointer;
transition: color 0.3s ease, transform 0.3s ease !important;
}

/* 2. استایل آیکون و متن (هر دو باید سفید باشند) */
#smart-cart-icon i, 
#smart-cart-icon svg, 
#smart-cart-icon span,
#smart-cart-icon .elementor-button-text {
    color: #ffffff !important;
    transition: color 0.3s ease !important;
}

/* 3. حالت هاور: تغییر رنگ همزمان کلِ مجموعه به نارنجی */
#smart-cart-icon:hover {
    color: #ff9f00 !important;
    /* اجرای انیمیشن نفس کشیدن روی کلِ کانتینر */
    animation: breathe-all 1.5s infinite ease-in-out;
}

/* تغییر رنگ آیکون و متن در حالت هاور */
#smart-cart-icon:hover i, 
#smart-cart-icon:hover svg, 
#smart-cart-icon:hover span,
#smart-cart-icon:hover .elementor-button-text {
    color: #ff9f00 !important;
}

/* 4. انیمیشن نفس کشیدن که روی کلِ مجموعه (متن + آیکون) اثر می‌گذارد */
@keyframes breathe-all {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1); /* میزان بزرگ‌نمایی کل مجموعه */
    }
    100% {
        transform: scale(1);
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1952dcf *//* --- پایه و اساس منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0; /* خط زیر کل منو مثل دیجی‌کالا */
    position: relative; /* بسیار مهم برای اینکه مگامنوی داخلش درست باشه */
}

/* --- آیتم‌های منو (لینک‌های اصلی) --- */
.menu-item { 
    display: inline-block; /* آیتم‌ها رو کنار هم بچین */
    position: static; /* تغییر از relative به static برای اینکه مگامنوی داخلش نسبت به کلِ منو باشه */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 15px 20px; 
    text-decoration: none; 
    color: #333; 
    font-weight: 500; 
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 10px; 
    color: #e91e63; 
    font-size: 1.1em; 
}

.menu-item:hover .menu-link { 
    color: #e91e63; 
    background-color: #f9f9f9; /* هایلایت ملایم هنگام هاور */
}

/* --- جراحی اصلی: پنل مگا منو (بخش بزرگ) --- */
.mega-panel { 
    display: none; 
    position: absolute; /* حالا نسبت به .digi-menu-wrapper (کل منو) قرار می‌گیره */
    left: 0; 
    right: 0; /* از چپ تا راست کشیده میشه */
    width: 100%; /* عرض کامل منو */
    background: #ffffff; 
    box-shadow: 0 15px 30px rgba(0,0,0,0.1); /* سایه عمیق و شیک */
    z-index: 9999; 
    border-top: 1px solid #eee; /* خط جداکننده از منوی اصلی */
    
    /* افکت‌های انیمیشنی نرم */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px); /* از بالا به پایین میاد */
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); /* انیمیشن حرفه‌ای */
}

/* نمایش مگامنوی صحیح */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخل پنل --- */
.mega-container { 
    max-width: 1200px; /* محدود کردن عرض محتوا برای زیبایی */
    margin: 0 auto; /* وسط چین کردن محتوا */
    display: flex; 
    padding: 30px 20px; 
    gap: 40px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 16px; 
    color: #222; 
    font-weight: 700; 
    margin-bottom: 20px; 
    position: relative;
    padding-bottom: 10px;
}

/* خط تزئینی زیر عنوان ستون */
.mega-column h3::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
    width: 30px;
    height: 2px;
    background-color: #e91e63;
}

.mega-column ul { list-style: none; padding: 0; margin: 0; }
.mega-column ul li { margin-bottom: 12px; }

.mega-column ul li a { 
    text-decoration: none; 
    color: #666; 
    font-size: 14px; 
    transition: all 0.3s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63; 
    transform: translateX(-5px); /* حرکت ملایم به سمت راست در حالت RTL */
}

/* ستون تبلیغاتی خاص */
.promo-column { 
    flex: 0 0 250px; 
}

.promo-box { 
    background: linear-gradient(135deg, #fdfbfb 0%, #ebedee 100%);
    border: 1px solid #eee;
    padding: 25px; 
    text-align: center; 
    border-radius: 12px; 
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s ease;
}

.promo-box:hover {
    transform: translateY(-5px);
}

.promo-box p { 
    font-size: 16px; 
    color: #333; 
    margin-bottom: 10px; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 13px; 
    color: #888; 
    line-height: 1.5;
}
/* ============================================= */
/* آیکون‌های زیرمنوی مگا روی موبایل دیده شوند */
/* فقط روی موبایل و بدون هیچ تغییر روی آیکون‌ها */
/* ============================================= */
.mega-panel {
    display: block !important;   /* آیکون‌ها را دوباره دیده کن */
}

.mega-panel .menu-link i {
    display: inline-block !important;   /* آیکون‌های بزرگ را دیده کن */
    margin-right: 8px;
}

.mega-panel .menu-link span {
    display: inline !important;   /* متن را کامل نشان بده */
}

/* فقط روی موبایل */
@media (max-width: 991px) {
    .mega-panel {
        display: block !important;
    }
    .mega-panel .menu-link i {
        display: inline-block !important;
    }
    .mega-panel .menu-link span {
        display: inline !important;
    }
}

/* بعد از یک ثانیه دوباره پنهان شوند (فقط برای جلوگیری از flicker) */
@media (max-width: 991px) {
    .mega-panel {
        display: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0d6824f *//* --- تنظیمات اصلی کانتینر منو --- */
.digi-menu-wrapper { 
    width: 100%; 
    font-family: 'Vazir', 'Tahoma', sans-serif; 
    direction: rtl; 
    background-color: #ffffff;
    border-bottom: 1px solid #e0e0e0;
    position: relative; /* برای اینکه مگامنوی زیرمجموعه نسبت به این کانتینر سنجیده بشه */
}

/* --- آیتم‌های اصلی منو --- */
.menu-item { 
    display: inline-block; 
    position: static; /* این خط جادوی اصلی برای باز شدن منو به عرض کامل است */
}

.menu-link { 
    display: flex; 
    align-items: center; 
    padding: 12px 18px; 
    text-decoration: none !important; 
    color: #333 !important; 
    font-weight: 500; 
    font-size: 14px;
    transition: all 0.3s ease;
}

.menu-link i { 
    margin-left: 8px; 
    color: #e91e63; 
    font-size: 16px; 
}

.menu-item:hover .menu-link { 
    color: #e91e63 !important; 
    background-color: #f9f9f9; 
}

/* --- پنل مگامنوی عرض کامل --- */
.mega-panel { 
    display: none; 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100%; 
    background: #ffffff; 
    box-shadow: 0 10px 25px rgba(0,0,0,0.08); 
    z-index: 9999; 
    border-top: 1px solid #f0f0f0; 
    
    /* انیمیشن ورود */
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease-in-out;
}

/* نمایش پنل هنگام هاور */
.menu-item:hover .mega-panel { 
    display: block; 
    opacity: 1; 
    visibility: visible; 
    transform: translateY(0); 
}

/* --- چیدمان داخلی (ستون‌ها) --- */
.mega-container { 
    max-width: 1200px; 
    margin: 0 auto; 
    display: flex; 
    padding: 25px 15px; 
    gap: 30px; 
}

.mega-column { 
    flex: 1; 
}

.mega-column h3 { 
    font-size: 15px; 
    color: #222; 
    font-weight: 700; 
    margin: 0 0 15px 0;
    padding-bottom: 8px;
    border-bottom: 2px solid #e91e63; /* خط زیر عنوان */
    display: inline-block;
}

.mega-column ul { 
    list-style: none !important; 
    padding: 0 !important; 
    margin: 0 !important; 
}

.mega-column ul li { 
    margin-bottom: 10px; 
}

.mega-column ul li a { 
    text-decoration: none !important; 
    color: #666 !important; 
    font-size: 13.5px; 
    transition: all 0.2s ease;
    display: block;
}

.mega-column ul li a:hover { 
    color: #e91e63 !important; 
    padding-right: 5px; /* حرکت کوچک به سمت راست در حالت RTL */
}

/* --- بخش تبلیغاتی (ستون آخر) --- */
.promo-column { 
    flex: 0 0 220px; 
}

.promo-box { 
    background: #f8f9fa;
    padding: 20px; 
    text-align: center; 
    border-radius: 10px; 
    border: 1px solid #eee;
}

.promo-box p { 
    font-size: 14px; 
    color: #333; 
    margin: 0 0 8px 0; 
    font-weight: bold; 
}

.promo-box small { 
    font-size: 12px; 
    color: #888; 
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'iran yekan';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://artinprograming.ir/wp-content/uploads/2026/08/Yekan.eot');
	src: url('https://artinprograming.ir/wp-content/uploads/2026/08/Yekan.eot?#iefix') format('embedded-opentype'),
		url('https://artinprograming.ir/wp-content/uploads/2026/08/Yekan.woff') format('woff'),
		url('https://artinprograming.ir/wp-content/uploads/2026/08/Yekan.ttf') format('truetype'),
		url('https://artinprograming.ir/wp-content/uploads/2026/08/Yekan.svg#iranyekan') format('svg');
}
/* End Custom Fonts CSS */