/* Add custom CSS styles below */ 

.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}


    @media (min-width: 480px) {
.banner-entry {
    padding: 4rem;
}
}

.two-row .banner-entry:first-child {
    padding-top: 2rem;
}

.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1;
}

@media (min-width: 768px)
.two-row .banner-entry:first-child {
    height: 100%;
}
.banner-entry {
height: auto;
}


.s-block--banners+.s-block--banners {
    margin-top: 0.5rem;
}




















.gap-3 {
    gap: 0.1rem;
}

.navbar-brand img {
    max-height:3.5rem;
    width: auto;
    max-width: 200px;
}
.salla-slider .slide--one-fourth{

width: 25%;
}
.swiper-slide {

width: 50%;

}
.s-product-card-entry {
border: 1px solid #dfdfdf;

}





.s-product-card-fit-height .s-product-card-image{

height: 16rem;
max-height: 20rem;
}




















.salla-slider .slide--one-fourth{

width: 25%;
}
.swiper-slide {

width: 50%;

}
.grid-cols-\[repeat\(2\2c minmax\(0\2c 1fr\)\)\] {
    grid-template-columns: repeat(1,minmax(0,1fr));
}
.sicon-user-circle:before {
    content: "\f078";
}
.s-product-card-entry {
border: 1px solid #dfdfdf;

}

.sicon-user-circle:before {
content: "\f078";
}



.s-block--banners+.s-block--banners {
    margin-top: 1rem;
}




.s-product-card-fit-height .s-product-card-image{

height: 16rem;
max-height: 20rem;
}
.promotion-title {
background-color: #c69843;
 color: #ffffff;

}

.header-btn__icon {
    color: #f9f9d0;
    border-color: #ffffff;
    background-color: #564f4f;
}



a.social-link{
 background-color: #564f4f;

}
.s-product-card-promotion-title {

 background-color: #564f4f;
 color: #ffffff;
}
button.btn--close-sm.close-mobile-menu.sicon-cancel.hidden { 

 background-color: #564f4f;
 color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center {

 background-color: #564f4f;
color: #ffffff;
}


button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-primary.s-button-loader-center:hover {

 background-color: #ffffff;
color: #564f4f;
}



button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {


    background-color: #564f4f;
color: #ffffff;



}


button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {

border-color: #ffffff;

    background-color:#ffffff;
color: #debe5c;


}





button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center {



    background-color: #debe5c;
color: #ffffff;

}

button.undefined.s-button-element.s-button-btn.s-button-solid.s-button-wide.s-button-primary.s-button-loader-center:hover {



    background-color: #ffffff;
color: #debe5c;

}






button.s-quick-buy-button.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-after:hover{

color: #ffffff;

border-color: #ffffff;
    background-color: #564f4f;




}



.text-primary {
    color: #1e1d22;
}

.header-btn__icon:hover {
color: #564f4f;

border-color: #564f4f;
    background-color: #ffffff;

}
.s-cart-summary-count {
border-color: #564f4f;

    background-color: #564f4f;

}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center:hover {

    background-color: #ffffff;
color: #564f4f;
  border-color: #564f4f;



}

.s-button-primary-outline:hover {
 
    background-color: #ffffff;
  
    color: #564f4f;
}







a.s-block__display-all {
    color: #564f4f;
}

.s-block--features__item .feature-icon i {
color: #ffffff;

}



.s-block--features__item .feature-icon {

background-color: #564f4f;
         }
      


 salla-slider.photos-slider .swiper-slide
     {
     
         width: 100%;
         }
      


.swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {  
    padding: 0rem;

} 
.grid.md\:grid-cols-3.two-row.grid-flow-row.gap-3.sm\:gap-8 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}

.grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
@media (min-width: 768px)
.md\:grid-cols-4 {
    grid-template-columns: repeat(4,minmax(0,1fr));
}



.two-row .banner-entry:first-child {
    grid-column: span 1/span 1;
    grid-row: span 1/span 1;
}
.two-row {


   }
@media (max-width: 768px)
.banner-entry {
padding:3rem;

}


.banner-entry {
    height: auto;
      
   }
      [dir=ltr] salla-slider.photos-slider .swiper{
   
   padding:0.5rem;
   
  } 
 

   
[dir=rtl] salla-slider[type]:not(.hydrated)>div, [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div, [dir=rtl] .carousel-slider .swiper {
    padding: 0.5rem;
}


   salla-slider.photos-slider .swiper-slide
     {
     
         width: 100%;
         }
         



.banner--fixed img {
  
    border-radius:2rem;  
         
         }
         
         .topnav-is-dark .top-navbar {
    background: url(https://cdn.discordapp.com/attachments/765367810972581892/884064694611099648/hi2.jpg);
}
div#mainnav {
    box-shadow: 0px 5px 0px 0px rgba( 0 , 0 , 0 , 0);
    position: ;
    background: url(https://cdn.discordapp.com/attachments/765367810972581892/884064694611099648/hi2.jpg);
    border-bottom-right-radius: 2rem;
    border-bottom-left-radius: 2rem;
}
         
         .swiper.s-slider-container.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
         padding-left: 0rem;
}
         salla-slider.photos-slider .swiper-slide {
 
    border-radius: 0.375rem;
}
    
.banner-entry {
 
    height: 100%;
  
    border-radius: 0.375rem;
  
     

}







 
 

.store-footer__inner {

    background-color: #564f4f;
    color: #ffffff;
    border-top-left-radius: 20rem 1rem;
    border-top-right-radius: 20rem 1rem;

    
}
.store-footer {
    background-color: #ffffff;
}


a.flex.items-center.m-0 {

   justify-content: center;
}


.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
    display: grid;
        text-align: center;
    justify-items: center;
    
}
.footer-list.store-links-items {
    columns: 2;
}
.store-footer .contact-social {
border-top-width: 0px;
    margin-top: 0.25rem;
    padding-top: 0.25rem;
}

.s-block--features__item {

    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}
.s-block--features__item:first-child {
    grid-column: span 1/span 1;
}
.s-block--features__item .feature-icon {
cursor: pointer;
    transition: all .5s;
  
box-shadow: 0 4px 5px 1px rgba(64,60,67,.16);

}
.s-block--features__item {

    animation-name: slideInUp;
}

a.social-link {

background-color: rgba(255,255,255,var(--tw-bg-opacity));
  
box-shadow: 0 4px 5px 1px rgba(64,60,67,.16);





}


.store-footer .social-link {

color: #564f4f;
font-size: 1.125rem;

    height: 3rem;
    width: 3rem;
    align-items: center;
    justify-content: center;
    border-radius: 1.25rem;
    line-height: 1.75rem;



}

li.w-12.h-8.bg-white.rounded.flex.items-center.p-1 {

    border-radius: 1.25rem;
    border: 1px solid transparent;
    box-shadow: 0 2px 5px 1px rgba(64,60,67,.16);
}

.text-gray-400 {
    color:#fff;
    
    }
    
    
.md\:flex.items-center.justify-between.py-4.container.text-center {
    margin-top: 1rem;
        padding: 1rem;


    background-color: #564f4f;
  


}

.md\:flex {
    display: flex;
    flex-direction: column-reverse;
}
.text-gray-400 {
    margin-top: 1rem;
}
.copyright-text p {
    color:#fff;
}