/* Add custom CSS styles below */
:root {
    --main-color: #dab4b9;
    --alt-main-color: #70003f;
    --white-color: white;
}

.top-navbar {
    background: var(--main-color) !important
}

.top-navbar .s-search-input {
    background-color: var(--white-color) !important
}

@media (min-width: 1024px) {

    ul.main-menu,
    .main-menu li.root-level>a {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }
}

.main-menu li.root-level>a {
    position: relative;
}

.main-menu li.root-level>a::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    bottom: 0;
    background: var(--main-color);
    transition: 0.3s
}

.main-menu li.root-level>a:hover {
    transform: translateY(-3px);
    background-color: #eee
}

.main-menu li.root-level>a:hover::before {
    width: 100%
}

i.header-btn__icon.sicon-user-circle,
i.header-btn__icon.icon.sicon-shopping-bag,
i.sicon-menu {
    background: var(--main-color) !important;
    color: var(--white-color) !important;
    border: 0px !important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transition: 0.3s
}

i.sicon-menu {
    padding: 8px;
    border-radius: 50%
}

i.header-btn__icon.sicon-user-circle:hover,
i.header-btn__icon.icon.sicon-shopping-bag:hover {
    background: var(--white-color) !important;
    color: var(--alt-main-color) !important;
    box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
    transform: translateY(-3px);
    transition: 0.3s
}

@media (max-width: 480px) {
    div#mainnav {
        padding-top: 0.8rem !important
    }
}

section.s-block.s-block--photos-slider {
    margin-top: 0 !important
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper-slide {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    border-radius: 0 !important
}

section.s-block.s-block--photos-slider salla-slider.photos-slider .swiper {
    padding: 0 !important
}

section.s-block.s-block--fixed-banner.wide-placeholder>.container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    border-radius: 0 !important;
}

.s-block--features__item {
    background-color: transparent !important;
}



.s-button-btn {
    background-color: var(--main-color);
    border-radius: 10px;
    color: #000;
    transition: all 0.3s ease-in-out;
}

.s-button-btn:hover {
    background-color: var(--alt-main-color);
    color: #fff
}

.store-footer {
    background: transparent !important
}

.store-footer__inner {
    background: var(--main-color) !important;
    color: #3e3e3e
}

.s-contacts-icon {
    background-color: #fff;
    color: var(--alt-main-color)
}

@media(max-width: 767px) {


    .store-footer__inner * {
        text-align: center;
        justify-content: center
    }

    .navbar-brand img {
        max-height: 2rem;
    }
}