/* Add custom CSS styles below */ 
body#app {
    background-color:#F8EDD0;
}
#mainnav{
    background-color:#f8edd0;
}
.top-navbar{
    display:none;
}
.s-block--photos-slider{
    margin:0 ;
}
.s-block--photos-slider .s-slider-container ,
.s-block--photos-slider .swiper-slide-active{
    width:100% !important;
    padding:0 !important;
}
.s-block--photos-slider button{
    display:none !important;
}
.s-block--banners  .grid{
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
} 
.s-block--banners  .grid .banner-entry{
    grid-row: span 1 / span 2;
    background-color:transparent !important;
}
.s-block--fixed-banner img{
    background-color:transparent !important;
}
.s-block--best-offers {
    margin-bottom:3%;
}
@media(min-width:768px){
div#mainnav a.navbar-brand img{
    width:190px;
    min-height:100px !important;
}
    
}
@media(max-width:768px){
div#mainnav a.navbar-brand img{
    width:150px;
    min-height:60px !important;
}
    .s-block--banners  .grid .banner-entry:nth-of-type(2){
    transform: scale(1.1);
}
    .s-block--banners  .grid{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap:20px;
} 
    .s-block--banners  .grid .banner-entry {
        width:100PX;
        grid-column: span 2;
        justify-self:center;
        height:100px !important;
}
    .s-block--banners  .grid .banner-entry:nth-of-type(4) {
        grid-column: span 3;        
}
    .s-block--banners  .grid .banner-entry:nth-of-type(5) {
        grid-column: span 3;
        
}

}

.store-footer__inner,
.s-comments-product{
        background-color: #f8edd0 !important;
}
.md\:flex.items-center.justify-between.py-4.container.text-center {
    background-color: #d17b31 !important;
    margin: 0;
    max-width: 100% !important;
}
/*--------products--------*/
.s-block--best-offers.container .s-products-slider-card {
   height:400px !important;    
    margin:5px;
    
}
.s-product-card-vertical,
.s-block--best-offers.container .s-product-card-entry{
   background-color:#f8edd0;
   border:solid 3px #d17b31;
}
.md\:flex.items-center.justify-between.py-4.container.text-center p{
    color:white;
}
.s-block--best-offers.container button{
   background-color:#d17b31;
   color:white;
}
 .form.product-form .rounded-md {
    background-color:#f8edd0;
}
.store-footer *  {
    justify-content:center !important;
    text-align:center;
}
.store-footer .s-social-link a ,
.store-footer  .s-contacts-icon{
    border-color:black !important;
}