/* Add custom CSS styles below */ 
main#main-content {
    background: #ffffff;
}

.dark #app.app-body .store-header {
 --header-bg-color: #ffffff !important;
}

h2.enhanced-total-price.font-bold.text-lg.inline-block {
    color: #fff;
}

#app.btns-gradient .s-button-primary:not(.dm-btn-in-bg-sec) .s-button-text {
 color: #fff !important;
}

body#app.btns-gradient .product-block .aaliicon-add-to-cart-outer .s-button-text:before {
 color: #fff !important;
}

.swiper-wrapper {
    justify-content: center;
}

salla-slider[type]:not(.hydrated) > div:where([dir="rtl"], [dir="rtl"] *), salla-slider[type]:not(.hydrated) .swiper > div > div:where([dir="rtl"], [dir="rtl"] *), .carousel-slider .swiper:where([dir="rtl"], [dir="rtl"] *) {
    padding-left: 0 !important;
}

.s-slider-block__title-left {
    display: none;
}

.s-slider-block__title {
    justify-content: center;
    padding: 0;
}

.s-slider-block__title h2 {
  padding-left: 0 !important;
}

@media (min-width: 640px) {
    .navbar-brand img {
        max-height: 7rem;
    }
}

@media (min-width: 1024px) {
    .lg\:block {
        display: none;
    }
}

@media (min-width: 640px) {
    .s-block {
        margin-top: 1rem;
    }
}

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

.main-nav-container.fixed-pinned .navbar-brand img {
    max-height: 90px;
}

@media only screen and (max-width: 390px) {
    .header-logo-centered .navbar-brand img {
        max-height: 4rem;
    }
}

.mobile-nav-outer.small-shape .mobile-nav i {
    font-size: 1.2rem;
    margin-bottom: 1px;
    padding: 0.5rem;
}

#app.btns-gradient .btn-gradient, body#app.btns-gradient .s-button-primary {
    background: linear-gradient(175deg, var(--gradient-second), var(--gradient-first)) !important;
    border-width: 0 !important;
    color: var(--gradient-text-color) !important;
    fill: var(--gradient-text-color) !important;
    padding: 1.2rem;
    font-size: 1rem;
}

#app .s-cart-summary-count, .header-wishlist-count i.icon-heart::after {
    background-color: #fff;
    color: #000850;
}

.header-is-dark #mainnav .header-btn__icon{
    font-size: 1.8rem !important;
}

div#s-cart-icon {
    padding: 0.28rem;
}

.footer-is-dark .store-footer .text-gray-400 {
    color: #fff !important;
    font-size: 1rem;
}

@media only screen and (max-width: 390px) {
    .header-logo-centered .navbar-brand img {
        max-height: 7rem;
    }
}

.navbar-brand img {
    max-height: 6.5rem;
    width: auto;
    max-width: 170px;
}