body:not(.product-index):not(.product-single):after{
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background:white url(https://cdn.files.salla.network/theme/628973048/5268b760-7bcf-4274-9440-643b9bc8251e.webp);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    animation-name: fade-in;
    animation-duration: 1.5s;
    transform: scale(0);
    border: none;
     
}

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

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

    85% {
        opacity: .5;
        transform: scale(1)
    }

    99% {
        opacity: .2;
        transform: scale(1)
    }

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



/*********************************************/

 .navbar-brand img {
  max-height: 4rem;
  width: auto;
  max-width: 100px;
   animation-name: scale;
  animation-duration: 7s;
  animation-timing-function: linear;
    animation-iteration-count: infinite;
  animation-direction: alternate;
}
@keyframes scale {
    0% {
        
        transform: scale(1.0);
    }

    10% {
       
        transform: scale(1.1);
    }
    20% {
       
        transform: scale(0.95);
    }
    30% {
       
        transform: scale(1.0);
    }
    40% {
       
        transform: scale(1.1);
    }
    50% {
       
        transform: scale(1.0);
    }
 
    60% {
       
        transform: scale(1.1);
    }
    70% {
       
        transform: scale(1.0);
    }
      80% {
       
        transform: scale(0.95);
    }
      90% {
       
        transform: scale(1.1);
    }

  
    100% {
        
        transform: scale(1.0);
    }
}

@font-face {
    font-family: 'DIN Next LT Arabic';
    src: url('fonts/din-next-regular.woff2') format('woff2'),
         url('fonts/din-next-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body,h2,h3,h4,p,a,span,.promotion-badge {
    font-family: 'DIN Next LT Arabic', sans-serif !important;
}


/* Add custom CSS styles below */ 
section#square-photos-0,
section#square-photos-4  {
    margin-top: 0;
}
section.s-block.s-block--banners .container {
    max-width: 100% !important;
    padding: 0 !important;
   width:100%;
}
.square-photos-item.square-photos-item-hover.rounded {
    border-radius: 0;
}
.square-photos-grid .square-photos-item-hover:hover .lazy__bg {
    --tw-scale-x: none;
    --tw-scale-y: none;
    transform: none;
    filter: none;
}
.square-photos-grid .square-photos-item .photos-item-text .btn {
    border-radius: 0;
}
.square-photos-grid .square-photos-item .photos-item-text p {
    opacity: 1;
}
.photos-item-text.justify-start.text-start {
    padding: 3% !important;
}
.hero-slider-border {
    margin: 0 !important;
    padding: 1rem;
}
.s-block {
    margin-top: 50px;
}

.promotion-badge {
    color: #fff !important;
}

section#s-block--fixed-banner-0 {
    margin-top: 0 !important;
}
section.s-block.s-block--fixed-banner .container {
    width: 100% !important;
    padding: 0 !important;
}
.container {
    width:90%;
  max-width:100%;
}
.banner-entry {
    width: 100%;
    height: auto !important;
    min-height: auto !important;
  border-radius:0;
}
section:nth-of-type(3) .banner-entry {
    aspect-ratio: 22 / 9;
}

section:nth-of-type(8) .banner-entry {
    aspect-ratio: 15 / 9;
}

section:nth-of-type(10) .banner-entry {
    aspect-ratio: 7 / 9;
}


.s-block--fixed-banner .banner--fixed {
    border-radius: 0 !important;
    max-height: 100%;
    min-height: auto !important;
}
section#best-offers-9-slider
,section#best-offers-14-slider{
    background-color: #F8F8F8;
    padding-top: 4%;
    padding-bottom: 4%;
}
section#best-offers-9-slider .s-block__title .center-side
,section#best-offers-14-slider .s-block__title .center-side{
    background-color: transparent;
}

.footer-bottom.s-block {
    background-color: #1D1F1F;
}
@media (min-width: 1024px) {
    .features-home .features-home-grid, .s-block--features .features-home-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
      .square-photos-grid .square-photos-item .photos-item-text p {
max-width: 100%;
      }
}

.product-entry salla-add-product-button {
    width: 100%;
}
button.s-button-element.s-button-link.s-button-solid.s-button-primary-link.s-button-loader-center {
    width: 100%;
}
button.s-button-element.s-button-link.s-button-solid.s-button-primary-link.s-button-loader-center::before {
    content: "إضافة للسلة";
    display: inline-block;
    font-family: 'DIN Next LT Arabic', sans-serif !important; /* الخط اللي طلبتيه */
    font-weight: bold;
  color:#000000;
    margin-left: 5px; /* مسافة بسيطة لو فيه أيقونة جنب الكلمة */
}
button.s-button-element.s-button-link.s-button-solid.s-button-primary-link.s-button-loader-center:hover:before {
    color: #fff !important;
}


/***/
.s-block--categories-2 .swiper {
    padding-bottom: 80px !important;
}
.itme-categories .itme-cat-entry.slide--cat-entry img {
    object-fit: contain;
}

.card-effect:hover {
    border-radius: 0px !important;
    --tw-border-opacity: 0;
    border-color: transparent;
    --tw-shadow: none;
    --tw-shadow: ;
    box-shadow: none !important;
    box-shadow: none !important;
}
.card-effect:hover .card-border::after,.card-effect::after, .card-effect::before
,.card-effect:hover .card-border::before{
    display: none;
}
.s-block--categories-2 .itme-cat-entry:hover img {
    transform: none !important;
}
.itme-categories .itme-cat-entry.slide--cat-entry .main-links-title {
    bottom: -70px;
    justify-content: center;
  right: auto;
}
.main-links-title.break-all h4 {
    text-align: center !important;
}

.s-block-trust-testimonials__image-wrapper::before {
    display: none !important;
    opacity: 0 !important;
}


@media (max-width: 767px) {
  .details-slider-wrapper .details-slider .swiper-slide img {
    object-fit: contain !important;
}
  .container {
    width: 95%;
}
  .square-photos-grid .square-photos-item {
    min-height: 190px;
}
.s-block--features .s-block--features__item:nth-child(3) {
    left: -56%;
}
  section#best-offers-9-slider, section#best-offers-14-slider {
    padding-top: 10%;
    padding-bottom: 10%;
}
  .store-footer__top {
    text-align: center;
}
  .footer-content .flex.items-center.justify-start.gap-4.mt-2\.5.flex-wrap {
    justify-content: center;
}
 .footer-content img{
   margin: auto;
 }
  .s-product-card-content.grow .flex.justify-between.items-center.mt-auto{
    flex-direction: column;
}
  
}