/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
:root {
    --main-color: #E987A4;
    --sec-color: #6DA0DE ;
    --white-color: white;
    --black-color:black;
}


/************  slider **************/
.s-search-input::placeholder {
    color: var(--sec-color)!important ;
}
salla-slider.photos-slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    display: none !important ;
}
.s-slider-block__title-nav {display:none !important}
.s-search-input-wrapper > span > span > svg{fill:var(--main-color)!important ;}
section.s-block.s-block--photos-slider {
    margin-top: 0 !important;
}
section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide{
    padding:0 !important;
    margin-top:0px !important;
    width:100% !important;
    border-radius:0 !important;
}
[dir=rtl] section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper{
    padding:0 !important;
}

img.w-full{
    border-radius: 0px;
}

button.s-slider-next.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock , button.s-slider-prev.s-slider-nav-arrow.swiper-button-disabled.swiper-button-lock {
    display:none;
}

/************ banner **************/


.s-products-slider-card.swiper-slide {
  margin-top:10px;
    margin-bottom:10px;    
}
.banner--fixed img {
    border-radius:0px;
    background-color: transparent;
}



/* إخفاء أيقونات Salla */
.features__item .feature-icon i {
    display: none;
}

/* إعداد عام للأيقونات كصور */
.features__item .feature-icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 60%;
}
.features__item *{color:var(--white-color);}

/* 1️⃣ ضمان استرجاع */
.grid > div:nth-child(1) .feature-icon {
    background-image: url("https://cdn.files.salla.network/homepage/474679202/bc1e478e-efd6-4388-a9ba-5c552867d734.webp");
}
#app > div.app-inner> section.s-block.features-store > div > div > div > div:nth-child(2) > div ,#app > div.app-inner> section.s-block.features-store > div > div > div > div:nth-child(4) > div{background:var(--sec-color); ;border:2px solid var(--main-color); }
#app > div.app-inner > section.s-block.features-store > div > div > div > div:nth-child(1) > div ,#app > div.app-inner > section.s-block.features-store > div > div > div > div:nth-child(3) > div{background:var(--main-color); ; border:2px solid var(--sec-color);}
/* 2️⃣ راحة تامة */
.grid > div:nth-child(2) .feature-icon {
    background-image: url("https://cdn.files.salla.network/homepage/474679202/3607fd14-44f9-4f7d-85b9-cd77fa7eb31a.webp");
}

/* 3️⃣ تقسيط مريح */
.grid > div:nth-child(3) .feature-icon {
    background-image: url("https://cdn.files.salla.network/homepage/474679202/eefe1dac-c713-4963-b686-8435e056d443.webp");
}

/* 4️⃣ هدية تعليمية */
.grid > div:nth-child(4) .feature-icon {
    background-image: url("https://cdn.files.salla.network/homepage/474679202/1729e3fd-5f78-4653-a9d2-34025aa4191f.webp");
}




/*  products */
.s-slider-block__title-right h2 {
    color: var(--sec-color) !important;
}



.s-button-btn {
    background: #E1EBF8  !important;
    border:1px solid #E1EBF8  !important ;
}
.s-product-card-entry {
    border: 1px solid #6da0de85  !important; }


section.s-block.bg-gray-50 {background:var(--white-color);
}



.flex.py-3.px-6.items-center.justify-center.button-style.transition-all.rounded ,h6.font-semibold{
  display: none;
}
/*  قائمة عناصر*/
.banner-entry {
    background: white ;
}
/*  قائمة عناصر*/
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{        grid-template-columns: repeat(6, minmax(0, 1fr));}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div .banner-entry {
    height: 178px;
    }

@media (max-width: 767px){#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div .banner-entry {
    height: 123px;
    }
                         
                         #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.s-block--banners.container > div{        grid-template-columns: repeat(3, minmax(0, 1fr));}
}

#app > section.s-block.product-slider-sky > div > div.nc-p-l-container.xxxs\:pr-4.xxs\:pr-4.xs\:pr-4 > div > div.lg\:col-span-3.xxxs\:col-span-1.xxs\:col-span-1.xs\:col-span-1 > div > p ,#app > section.s-block.product-slider-sky > div > div.nc-p-l-container.xxxs\:pr-4.xxs\:pr-4.xs\:pr-4 > div > div.lg\:col-span-3.xxxs\:col-span-1.xxs\:col-span-1.xs\:col-span-1 > div > h3{display:none}


#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(21) > div > div > div.col-span-6 > a > div > div.intro-animation-3.relative.z-1.md\:px-5.md\:py-5.sm\:px-2.sm\:py-2.xxxs\:px-2.xxxs\:py-2.xxs\:px-2.xxs\:py-2.xs\:px-2.xs\:py-2.h-full.flex.flex-col.items-start.justify-end > div ,#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(21) > div > div > div:nth-child(2) > a > div > div.intro-animation-3.relative.z-1.md\:px-5.md\:py-5.sm\:px-2.sm\:py-2.xxxs\:px-2.xxxs\:py-2.xxs\:px-2.xxs\:py-2.xs\:px-2.xs\:py-2.h-full.flex.flex-col.items-start.justify-end > div ,#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(21) > div > div > div:nth-child(1) > div > div.relative.z-1.px-5.py-5.h-full.flex.flex-col.items-start.justify-between > div{background-color:#d89ab6c4 ; border-radius:12px;padding:20px ; text-align:center ;}
#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.product-slider-sky > div > div.nc-p-l-container.xxxs\:pr-4.xxs\:pr-4.xs\:pr-4 > div > div.lg\:col-span-3.xxxs\:col-span-1.xxs\:col-span-1.xs\:col-span-1 > div > h3 ,#app > div.app-inner.flex.flex-col.min-h-full > section.s-block.product-slider-sky > div > div.nc-p-l-container.xxxs\:pr-4.xxs\:pr-4.xs\:pr-4 > div > div.lg\:col-span-3.xxxs\:col-span-1.xxs\:col-span-1.xs\:col-span-1 > div > p ,#app > div.app-inner.flex.flex-col.min-h-full > section:nth-child(21) > div > div > div:nth-child(1) > div > div.relative.z-1.px-5.py-5.h-full.flex.flex-col.items-start.justify-between > div > div {display:none}



/* موبايل فقط */
@media (max-width: 768px) {
  #app > div.app-inner.flex.flex-col.min-h-full > section.s-block.product-slider-sky > div > div.absolute.w-screen.lg\:w-\[40vw\].h-full.top-0.z-0.rtl\:right-0.ltr\:left-0.rtl\:rounded-l.ltr\:rounded-r.overflow-hidden > img {
      object-fit: contain !important;
  }
    .rtl\:right-0:where([dir="rtl"], [dir="rtl"] *) {
    right: 0;
    top: -367px;
    margin-block:220px ;
}

    .s-slider-block__title-right h2{font-size:24px  !important;}
}