/* Add custom CSS styles below */ 

:root {
    --main-color: #d4b045;
    --second-color: #574f31;
    --third-color: #FFFAE85E;
    --white-color: #fff;
    --black-color: #000
}
.special-categories .single-banner {
    flex: 0 0 50%;
    max-width: 50%;
    position: relative;
}

.special-categories .group-banner {
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.promo_with_countdown.s-block.promo_with_countdown--6.s-block--animate a.inline-flex.bg-white\/10.px-3\.5.py-2\.5.text-sm.font-semibold.shadow-sm.hover\:bg-white\/20.focus-visible\:outline.focus-visible\:outline-2.focus-visible\:outline-offset-2.focus-visible\:outline-white,
.special-categories.enhanced_btns .group-banner .banner-wrapper-infor .banner-button,
a.advanced-slider__caption__inner__content__button,
a.btn.group.bg-primary.text-primary-reverse.h-12.\!px-6.mt-8.gap-2.\!rounded-none {
    border-radius: 50px !important;
}



.top-navbar:not(.topnav-has-bg)
{    color: var(--main-color) !important;

    background: var(--third-color) !important
}

.main-nav-container *,
.promo_with_countdown.s-block.promo_with_countdown--6.s-block--animate .tracking-tight {
    color: var(--main-color) !important
}

.main-nav-container span,
.mm-spn li a,
.mm-spn li span {
    color: var(--main-color) !important;
    font-weight: 700
}

.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: #fff !important
}

.s-block--animated-brands--brand img {
    height: 150px;
    width: 150px
}

@media(max-width:992px) {
    .s-block--animated-brands--brand img {
        width: 100px;
        height: 100px
    }

    section.s-block.s-block--special-products-slider .max-h-\[350px\] {
        max-height: 800px
    }

    section.s-block.s-block--special-products-slider .object-cover {
        background-color: #fff !important
    }

    .index .s-block s-block--about .anime-item {
        text-align: center
    }
    
    .special-categories__content {
    display: flex !important;
    flex-wrap: wrap!important;
}.special-categories .single-banner {
    flex: 0 0 50%!important;
    max-width: 50%!important;
}.special-categories .group-banner {
    flex: 0 0 50%!important;
    max-width: 50%!important;
    display: flex!important;
    flex-wrap: wrap!important;
}
.special-categories .group-banner .banner-1 {
    flex: 0 0 100%!important;
    max-width: 100%!important;
}
.special-categories .group-banner .banner-2,
.special-categories .group-banner .banner-3
{
    flex: 0 0 50%!important;
    max-width: 50%!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
}

.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;
    border-radius: 50px !important
}



.products-lookbook__label {
    font-size: 16px
}


/*

@media(max-width:922px) {
    .single-banner{
        padding-left: 5px;
        padding-right: 5px;

    }

    .special-categories .group-banner .banner-1 {

        padding-right: 5px;

    }

}
*/
.brands-index .brands-nav.is-sticky:where([dir="rtl"], [dir="rtl"] *) {


    display: none;

}


.brands-index .brand-char {

    background-color: transparent;
    color: var(--main-color) !important;
    font-weight: 700;



}

.brands-index .brand-item {

    background: var(--third-color);
    border: 1px solid var(--main-color);

}
section.promo_with_countdown.s-block.promo_with_countdown--15 .hover\:bg-white\/20 {
    background-color: var(--main-color) !important;
    color:#fff  !important;
    border-radius:50px;