/* Add custom CSS styles below */ 
.changeImages h2 {
  display: none;
}

body {
  background-color: #ECC6BD;
}

.s-product-card-vertical .salla-btns
 {
  background-color: #934694;
}

.s-block--hero-slider .swiper-slide .overlay-bg:after {
    display: none !important;
}

.s-block--hero-slider .swiper-slide .overlay-bg {
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
/* 1. ضبط خلفية السلايدر لتتناسب مع لون خلفية الموقع */
.s-block--hero-slider .swiper-slide {
    background-color: #fdf5f3 !important; /* استبدل هذا الكود بلون الخلفية الحقيقي لمتجرك إذا لزم الأمر */
}

.footer-is-light .store-footer .store-footer__inner
 {
  background-color: #fdf5f3;
}

.md\:bg-white
 {
  background-color: #fdf5f3;
}

/* إضافة لون خلفية لتذييل الموقع */
.footer_alignment {
    background-color: #fdf5f3 !important; /* استبدل هذا اللون باللون الذي تريده */
    padding-top: 5px !important;    /* إضافة مساحة علوية */
    padding-bottom: 5px !important; /* إضافة مساحة سفلية */
    border-radius: 5px;             /* اختياري: إذا أردت جعل زوايا الخلفية دائرية */
    margin-top: 5px;                /* مسافة عن العناصر التي فوقه */
}

.s-comments-product {
  background-color: #EBC5BC;
}


.max-h-\[700px\] {
max-height: 500PX;
}