/* Add custom CSS styles below */ 
body {
  background-color: #f8f8fe;
}
.has-overlay:after {
    background-color: transparent;
}
.s-product-card-image {
    background-color: transparent;
}
.s-comments-product{
  background-color: #f8f8fe;
}

.s-product-card-vertical .s-product-card-wishlist-btn button {
  display: none;
}


@media (min-width: 1024px) {
  section.s-block:nth-of-type(2) .swiper-wrapper {
    width: 70% !important;
  }
}
@media (max-width: 767px) {
  section.s-block:nth-of-type(2) .swiper-wrapper {
    width: 50% !important;
   
  }
}

@media (max-width: 767px) {
  section.s-block:nth-of-type(4) > .container {
    padding: 0 !important;
  }
}

@media (max-width: 767px) {
  section.s-block:nth-of-type(3) .swiper-wrapper,
  section.s-block:nth-of-type(8) .swiper-wrapper,
  section.s-block:nth-of-type(5) .swiper-wrapper, 
  section.s-block:nth-of-type(7) .swiper-wrapper,
   section.s-block:nth-of-type(6) .swiper-wrapper{
    width: 50% !important;
  }
}
  section.s-block:nth-of-type(4) .banner--fixed img {
  border-radius:0!important;
  background-color: transparent!important;
}

.slide--cat-entry {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: inherit;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
}

.slide--cat-entry i {
    font-size: 30px;
    width: 70px;
    height: 70px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; /* المسافة بين الأيقونة والنص */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.slide--cat-entry h2 {
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    color: #333;
}

 /* خدمات تيك توك (أسود) */
.swiper-slide:nth-child(2) .slide--cat-entry i {
    background-color: #000;
    color: #fff; /* لون الأيقونة داخل المربع */
}

/* خدمات تويتر (أزرق) */
.swiper-slide:nth-child(3) .slide--cat-entry i {
    background-color: #1DA1F2;
    color: #fff;
}

/* خدمات انستقرام (تدرج انستقرام) */
.swiper-slide:nth-child(4) .slide--cat-entry i {
    background-color: #e749fd;
    color: #fff;
}

/* خدمات اليوتيوب (أحمر) */
.swiper-slide:nth-child(5) .slide--cat-entry i {
    background-color: #FF0000;
    color: #fff;
}

/* بطاقة ألعاب (بنفسجي) */
.swiper-slide:nth-child(1) .slide--cat-entry i {
    background-color: #7f5af0;
    color: #fff;
}

/* بطاقات اتصال (أخضر) */
.swiper-slide:nth-child(7) .slide--cat-entry i {
    background-color: #22c55e;
    color: #fff;
}

/* تيلجرام (سماوي) */
.swiper-slide:nth-child(6) .slide--cat-entry i {
    background-color: #0088cc;
    color: #fff;
}
.s-block.s-block--best-offers:nth-of-type(3) {
   background-color:hsla(212,0%,100%,1);
background-image:
radial-gradient(at 83% 57%, hsla(199,77%,64%,1) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(24,100%,49%,1) 0px, transparent 50%),
radial-gradient(at 13% 100%, hsla(289,100%,50%,1) 0px, transparent 50%),
radial-gradient(at 48% 13%, hsla(30,100%,51%,1) 0px, transparent 50%),
radial-gradient(at 84% 13%, hsla(44,100%,74%,1) 0px, transparent 50%),
radial-gradient(at 54% 50%, hsla(178,52%,58%,1) 0px, transparent 50%),
radial-gradient(at 100% 99%, hsla(256,100%,50%,1) 0px, transparent 50%);
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  
.h-full.object-contain.w-full {
  background-color: #f8f8fe;

}