/* Background color header-container */
    .top-navbar {
        background-color: #dac18d;
    }
@media (min-width: 1024px) {
    .top-navbar {
        padding-bottom: 0.375rem;
        padding-top: 0.375rem;
        background-color: #dac18d;
    }
}
.s-user-menu-login-btn {
        background-color: transparent !important;
}
.bg-inherit {
    background-color: #dac18d !important;
}
.mm-spn.mm-spn--navbar ul {
    background-color: #f0ede6 !important;
}
@media only screen and (max-width: 1024px) {
    .mm-spn.mm-spn--navbar.mm-spn--main:where([dir=rtl],[dir=rtl] *):after {
        color: #2E2E2E;
        background-color: #dac18d;
    }
}
@media only screen and (min-width: 1024px) {
    .main-menu li>a:hover {
        color: rgb(255 255 255) !important;
        text-decoration-line: none;
    }
}
#mainnav {
    position: sticky;
    top: 0;
    z-index: 999;
    background-color: #ffffff;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

#mainnav .container > .flex {
    position: relative;
    align-items: center;
    min-height: 72px;
}

#mainnav .navbar-brand {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
    max-width: min(180px, 38vw);
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.25rem 0;
}
custom-main-menu {
    min-height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#mainnav .navbar-brand img {
    width: auto;
    max-width: 180px;
    max-height: 100px;
    height: auto;
    display: block;
    padding-left: 60px;
    padding-bottom: 20px;
}

/* @media (max-width: 1023px) {
    #mainnav .navbar-brand {
        max-width: min(150px, 42vw);
    }

    #mainnav .navbar-brand img {
        max-width: 150px;
        max-height: 72px;
    }
} */

/* @media (max-width: 640px) {
    #mainnav .navbar-brand {
        max-width: min(130px, 44vw);
    }

    #mainnav .navbar-brand img {
        max-width: 130px;
        max-height: 66px;
    }
} */
#mainnav .main-menu {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0;
    margin: 0;
    list-style: none;
}

#mainnav .main-menu li a {
    display: inline-block;
    color: #5b4222;
    font-weight: 700;
    padding: 0.65rem 0;
    transition: color 0.2s ease;
}

#mainnav .main-menu li a:hover {
    color: #c3872f;
}

#mainnav .sicon-menu {
    color: #7A4A2A;
}

/*search bar*/
.top-navbar .s-search-input {
    background-color:  rgb(162, 125, 62);
}
.top-navbar .s-search-input:hover,
.top-navbar .s-search-input:focus {
    background-color: rgb(239, 176, 64);
}
/*product styles*/
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled svg,
.s-slider-nav-arrow svg {
    fill: #ffffff !important;
}
.s-slider-v-centered .s-slider-block__title-nav button.swiper-button-disabled {
    opacity: 1;
    background-color: #7a4a2a;
}
.s-product-card-image img {
    height: 100%;
    width: 100%;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    transform-origin: center;
    display: block;
}
.s-product-card-content-title a:hover {
    color: rgb(255 255 255) !important;
}
.s-product-card-image:hover img,
.s-product-card-image:focus-within img {
    transform: scale(1.05);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.s-product-card-content {
    background-color: #dac18d;
            border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
}

@media (min-width: 640px) {
    .s-product-card-content {
        background-color: #dac18d;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
    }
}
button,
.s-button-btn,
.s-price-range-number-input,
input[type="submit"],
input[type="button"] {
    border-radius: 20px;
    background-color: #7A4A2A;
    color: #f1e8dc;
    transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
    border-color: #f1e8dc;
}
.s-fast-checkout-button.rtl {
    border-radius: 20px;
    background-color: #f1e8dc;
    color: #7A4A2A;
    transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
    border-color: #7A4A2A;
}
.s-fast-checkout-button.rtl:hover,
.s-fast-checkout-button.rtl:focus {
    border-radius: 20px;
    background-color: #7A4A2A;
    color: #f1e8dc;
    transition: transform 0.25s ease, background-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
    border-color: #f1e8dc;
}
button:hover,
button:focus,
.s-button-btn:hover,
.s-button-btn:focus,
.s-price-range-number-input:hover,
.s-price-range-number-input:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="button"]:hover,
input[type="button"]:focus {
    transform: scale(1.05);
    background-color: #f1e8dc;
    color: #7A4A2A;
    border-color: #7A4A2A;
    box-shadow: 0 6px 14px rgba(239, 227, 227, 0.788);
}
salla-slider.details-slider .swiper-slide img {
    border-radius: 30px;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
    transform-origin: center;
}
salla-slider.details-slider .swiper-slide img:hover,
salla-slider.details-slider .swiper-slide img:focus {
    transform: scale(1.05);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

salla-slider.details-slider .s-slider-container, salla-slider.details-slider .swiper-slide-active {
    --tw-bg-opacity: 1;
    border-radius: 30px !important;
}
/* item box */
   .s-block--features__item {
        padding-left: 2rem;
        padding-right: 2rem;
        background-color: #dac18d;
        border-radius: 30px;
    }
@media (min-width: 768px) {
    .s-block--features__item {
        padding-left: 2rem;
        padding-right: 2rem;
        background-color: #dac18d;
        border-radius: 30px;
    }
}
.s-block--features__item p {
    color: #f4efe9 !important;
}
@media (min-width: 640px) {
    .s-reviews-testimonial__text p
     {
        margin-top: 0;
        color: #f4efe9;
    }
}
    .s-reviews-testimonial__text p
     {
        margin-top: 0;
        color: #f4efe9;
    }
/*review clints*/
.s-block--features__item img,
.s-reviews-container .swiper-slide-active .s-reviews-testimonial img,
.s-reviews-container .swiper-slide-next .s-reviews-testimonial img,
.s-reviews-container .swiper-slide-prev .s-reviews-testimonial img {
    border-radius: 30px !important;
}
@media (min-width: 1024px) {
    .s-reviews-container .swiper-slide-active .s-reviews-testimonial:where([dir=rtl],[dir=rtl] *) {
        padding-left: 6rem;
        background-color: #dac18d;
        border-radius: 30px;
    }
}
@media (min-width: 1024px) {
    .s-reviews-container .swiper-slide-prev .s-reviews-testimonial:where([dir=rtl],[dir=rtl] *) {
        padding-left: 6rem;
        background-color: #dac18d;
        border-radius: 30px;
    }
}
  .s-reviews-container .swiper-slide-active .s-reviews-testimonial:where([dir=rtl],[dir=rtl] *) {
        padding-left: 6rem;
        background-color: #dac18d;
        border-radius: 30px;
    }
      .s-reviews-container .swiper-slide-prev .s-reviews-testimonial:where([dir=rtl],[dir=rtl] *) {
        padding-left: 6rem;
        background-color: #dac18d;
        border-radius: 30px;
    }
      .s-reviews-container .swiper-slide-next .s-reviews-testimonial:where([dir=rtl],[dir=rtl] *) {
        padding-left: 6rem;
        background-color: #dac18d;
        border-radius: 30px;
    }
.s-reviews-container .swiper-slide-active .s-reviews-testimonial {
    background-color: #dac18d;
    opacity: 1;
    border-radius: 30px;
}
.s-reviews-container .swiper-slide-next .s-reviews-testimonial:where([dir=rtl],[dir=rtl] *) {
    padding-left: 7%;
    background-color: #dac18d;
    border-radius: 30px;
}
.s-slider-block__title-nav:where([dir=rtl],[dir=rtl] *)>:not([hidden])~:not([hidden]) {
    background-color: #dac18d;
}
.s-block--testimonials .s-slider-block__title-nav button {
    background-color: #dac18d;
}
.swiper-button-disabled {
    background-color: #dac18d;
}
.s-rating-stars-wrapper {
    background-color: #80583e;
    border-radius: 20px;
}
/*footer*/
.footer-is-light .store-footer .store-footer__inner {
    background-color: #dac18d;
    border-radius: 30px;
}
.store-footer a:hover {
    color: #f4efe9;
}