/* Add custom CSS styles below */ 

@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--light {
          background-color: #dcdecb;
    }
.filters-opened .close-filters, .menu-opened .btn--close-sm.close-mobile-menu {
        background-color: #31331d;
    }
}





@media (min-width: 1280px) {
    .s-block--hero-slider .swiper-slide 
  {height: 680px;}
.store-header{   
    z-index: 99999;
    width: -webkit-fill-available;}
}
.topnav-is-dark .top-navbar {
    display: none;}
.bg-white, body, .s-block--slider-with-bg {
    background-color: #dcdecb;
}

.s-block--hero-slider .swiper-slide .overlay-bg:after {
    background-color: rgb(0 0 0 / 19%);
}

.s-button-primary-outline {
    fill: #dddfcc;
    fill: #dddfcc;
    color: #dddfcc;
    color: #dddfcc;
    background-color: #414426;
}
.s-product-card-entry, .s-block--features__item {
    background-color: rgb(240 241 228);
}
.swiper-slide-visible > .bg-cover
{
    animation: zoom-in-out 20s ease infinite alternate; 
}

@keyframes zoom-in-out {
    0% {
        transform: scale(1); /* Initial size */
    }
    100% {
        transform: scale(1.2); /* Zooms in by 20% */
    }
}

.fixed-header{ background-color: #dcdecb !important}

#mainnav {background: linear-gradient(to bottom, #dcdecb, #dcdecbc9) }
.header-btn__icon {
    border-color: rgb(65 68 38);}
.s-product-options-wrapper, .s-comments-product {
    background-color: rgb(0 0 0 / 0%) !important;
    padding-bottom: 0 !important;
}