/* Add custom CSS styles below */ 

.s-products-slider-card.swiper-slide {width:50%;}
@media (min-width: 768px) {
  .s-products-slider-card.swiper-slide {width:16.6666667%;}
  .s-products-list-wrapper{gap:1rem; grid-template-columns:repeat(6,minmax(0,1fr));}}
  
  .s-slider-block__title h2{
     background-color: #D7AE7D !important;
    font-size: 18px;
    font-weight: normal;
    color: #ffffff;
    padding: 0.5px 10px;
    border: 2px solid #334a50;
    border-radius: 15px; 
    text-align: center; 
    display: inline-block; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.s-block__title{
    background-color: #D7AE7D !important;
    font-size: 14px;
    font-weight: normal;
    color: #334a50;
    padding: 2px 15px;
    border: 2px solid #334a50;
    border-radius: 25px; 
    text-align: center; 
    display: inline-block; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.s-slider-block__display-all, .s-block__display-all{
    background-color: #D7AE7D !important;
    font-size: 14px;
    font-weight: normal;
    color: #334a50;
    padding: 2px 15px;
    border: 2px solid #334a50;
    border-radius: 25px; 
    text-align: center; 
    display: inline-block; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.s-slider-block__display-all:hover{
    background-color: #3F5259 !important;
    font-size: 14px;
    font-weight: normal;
    color: #D7AE7D;
    padding: 2px 15px;
    border: 2px solid #D7AE7D;
    border-radius: 25px; 
    text-align: center; 
    display: inline-block; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.store-footer h3{
  color: #D7AE7D;
  background: #334a50;
  border-radius: 25px;
  font-weight: bold;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

.store-footer__inner {
   background-color: #D7AE7D;
   font-size: 15px !important;
   border-radius: 50px; 
   text-align: center; 
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.store-footer .footer-container .footer-list a:hover {
   color: #FFF !important;
}

.transition-shadow{
  background-color: #D7AE7D;
  border: 2px solid #334a50;
  border-radius: 30px; 
}

.flex.flex-col.w-full.px-4.pb-8.-mt-8 h4 {
  color: #334a50; 
}

.flex.flex-col.w-full.px-4.pb-8.-mt-8 p {
  color: #FFFFFF; 
}

.header-container.container {
    box-shadow: none;
    background: url(https://cdn.salla.sa/form-builder/q7QFaholitnD43O9zKmsOtlAPbgxyis7CJwPHgaN.jpg);
    background-size: cover;
}

.text-gray-400{
   color: #3F5259 !important;
}

.s-add-product-button-main .s-add-product-button-mini-checkout:hover {
     color: #FFFFFF;
  border-color: #D7AE7D;
  background-color: #3F5259;
}

.is-sticky-product-bar .sticky-product-bar salla-add-product-button button[quick-buy]:hover {
     color: #FFFFFF;
  border-color: #D7AE7D;
  background-color: #3F5259;
}



.s-button-element:not(:disabled):not([loading]):hover{
    background-color: #3F5259 !important;
    font-size: 14px;
    font-weight: normal;
    color: #D7AE7D;
    padding: 2px 15px;
    border: 2px solid #D7AE7D;
    border-radius: 25px; 
    text-align: center; 
    display: inline-block; 
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

}

/*[dir="rtl"] .me-1 {
border: 2px solid #3F5259; 
  border-radius: 25%;
 color: #3F5259;
 border-color: #3F5259;
 background-color: #3F5259;
}
[dir="rtl"] .me-1:hover {
  color: #3F5259;
  border-color: #D7AE7D;
  background-color: #3F5259;
}*/