.s-slider-nav-arrow{background-color: #eeedee }

/* هذا الكود يخفي المربع بالكامل الذي يحتوي على صورة الدفع عند الاستلام */
li.s-payments-list-item:has(img[alt="COD"]) {
    display: none !important;
}

/* Add custom CSS styles below */ 
body{background-color: #eeedee}
.s-product-card-vertical{  background-color: #eeedee;
box-shadow: 0 10px 30px  #bababa;

}
.top-navbar{display:none}
.main-nav-container{background-color: # #bababa}
.s-block__title h2{
text-align: center;
font-size: 20px;
}
button{
  background-color: #666;
}
.s-product-card-content-main a:hover{
color:#bbaaaa;
}
@keyframes floatCard{
0%{transform:translateY(0)}
50%{transform:translateY(-8px)}
100%{transform:translateY(0)}
}

.s-product-card-entry.s-product-card-vertical{
transform-origin:top left;
transform:translateY(0) rotate(0);
transition:transform .4s ease, box-shadow .4s ease;
will-change:transform
}

.s-product-card-entry.s-product-card-vertical:nth-child(2n){animation-delay:.4s}
.s-product-card-entry.s-product-card-vertical:nth-child(3n){animation-delay:.8s}

@keyframes hoverMove{
0%{transform:translateY(0) rotate(0)}
40%{transform:translateY(-8px) rotate(-1.2deg)}
80%{transform:translateY(-8px) rotate(1.2deg)}
100%{transform:translateY(-8px) rotate(0)}
}

.s-product-card-entry.s-product-card-vertical:hover{
animation:hoverMove .9s ease-in-out forwards;
box-shadow:0 16px 36px rgba(0,0,0,.16)
}

/* 1. تنسيق الحاوية الأب (الـ div) */
.s-block__title {
  /* إزالة الهامش القديم */
  margin: 40px 0; /* هامش رأسي لتبعد العنوان عن العناصر الأخرى */
  /* تحويل الـ div إلى Flex Container لتطبيق الخطوط عليه */
  display: flex;
  /* توسيط محتويات الـ div (النص والعناصر الزائفة) */
  justify-content: center;
  align-items: center;
  /* التأكد من أن الـ div يمتد بعرض الشاشة */
  width: 100%;
}

/* 2. تنسيق الخط الأيمن (قبل النص) */
.s-block__title::before {
  content: "";
  /* جعل الخط يتمدد لملء الفراغ على اليمين */
  flex-grow: 1; 
  /* يمكنك التحكم بأقصى امتداد للخط هنا */
  max-width: 300px; 
  height: 1px;
  background-color: #ccc;
  /* المسافة بين الخط والنص */
  margin-inline-end: 15px;
}

/* 3. تنسيق الخط الأيسر (بعد النص) */
.s-block__title::after {
  content: "";
  /* جعل الخط يتمدد لملء الفراغ على اليسار */
  flex-grow: 1; 
  /* يمكنك التحكم بأقصى امتداد للخط هنا */
  max-width: 300px; 
  height: 1px;
  background-color: #ccc;
  /* المسافة بين الخط والنص */
  margin-inline-start: 15px;
}
.header-btn{ background-color: #eeee ;}

.s-block--features__item{  background-color: #eeee;

}
.store-footer__inner{ background-color: #373a40; }
.s-button-element:not(:disabled):not([loading]){background-color: #373a40;
color: #ffffff;
}
.s-add-product-button-mini-checkout-content:where([dir=rtl],[dir=rtl] *){color: #000;}

.text-center{ background-color: #373a40;
 }
.copyright-text p{color: #ffffff;}
.store-footer{ background-color: #373a40;}

.s-button-text{color #ffffff }
.s-block--features__item .feature-icon i{color: #373a40}
.text-primary{color: #373a40;}
.s-quantity-input-button{background-color: #373a40;}
.s-product-card-vertical .s-product-card-wishlist-btn:where([dir=rtl],[dir=rtl] *){display:none}

ul.main-menu.mm-spn--open > li{
color:#7a3100 ;
align-items:center;
justify-content:center;
border-radius:9999px;
margin: 0px 10px 5px 5px;
}
ul.main-menu.mm-spn--open > li > a:hover{
color: #373a40;
}
div.flex.gap-4{
display:block;
}
p.text-sm.text-text-grey.mb-1{
font-size: 18px;
font-weight: 600;
width: 100%;

}
b.text-sm{
font-size: 13px;
font-weight: 500;
}
h1.font-bold.text-2xl.mb-6{
color: #7a3100;
font-size: 24px;
font-weight: 600;
width: 100%;
float: right;
}
h1.ql-align-right.ql-direction-rtl{
font-size: 18px;
font-weight: 600;
width: 100%;
color: #373a40;
}
div.content-entry>ul{
padding-right: 1em;
}
.text-center{
  background-color: #f9fafb;
}
.s-breadcrumb-primary-reverse li{
  color: black;
}
footer>div.text-center{
  background-color: #373a40;
}
.s-block--features__item .feature-icon{background-color:#eeedee }

div.right-side{
   padding-left: 0px !important;
}
div.right-side h2{
  color: #373a40;
}