/* Add custom CSS styles below */
/* Add custom CSS styles below */

:root {
    --main-color: #483e59;
    --second-color: #CAB8E7;
    --third-color: #303030;
    --white-color: #fff;
    --black-color: #000
}

html.selia-theme.hydrated.dark .main-nav-container *,
html.selia-theme.hydrated.dark .main-nav-container span,
html.selia-theme.hydrated.dark .mm-spn li a,
html.selia-theme.hydrated.dark .mm-spn li span {
    color: var(--second-color) !important;
    font-weight: 700
}

button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline {
    background: var(--main-color) !important;
    color: var(--white-color) !important;

}
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl], [dir=rtl] *):after,
[dir=rtl] .mm-spn.mm-spn--navbar:after,
span.s-cart-summary-count {
    background: var(--main-color) !important;
    color: var(--second-color) !important
}

.review .flex.flex-col.justify-between.h-full.w-full.p-\[1\.4rem\].bg-store-bg-secondary.rounded-md.shadow-\[rgba\(50\,_50\,_105\,_0\.15\)_0px_2px_5px_0px\,_rgba\(0\,_0\,_0\,_0\.05\)_0px_1px_1px_0px\] {
    border: 1px solid var(--main-color)
}

a.btn.btn--outline-primary {
    background: var(--main-color) !important;
    color: var(--second-color) !important;
}

section.s-block.s-block--special-products-slider .space-y-4.lg\:space-y-8.absolute.top-0.left-0.w-full.h-full.flex.flex-col.items-center.justify-center.px-2\.5.py-10.lg\:p-10.z-\[1\] {
    justify-content: end !important
}

section.s-block.s-block--banners.container .lazy__bg.lazy.entered.loaded {
    background-size: contain;
    background-repeat: no-repeat;
}

section.s-block.s-block--banners.container .md\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

section.s-block.s-block--banners.container .banner-entry {
    background-color: transparent !important;

    height: 300px;
}
@media(max-width:991px) {
    section.s-block.s-block--banners.container .banner-entry {
        background-color: transparent !important;

        height: 100px;
    }

}
@media(min-width:991px) {

    .s-block--special-products-slider .lg\:p-10 {
        padding: 3.25rem;
    }

    section.promo_with_countdown.s-block.promo_with_countdown--7 .md\:left-0 {
        right: 0px;
    }

    section.promo_with_countdown.s-block.promo_with_countdown--7 .md\:ml-auto {
        margin-right: auto !important;
        margin-left: 1px !important;

    }




}


html.selia-theme.dark.hydrated section#about-6 .lg\:text-4xl {
    font-size: 2.25rem;
    color: var(--second-color);
}


.lg\:w-1\/3.flex.items-center.justify-center.bg-cover.bg-no-repeat.text-center.relative.min-h-\[250px\].max-h-\[350px\].md\:max-h-\[700px\].has-overlay--opacity-option.has-overlay--opacity-0,
img.lazy.w-full.h-full.object-cover.object-center.min-h-\[250px\].max-h-\[350px\].lg\:max-h-\[700px\].loaded {
    background-color: transparent !important;
    object-fit: contain !important;
}

@media(max-width:792px) {

 .lg\:w-1\/3.flex.items-center.justify-center.bg-cover.bg-no-repeat.text-center.relative.min-h-\[250px\].max-h-\[350px\].md\:max-h-\[700px\].has-overlay--opacity-option.has-overlay--opacity-0, img.lazy.w-full.h-full.object-cover.object-center.min-h-\[250px\].max-h-\[350px\].lg\:max-h-\[700px\].loaded {
    background-color: transparent !important;
    object-fit: contain!important;
    min-height: 600px;
}
}