/* Add custom CSS styles below */ 
@media (min-width: 1024px) {
    .index header.store-header:not(header.store-header:has(.main-nav-container.fixed-pinned .inner)) {
    position: absolute;
    top: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
    border-radius: 0 0 50px 50px;
    }
    .index #mainnav{
      color: #fff !important;
      background-color: transparent !important;
    }
  .index .sub-menu *{
    color: #000 !important;
  }
  .index input[type="search"]{
    background-color: #fff !important;
  }
  .index [data-testid="store-header-contacts"] *{
    color: #fff !important;
  }
  .index .s-user-menu-login-btn svg,
  .index .sicon-shopping-bag{
    fill: #fff !important;
    color: #fff !important;
  }
}

.fixed-header .inner{
  background-color: #602d82 !important;
}
.fixed-header .navbar-brand img[src="https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ZEYqO/rXVlrGEB9C4NGtQeCWpq57isWASSAgNfScHeUUxS.png"]{
  content:url("https://i.ibb.co/jmsvwKX/Mask-group-30.png") !important;
}

@media(max-width:768px){
  .fixed-header .s-user-menu-login-btn svg,
  .fixed-header .sicon-shopping-bag,
  .fixed-header .sicon-menu,
  .fixed-header .s-cart-summary-total{
    fill: #fff !important;
    color: #fff !important;
  }
}

body{
  background-color:  #ffffff !important;
}
/** silder block ***/


section.s-block.s-block--photos-slider {
    margin-top: 0;
}

section.s-block.s-block--photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
section.s-block.s-block--photos-slider .swiper-slide,
section.s-block.s-block--photos-slider .swiper-slide img {
    border-radius: 0 !important;
}

section.s-block.s-block--photos-slider .swiper.s-slider-container {
    padding: 0 !important;
}

@media(min-width:768px){
  section:nth-of-type(2) {
    display: none !important;
  }
}
@media(max-width:768px){
 section:nth-of-type(1) {
    display: none !important;
  }
}


/** End silder block ***/

.banner-entry,
.banner  img{
  background-color: transparent !important;
}




/**** قائمة العناصر الاولي ***/

section:nth-of-type(3) .grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
}

section:nth-of-type(3) .grid  a:nth-of-type(1){
  grid-column: span 2 !important;
  margin-top: -30px; !important;
}
@media(min-width:768px){
  section:nth-of-type(3) .grid  a{
    height: 530px !important;
  }
}

@media(max-width:768px){
  section:nth-of-type(3) .grid{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 15px !important;
}
  section:nth-of-type(3) .grid  a:nth-of-type(1){
  margin-top: 0px; !important;
  order: 1 !important;
}
  section:nth-of-type(3) .grid  a{
    height: 317px !important;
  }
  
}




/*** المنتجات ***/
salla-products-slider .s-slider-block__title{
  display: none !important;
}

custom-salla-product-card{
  border: 2.25px solid #B2B2B2 !important;
  border-radius: 33px !important;
}
custom-salla-product-card .s-product-card-image{
  background-color: transparent !important;
  padding: 15px;
}
custom-salla-product-card .s-product-card-image img{
  border: 2.25px solid #B2B2B2 !important;
   border-radius: 33px;
}
custom-salla-product-card .s-product-card-content{
  text-align: center !important;
  
}
custom-salla-product-card .s-product-card-content-sub {
  justify-content: center !important;
}
custom-salla-product-card .s-product-card-content-title,
custom-salla-product-card .s-product-card-sale-price h4{
  font-weight: 700 !important;
}
custom-salla-product-card .s-product-card-sale-price h4{
  color: #EC7438 !important;
}
custom-salla-product-card button[product-status="sale"]{
  background-color: #000 !important;
  color: #fff !important;
}




/****  قايمة العناصر التانيه والثالثة***/
section:nth-of-type(7) .grid a,
section:nth-of-type(10) .grid a{
  height: 385px !important;
}

@media(max-width:768px){
  section:nth-of-type(7) .grid a,
  section:nth-of-type(10) .grid a{
  height: 240px !important;
}
}



/*** قايمة العناصر الرابعه ***/

section:nth-of-type(14) .grid{
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
@media(max-width:768px){
 section:nth-of-type(14) .grid{
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
}
  section:nth-of-type(14) .grid a{
  height: 100px !important;
}
}



.store-footer__inner {
    background: #000 !important;
    color: #fff ;
}

@media (max-width: 992px) {
    .store-footer__inner * {
        justify-content: center;
        text-align: center;
    }
  [data-testid="store-footer-apps"]{
    display: flex !important;
  }
  [data-testid="store-footer-apps"] img{
    width: 30% !important;
  }
}