/* =============AllVariables====================*/
:root {
    --primary-color: #AB92DD;
    --secondary-color: #fff;
}




/*============== banners =====================*/
section.s-block.s-block--anime.s-block--fixed-banner.wide-placeholder:nth-of-type(1){
  margin-top:0;
}

section.s-block.s-block--anime.s-block--fixed-banner.wide-placeholder:nth-of-type(1) .container,

section.s-block.s-block--anime.s-block--fixed-banner.wide-placeholder:nth-of-type(9) .container{
  max-width: 100%; 
    padding-left: 0;
    padding-right: 0;
}

section.s-block.s-block--anime.s-block--fixed-banner.wide-placeholder:nth-of-type(1) .container img.lazy.loaded,

section.s-block.s-block--anime.s-block--fixed-banner.wide-placeholder:nth-of-type(9) .container img.lazy.loaded{
  border-radius: 0;
}


/*==============الشريط المتحرك==============*/
section.s-block.s-block--marquee.s-block--full-bg.relative.bg-gray-50.overflow-hidden.bg-gradient-to-r.from-inherit.to-inherit{
  margin-top:0;
}




/*===============categories====================*/

@media (min-width: 768px) {
.swiper-slide.anime-item.slide--one-eighth{
  width: 255px;
}
}




/*==================prodcut=====================*/
.product-entry--vertical .product-entry__content{
  background-color: #fff;
}



/*=============== صور مربعه محسنه===========*/

@media (min-width: 768px) {
    section.s-block.s-block--anime.s-block--banners.s-block--enhanced-square-banners.container.with-gradient-overlay .banners-grid--3{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

    .banners-grid--3 .banner-entry:first-child{
        grid-column: span 2;
    }
    
    .banners-grid--3 .banner-entry:nth-child(2), .banners-grid--3 .banner-entry:nth-child(3){
       grid-row: span 4;
      grid-column: span 2;
    }

}




/*=================صور مربعه1و 2==============*/
@media (min-width: 640px) {
   section.s-block.s-block--banners.s-block--square-photos.container .sm\:gap-8 {
        gap: 1rem;
    }
}


@media (max-width: 768px) {
.s-block--square-photos .banner-entry{  
      height: 120px;
  }
}



/*
section.s-block.s-block--banners.s-block--square-photos.container .banner-entry{
    background-color: transparent;
}

section.s-block.s-block--banners.s-block--square-photos.container .banner-entry .lazy__bg.lazy.entered.loaded{
    background-repeat: no-repeat;
    background-size: contain;
}
*/


/*========== 2صور مربعه features================*/

section:nth-of-type(17){
    padding: 70px;
    background: radial-gradient(circle, #F9A2BF, #B5C0F4);
    border-radius: 1rem;
   
}