/* Add custom CSS styles below */ 
/* الكونتينر بتاع البانر */
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder.s-block--live-editor > div  {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 700px !important;      /* ارتفاع ثابت */
  overflow: hidden !important;
  position: relative;
}

/* الصورة جوا البانر */
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder.s-block--live-editor > div > a > img{
  display: block !important;
  width: 100% !important;
  height: 100% !important;        /* يملأ المساحة المحددة */
  object-fit: cover !important;   /* يخلي الصورة مغطية البانر */
  object-position: center center; /* يخليها متوسّطة */
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.s-block__title h2{
color: #5F6B55;
    margin-left: auto;
    margin-right: auto;
    font-size:30px;
}



.footer-is-light .store-footer .store-footer__inner {
color:#F6F2EF;
background-color: #5F6B55;

}



#app h1{
color: #5F6B55;
margin-bottom:20px;
    margin-left: auto;
    margin-right: auto;
    font-size:30px;
}


@media (max-width: 768px) {
    .md\:grid-cols-\[repeat\(3\2c minmax\(0\2c 1fr\)\)\] {
      
        grid-template-rows: 3fr;
  gap: 1rem;
    }
}


.s-block__title .right-side:where([dir=rtl],[dir=rtl] *) {
    padding-left: 2rem;
    margin-right: auto;
    margin-left: auto;
}

@media (max-width: 768px) {
 #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--fixed-banner.wide-placeholder.s-block--live-editor > div  {
    height: 400px !important; /* تقليل الارتفاع للموبايل */
    
  
    
  }
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(1) > div{

display:none;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(2) > div{

display:none;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(3) > div{

display:none;
}

#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(1) > div {
  content: "";
  display: inline-block;
        width: 170px;
    height: 150px;
   border-radius: 8px;
   margin-right: auto;
    margin-left: auto;
  background-image: url('https://cdn.salla.sa/form-builder/coGFFxEPKjMHO0e5FpAfPNyG1YyRm89e9jkPmet0.png'); /* حط مسار الصورة هنا */
  background-size: contain;
  background-repeat: no-repeat;
}


#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(2) > div {
  content: "";
  display: inline-block;
         width: 170px;
    height: 150px;
   border-radius: 8px;
   margin-right: auto;
    margin-left: auto;
  background-image: url('https://cdn.salla.sa/form-builder/S3DMf2aciwlDkteDEtN6ClCHXxAT7FdKUB8uT8aO.png'); /* حط مسار الصورة هنا */
  background-size: contain;
  background-repeat: no-repeat;
}



#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--features.container > div > div:nth-child(3) > div {
  content: "";
  display: inline-block;
       width: 170px;
    height: 150px;
   border-radius: 8px;
   margin-right: auto;
    margin-left: auto;
  background-image: url('https://cdn.salla.sa/form-builder/Y4U5VNPirAR5j5l2PvkPSxKQTkH3wyPI2I7bq1CY.png'); /* حط مسار الصورة هنا */
  background-size: contain;
  background-repeat: no-repeat;
}




.s-block--features__item .feature-icon i  {
display:none;
}




.sicon-clothes-hanger:before {
display:none;
}

.sicon-ellipsis-vertical-filled:before {
display:none;
}

.sicon-ellipsis-filled:before  {
display:none;
}

.sicon-clothes-hanger:before {
  content: "";
  display: inline-block;
  width: 200px; /* حجم الصورة */
  height: 200px;
   border-radius: 8px;
   ة
  background-image:url('https://cdn.salla.sa/form-builder/qPs1ioYFU78XlKNN04IYpSJCM3xLJ6U5JYklfXE5.jpg'); /* حط مسار الصورة هنا */
  background-size: contain;
  background-repeat: no-repeat;
}


.s-block--features__item {

background-color:transparent;

}

.slide--cat-entry {
background-color:transparent;


}

.s-reviews-testimonial{
background-color:#B2BAA2;
border-radius: 15px;
}

.s-reviews-testimonial__icon svg{

fill: #EEEEEE;

}    


@media (min-width: 640px) {
    .s-block {
        padding-top: 0rem;
        padding-bottom: 1.5rem;
        
    }
}

.s-block {
    margin-top: 0rem;
    padding-bottom: 5rem;
}