/* Add custom CSS styles below */ 
div#header-mainbar {
    background: #22216a;
}
.store-footer{
    background: #22216a;
}

.container.sides-wrap{
    background: #22216a;
}

.container.flex.flex-col.justify-between.h-full.lg\:h-auto.lg\:block{
    background: #22216a;
}

.inner.bg-inherit{
    background: #22216a;
}

.inner.bg-inherit{
    background: #22216a;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center{
    background: #22216a;
    color: white;
}

.mainbar-is-dark .search-bar .s-search-input
{background-color:#22216a;}

.mainbar-is-dark .header-mainbar.fixed-pinned .inner, .mainmenu-is-dark #mainnav.fixed-pinned .inner
{background-color:#22216a;}

ul.main-menu{background-color:#22216a;}



@media (max-width: 1024px) {
    #mainnav .inner {
        position: relative;
        top: 0px;
        z-index: 10;
        height: 100%;
        overflow-y: auto;
        background-color: #22216a;
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;}
  
  .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *)
{padding:5px!important;}

  .carousel-slider .swiper
{margin:0px!important;}`

}


@media (max-width: 767px) {
  
.slide--cat-entry i
{height: 6rem;
    width: 6rem;}
salla-slider .slide--one-sixth {
    width: 33.3%;}
.slide--cat-entry h4 {font-size: 15px;}
}