.elementor .muschel-site-header{width:100%;min-width:0px;min-height:84px;display:flex;justify-content:center;/* ─── 1. ریست و جایگاه هدر ─── */
#muschel-site-header {
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
z-index: 99999 !important; /* بالاترین سطح ممکن */
background: transparent !important;
transition: all 0.4s ease !important;
}

/* ─── 2. جلوگیری از بیرون زدن و تنظیم عرض ─── */
#muschel-site-header .e-con,
#muschel-site-header .e-con-inner,
#muschel-site-header .elementor-container {
max-width: 1320px !important;
margin: 0 auto !important;
padding-left: 5% !important;
padding-right: 5% !important;
width: 100% !important;
box-sizing: border-box !important;
}

/* ─── 3. اجبار مطلق به رنگ تیره برای همه چیز (متن، لوگو، آیکون) ─── */
#muschel-site-header .elementor-heading-title,
#muschel-site-header .elementor-nav-menu a,
#muschel-site-header i,
#muschel-site-header svg,
#muschel-site-header path {
color: #241712 !important;
fill: #241712 !important;
}

/* ─── 4. ظاهر هدر بعد از اسکرول ─── */
#muschel-site-header.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;
}

/* ─── 5. تنظیمات منو و سبد خرید ─── */
#muschel-site-header .elementor-nav-menu {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 32px !important;
}

#muschel-site-header .elementor-menu-cart__counter {
background-color: #B8607A !important;
color: #FBF6F2 !important;
}

/* خط زیرین موشل */
#muschel-site-header .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;
}
#muschel-site-header .elementor-nav-menu li:hover > a::after { width: 100% !important; }\n}