:root {
    --primary-color: var(--1) !important;
    --1: #cca75c !important;
    --secondary-color: var(--2) !important;
    --2: #bd9648 !important;
    --gr: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #000 !important;
    --1-1: #cca75c4d;
}

.navbar-brand img {
    height: 65px!important;
    animation: scale 1.3s linear infinite
}

.header-btn__icon.icon, .header-btn {
    color: #36280c;
    background: linear-gradient(to top, #d7a645, #FFF5F5) !important;
    border-radius: 50px !important;
}

.header-btn__icon.icon:hover, .header-btn:hover {
    background: linear-gradient(to top, #cca75c, #FFF5F5) !important;
    transform: scale(1.1) !important;
    border-radius: 20px !important;
}

.promotion-banner ul li a,.animated-text ul li a {
    color: var(--font-color)!important
}

.banner--fixed img {
    position: relative;
    animation: up-down 8s ease infinite
}

.dynamic-banner--0 img {
    position: relative;
    animation: none!important
}

.s-block--animated-brands {
    margin-top: 4rem;
    display: none!important
}

.s-block--square-links img.lazy.loaded {
    object-fit: cover;
    border: 1px solid var(--primary-color)
}

.text-store-text-primary {
    color: var(--font-color)
}

.grayscale {
    --tw-grayscale: grayscale(0%)
}

.s-block--animated-brands--brand {
    background: var(--primary-color);
    border-radius: 10px
}

.s-block--banners,.s-block--banners+.s-block--banners {
    margin-top: 0
}

.lg\:grid-cols-3 {
    grid-template-columns: repeat(4,minmax(0,1fr))
}

.s-block--square-links .swiper-wrapper {
    justify-content: center
}

.s-button-primary-outline,.product-card__enhanced-mini-cart button.s-button-element {
    color: var(--font-color)!important;
    background-color: var(--primary-color)!important;
    border-radius: 10px
}

.product-card__normal-cart .s-button-primary-outline::after {
    animation: ShineAnimation 5s infinite;
    animation-timing-function: cubic-bezier(.6,-.28,.74,.05);
    content: "";
    display: block;
    position: absolute;
    left: -6px;
    right: -1px;
    top: 0;
    bottom: -6px;
    border-radius: 12px!important;
    width: 270px;
    height: 42px
}

.product-card--rounded .product-card__content {
    background: #ffffff;
}

.product-card__content .text-store-text-secondary {
    color: var(--primary-color);
    font-weight: 600
}

.product-card__image a .object-contain {
    object-fit: contain
}

.s-block--enhanced-features__item p {
    font-weight: 600;
    color: var(--primary-color);
    opacity: 1
}

.footer-is-custom .store-footer,.footer-is-custom .store-footer .store-footer__inner {
    border-radius: 55px 55px 0 0!important;
    text-align: center
}

.lg\:justify-start {
    justify-content: center
}

.enhanced_rounded_contacts a {
    border-radius: .25rem;
    border: 1px solid #000
}

@media only screen and (max-width: 767px) {
    .index::before {
        background-size:40%!important
    }

    .centered_logo .header-btn__icon,.header-btn {
        width: 2.5rem;
        height: 2.5rem
    }

    .mm-spn.mm-spn--navbar ul {
        background-color: var(--primary-color)!important
    }

    .lg\:grid-cols-3 {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .s-block--square-links .swiper-wrapper {
        justify-content: inherit
    }

    .s-button-text,.sicon-add::before {
        color: var(--font-color)
    }

    .product-card__content .s-button-primary-outline::after {
        animation: ShineAnimation 5s infinite;
        animation-timing-function: cubic-bezier(.6,-.28,.74,.05);
        content: "";
        display: block;
        position: absolute;
        left: -6px;
        right: -5px;
        top: 0;
        bottom: -6px;
        border-radius: 12px!important;
        width: 300px;
        height: 88px
    }
}

@keyframes scale {
    0%,100% {
        transform: scale(1);
        opacity: 1
    }

    50% {
        transform: scale(.9);
        opacity: .7
    }
}

@keyframes up-down {
    0%,100% {
        top: 0
    }

    50% {
        top: -25px
    }
}

@keyframes ShineAnimation {
    0% {
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient( top left,rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.0) 45%,rgba(255,255,255,0.5) 48%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5) 52%,rgba(255,255,255,0.0) 57%,rgba(255,255,255,0.0) 100% );
        background-position: -250px -250px;
        background-size: 600px 600px
    }

    100% {
        background-repeat: no-repeat;
        background-position: 250px 250px
    }
}

.store-footer__inner {
    background-image: linear-gradient(180deg,#F3F4F6 10%,var(--1-1) 35%,#F3F4F6 100% );
    background-image: linear-gradient(180deg,#ffffff 10%,var(--1-1) 35%,#ffffff 100% )
}

.mm-spn.mm-spn--navbar.mm-spn--main:after {
    background-image: linear-gradient(180deg,var(--primary-color) 35%,#F3F4F6 100%)
}

.flex.items-center .justify-center.m-0 {
    padding-bottom: 25px!important
}

.relative .p-px.overflow-hidden .transform .border.rounded {
    border-width: 0!important
}

.border {
    border-width: 0!important
}

.shadow-sm {
    --tw-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
}

.w-1\/2 {
    width: 100%!important
}

.text-4xl {
    font-size: 20px!important
}

.text-2xl {
    /* font-size: 16px!important */
}

.product-card__promotion {
    background-color: var(--primary-color)!important;
    border-radius: 10PX!IMPORTANT
}

@media(max-width: 991px) {
    .simplified-products .s-products-slider-card .product-card--simplified .product-card__promotion,.simplified-products .s-products-list-wrapper .product-card--simplified .product-card__promotion {
        top:auto;
        top: initial!important;
        left: initial!important;
        left: auto
    }
}

.out-of-stock .product-card__image img,.product-card--full-image.out-of-stock img {
    filter: brightness(60%)!important
}

.product-card__out-label {
    color: #ea5c5c;
    padding: 7px 7px;
    border: 1px solid #ea5c5c;
    transform: rotate(0deg)!important
}

.product-card--primary-buttons button, .product-card--primary-buttons salla-button {
    border-color: #41404200 !important;
    color: #414042 !important;
}

.product-card--primary-buttons button i, .product-card--primary-buttons salla-button i {
    color: #414042 !important;
    color: #ffffff !important;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px
}

::-webkit-scrollbar-track-piece {
    background-color: #00000033;
    -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical {
    height: 200px;
    background-color: var(--1);
    -webkit-border-radius: 0
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #7d7d7db3
}

::-webkit-scrollbar-thumb:horizontal {
    width: 200px;
    background-color: #7d7d7db3;
    -webkit-border-radius: 0
}

.fit-slider-products .s-slider-swiper-wrapper .swiper-slide custom-salla-product-card:hover {
    --c: var(--color-primary);
    --b: 3px;
    --g: 5px;
    padding: calc(var(--g) + var(--b));
    --_g: #0000 25%,var(--c) 0;
    background: conic-gradient(from 180deg at top var(--b) right var(--b),var(--_g)) var(--_i,200%) 0/200% var(--_i,var(--b)) no-repeat,conic-gradient(at bottom var(--b) left var(--b),var(--_g)) 0 var(--_i,200%)/var(--_i,var(--b)) 200% no-repeat;
    transition: .3s,background-position .3s .3s;
    cursor: pointer
}

.fit-slider-products .s-slider-swiper-wrapper .swiper-slide custom-salla-product-card:hover {
    --_i: 100%;
    transition: .3s,background-size .3s .3s
}

.s-slider-block__display-all {
    padding: 5px;
    color: var(--color-primary);
    margin: 10px auto;
    border-radius: 15px;
    animation: 1.2s linear infinite signal
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--color-primary)
    }

    100% {
        box-shadow: 0 0 0 5px #fff
    }
}

.text-store-text-primary, .s-slider-block__title h2, .main-content h1, .s-block__title h2, .sicon-add::before,.s-button-text {
    text-transform: uppercase;
    background-image: linear-gradient( -225deg, var(--1) 0%, #000 29%,#291f09 67%, #fff 100% );
    background-size: 200% auto;
    color: #fff;
    background-clip: text;
    text-fill-color: transparent;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: 4s linear infinite textclip;
     font-weight: 600;
    border-bottom: 3px;
    line-height: 1.5;
}

@keyframes textclip {
    100% {
        background-position: 200% center;
    }
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    border-bottom-width: 2px !important;
    border-color: var(--2) !important;
    color: #ffffff !important;
}

.s-block--tabs-produtcs .tab-trigger.is-active button {
    background: var(--2) !important;
}

@media (max-width: 767px) {
    footer.store-footer.s-block--animate.basic-footer .grid.grid-cols-2.lg\:grid-cols-5.lg\:gap-6 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .grid.grid-cols-2.lg\:grid-cols-5.lg\:gap-6 .mb-2\.5 {
        grid-column: span 2 / span 2;
        justify-self: center;
    }

    .grid.grid-cols-2.lg\:grid-cols-5.lg\:gap-6 li {
        margin: 0 15px;
    }
}

.tabs.hide-scroll {
    padding: 0;
}

.s-block.s-block--circle-links.circle-links-1 .object-cover {
    border-radius: 1px;
}

.s-block.s-block--circle-links.circle-links-1 {
}

.rounded-full {
    border-radius: 0px;
}

button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
    font-size: 1rem;
    background-color: var(--1);
    color: var(--3);
    font-weight: 700;
    border-radius: 20px;
    box-shadow: rgb(0 0 0/15%) 0px 2px 4px,rgb(0 0 0/0%) 0px 7px 13px -3px,rgb(255 255 255/66%)0px -3px 0px inset;
    animation: signal 1200ms infinite
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--1)
    }

    100% {
        box-shadow: 0 0 0 6px #ffffff21
    }
}

@media (max-width: 767px) {
    .s-slider-vertical .s-slider-thumbs-container {
        max-height: 111px;
        width: 85vw;
    }

    .s-block--tabs-produtcs .tab-trigger button {
        padding: 5px 15px;
    }

    .s-slider-vertical .s-slider-thumbs {
        display: none;
    }

    .mm-spn.mm-spn--navbar.mm-spn--main .text-sm {
        font-size: 0.975rem;
    }
}


.mb-4.sm\:mb-6.flex.justify-between.items-center {
}

h1.font-bold.text-xl.rtl\:pl-3.ltr\:pr-3.text-store-text-primary {
    padding: 0;
}

span.s-button-text {
    -webkit-text-fill-color: black;
    text-fill-color: black;
}