body:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
     background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0));
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background:
    url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/exydG/VHOMjj06InC8DP2RXYElH4nCZ5N5DQYQAfNSSjI1.jpg);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 300px;
    animation-name: fade-in;
    animation-duration: 2.5s;
    transform: scale(0);
    border: none;
}

  

@keyframes fade-in {
    0% {
        opacity: 1;
        transform: scale(1);
    }

    75% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(.1);
    }
}

:nth-child(6 of section.s-block.s-block--fixed-banner.wide-placeholder) .container {
    max-width: 1280px;
}

:nth-child(7 of section.s-block.s-block--fixed-banner.wide-placeholder) .container {
    max-width: 1280px;
}


/* Global */
body {
  background-color: #fff !important;
}

.s-block.s-block--fixed-banner.wide-placeholder .container {
  max-width: 100%;
  padding-right: 0;
  padding-left: 0;
}

.banner--fixed img {
  border-radius: 0;
  background-color: transparent;
}

.s-block {
  margin-top: 0;
}
/* End of Global */


/* Main Banner */
:nth-child(1 of section.s-block.s-block--fixed-banner.wide-placeholder) {
    margin-top: 0;
    padding-top: 0;
}
/* End of Main Banner */


/* Categories */
.slide--cat-entry h2 {
  font-size: 1rem;
}

.s-slider-controls-outer .s-slider-block__title-nav {
    display: none;
}

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a {
  background-color: transparent;
  border-width: 0;
  height: 100%;
}

section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a > img {
  width: 100%;
  height: 100%;
  transition: .3s;
}

.rounded-full {
  border-radius: 0;
}

@media(min-width: 1024px) {
  section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper {
    justify-content: center;
  }
}


@media (min-width: 768px) {
    .md\:\!w-20 {
        width: 10rem !important;
    }
}

@media (min-width: 768px) {
    .md\:\!h-20 {
        height: 10rem !important;
    }
}


@media (max-width: 768px) {
    .\!h-14 {
    height: 6rem !important;
}
}

@media (max-width: 768px) {
  .\!w-14 {
    width: 6rem !important;
  }
}



section.s-block.s-block--categories .container .s-slider-wrapper .swiper.s-slider-container .swiper-wrapper .swiper-slide > a > img:hover {
  transform : translateY(10px);
  transform : scale(1.1);
}
/* End of Categories */


/* Store Features */
:nth-child(1 of section.s-block.s-block--banners.container) .one-row .banner-entry {
    background-color: transparent;
}

@media (min-width: 768px) {
    :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 992px) {
  :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 215px;
  }
}

@media (max-width: 992px) {
  :nth-child(1 of section.s-block.s-block--banners.container) .md\:grid-cols-3 .banner-entry {
    height: 100px;
  }
}

.lazy__bg {
      background-size: contain;
    background-repeat: no-repeat;
}

.gap-3 {
    gap: 0.75rem;
}
/* End of Store Features */


/* Footer */
.store-footer__inner {
  background-color: #E1E1DF;
}
.text-gray-400 {
   
    color: rgb(0 0 0);
}



.mx-w-550{
  max-width:550px;
  margin:0 auto;
}