.elementor .e-bbced28{width:100%;min-height:101px;position:fixed;margin-block-start:19px;margin-block-end:0px;margin-inline-start:56px;margin-inline-end:56px;background-color:#FBF6F2;mix-blend-mode:normal;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;/* ─── 1. ثابت کردن هدر ─── */
selector {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 9999 !important;
height: 84px !important;
background: transparent !important;
padding-left: 40px !important; /* فاصله امن برای دیده شدن سبد خرید */
padding-left: 60px !important;
box-sizing: border-box !important;
transition: all 0.4s ease !important;
}

/* ─── 2. محدود کردن عرض برای جلوگیری از کشیدگی بیش از حد ─── */
selector > .e-con,
selector > .e-con-inner,
selector > .elementor-container {
max-width: 1320px !important;
margin: 0 auto !important;
width: 100% !important;
}

/* ─── 3. اجبار قطعی به رنگ تیره (برای حل مشکل غیب شدن در پیش‌نمایش) ─── */
body selector .elementor-nav-menu a,
body.home selector .elementor-nav-menu a,
body selector .elementor-heading-title,
body.home selector .elementor-heading-title,
body selector i,
body.home selector i,
body selector svg,
body.home selector svg {
color: #241712 !important;
fill: #241712 !important;
}

/* ─── 4. حفظ رنگ دایره سبد خرید ─── */
body selector .elementor-menu-cart__counter,
body.home selector .elementor-menu-cart__counter {
background-color: #B8607A !important;
color: #FBF6F2 !important;
}

/* ─── 5. تنظیمات منو و جلوگیری از به هم ریختگی ─── */
selector .elementor-nav-menu {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 32px !important;
margin: 0 !important;
}

selector .elementor-nav-menu a {
font-family: 'Noto Sans Arabic', Tahoma, sans-serif !important;
font-size: 14px !important;
white-space: nowrap !important;
position: relative !important;
padding-bottom: 4px !important;
text-decoration: none !important;
}

/* ─── 6. افکت خط زیر منو ─── */
selector .elementor-nav-menu li > a::after {
content: "" !important;
position: absolute !important;
bottom: 0 !important;
right: 0 !important;
width: 0 !important;
height: 1px !important;
background: #B8607A !important;
transition: width 0.35s ease !important;
}
selector .elementor-nav-menu li:hover > a::after { width: 100% !important; }

/* ─── 7. استایل هدر هنگام اسکرول (شیشه‌ای شدن) ─── */
selector.msh-scrolled {
background: rgba(251,246,242,0.95) !important;
backdrop-filter: blur(16px) !important;
-webkit-backdrop-filter: blur(16px) !important;
border-bottom: 1px solid rgba(36,23,18,0.1) !important;
box-shadow: 0 2px 32px rgba(36,23,18,0.08) !important;
}\n}