/* Add custom CSS styles below */ 

:root{


--logo: url(https://cdn.salla.sa/nEvEwD/0h8HSvUA1GbG9XYpYNmgctbxj3MndHVsdJM2qmgB.png);
--back: #f2b705;
--back2:linear-gradient(to left, ##f2b705, #000) ;
}


body{
background-color:#000;

}

.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: var(--back) var(--logo);
    position: fixed;
    top: 0;
    z-index: 99999999999999999 !important;
    background-size: 250px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    bottom: 0;
    left: 0;
    right: 0;

}

@keyframes logobg {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        visibility: hidden
    }
}


.s-block__title h2 {
    color: #fff;
}

p {
   color: #f2b705;
}

.footer-profile p {
   color: #f2b705;
   
}
.store-footer a {
      color: #f2b705;
}

img{
  background-color: #f2b705;
}

.s-slider-block__title h2 {
      color: #fff;
}



h2{

  color: #c30010;
}

.s-slider-block__display-all {
    color:#c30010;

}

.s-block__display-all, .s-slider-block__display-all {
 color:#c30010;
}

.link--primary {
    color: #000;
   
}
.text-primary {
    color: #000;
  
}
.text-gray-500 {
  color: #F2B705;
}


h1 {
    color: #F2B705;
}

.s-block--faqs .faqs-list input:checked+div label {
    color: #000;
   
}
.bg-gray-100 {
     
    background-color: #fff;
  border-color: #F2B705;
   
}

.home-slider,
.banner,
.slider {
  position: relative;
}

/* زر تسوق الآن */
.btn-primary{

  position: absolute !important;
  top: 230px;   
  left: 70px;     
  z-index: 10;
}

/* موبايل */
@media (max-width: 768px) {
  .btn-primary {
    top:168px;
    left: 20px;
  }
}




.s-add-product-button-mini-checkout-content:where([dir=rtl],[dir=rtl] *) {
   color: #000;
}
.s-add-product-button-main {
    color: #000;
}

.hydrated, .is-sticky-product-bar ,.sticky-product-bar salla-add-product-button{

  color: #000;

}





.s-product-card-sale-price h4 {

    color: #fff;
   font-weight: 600;
  font-size: 15px;
   
}

.text-gray-600 {
   
    color: #fff;

}

.s-block__title p {
    color: #F2B705;

}


.s-quantity-input-button, 
.s-quantity-input-button:hover, 
.s-quantity-input-button:focus {
    opacity: 1 !important; 
    transition: none !important; 
    box-shadow: none !important; 
    
}


.s-quantity-input-button i, 
.s-quantity-input-button svg {
    opacity: 1 !important;
    fill: currentColor !important;
}



.s-product-options-multiple-options-wrapper input {

    color: #000;
   
}