/* Add custom CSS styles below */
.bg-\[var\(--footer-color\)\],
.bg-\[var\(--footer-bg\)\] {
    background: linear-gradient(to right, #a8e6b3, #a8e6b3);
}

.sicon-eye:before,
[dir=rtl] .s-add-product-button-mini-checkout-content,
.\[\&_button\]\:\!\[background\:var\(--product-btns-bg\)\] button,
salla-mini-checkout-widget *,
.s-add-product-button-mini-checkout-content,
footer .made_perfection p a,
footer .made_perfection p,
footer .made_perfection p {
    color: #000 !important;
}

.fill-\[var\(--footer-bg\)\] {
    fill: #a8e6b3;
}

body.products_is_fitType .product-entry {
    border: 1px solid #000;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
}

.s-block__title .center-side:after {
    border-radius: 53px;
}

.md\:h-28 {
    margin: 10px auto;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
}

@media only screen and (min-width:601px) {

    [dir=rtl] .sticky-bar-vite,
    .sticky-bar-vite {
        top: 112px !important;
        position: relative !important;
    }
  
    [dir=rtl] .sticky-bar-vite{
            right:30px;
    }
       
  [dir=ltr] .sticky-bar-vite{
            left:30px;
    }
  
    .sticky-bar-vite {
        max-width: 100%;
        min-width: 100%;
    }
}


@media only screen and (max-width:600px) {
    .marquee__group {
        margin: 10px auto !important;
    }

    .transition {
        box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    }
}

.product-entry salla-add-product-button button {
    margin-bottom: 7px;
}

.text-\[var\(--bottom-menu-color\)\] {
    margin: 10px auto;
    border-radius: 53px;
    box-shadow: rgba(0, 0, 0, .24) 0 3px 8px;
    border: 1px solid #000;
    filter: drop-shadow(1px 1px 3px black);
}


.flex.justify-center.items-center.gap-5.py-2 {
    justify-content: space-between;
    margin: auto 8px;
}


/**************************************/
:root {
    --primary-color: #14213D !important;
    --secondary-color: #ffffff !important;
    --linear-gradient: linear-gradient(to right, var(--primary-color), var(--secondary-color)) !important;
    --font-color: #fff !important
}

@property --a {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

.swiper-backface-hidden .swiper-slide .p-4::after,
.s-add-product-button-main .s-add-product-button-mini-checkout::after,
.product-entry salla-add-product-button button::after {
    content: "";
    position: absolute;
    inset: 3px;
    background: #a8e6b3;
    z-index: -1;
    border-radius: 12px;
}

body.products_is_fitType .product-entry,
.product-entry-btns_hover .product_addCart_mob button {
    border-radius: 12px;
}

.md\:text-end {
    text-align: right;
    align-items: center;
}

.bg-\[var\(--data-icone-bg\)\] {
    background-color: #a8e6b3;
    color: #000 !important;
}

.product-entry-btns_hover .product_addCart_mob button .s-button-text {
    padding: 5px;
}

.text-\[var\(--footer-color\)\] {
    text-align: center;
}

.md\:col-span-1,
.text-center .mb-4 {
    color: #a8e6b3 !important;
    background: #fff;
    border-radius: 8px;
    font-weight: 700;
    padding-top: .3rem;
    width: 100%;
    padding-bottom: .3rem;
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px;
}


.s-add-product-button-main .s-add-product-button-mini-checkout,
.swiper-backface-hidden .swiper-slide .p-4,
.product-entry salla-add-product-button button {
    position: relative;
    z-index: 9;
    background: repeating-conic-gradient(from var(--a), #000 0%, #000 5%, #fff 5%, #fff 40%, #fff 50%);
    animation: animate 5s linear infinite;
    border-radius: 12px;
    color: #000 !important;
}

@keyframes animate {
    0% {
        --a: 0deg
    }

    100% {
        --a: 360deg
    }
}

/****************************/
.s-block__display-all {
    border-radius: 12px !important;
    animation: signal 1200ms linear infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 #fff;
    }

    100% {
        box-shadow: 0 0 0 1px #000;
    }
}

/*******************/
.s-slider-v-centered.fullwidth-slider .s-slider-block__title-nav button {
    background: #b9e8bc;
    opacity: 1;
}

.s-slider-block__title-nav button.s-slider-prev span:where([dir=rtl], [dir=rtl] *):after,
.s-slider-block__title-nav button.s-slider-next span:where([dir=rtl], [dir=rtl] *):after {
    color: #000;
}

/***********************************/
.s-block__title h1,
.s-block__title h2,
.py-3 .text-lg {
    text-transform: uppercase;
    background-image: linear-gradient(-225deg, #000 40%, #000 9%, #fff 67%, #000 100%);
    background-size: 200% auto;
    color: #fff;
    font-weight: 700;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: textclip 2s linear infinite;
    display: inline-block;
}

@keyframes textclip {
    to {
        background-position: 200% center
    }
}
.swiper-backface-hidden .swiper-slide .p-4::after {
    background: #f4f4f4 !important;
}

/***********************************/
@media only screen and (max-width: 600px) {

    .s-add-product-button-main {
        display: flex !important;
        width: 100% !important;
        gap: 8px;
    }

    .s-add-product-button-main > salla-button,
    .s-add-product-button-main > salla-mini-checkout-widget {
        flex: 1 1 0 !important;
        width: 100% !important;
        display: flex !important;
    }

    .s-add-product-button-main salla-button button,
    .s-add-product-button-main salla-mini-checkout-widget {
        width: 100% !important;
    }
  .sticky-bar-vite * { 
    text-align: center !important;
    align-items: center !important;
    max-width: 100% !important;
    justify-content: space-between;
  }
    .rtl .s-button-text span.flex.items-center{
      margin-left: 18px;
}
      .ltr .s-button-text span.flex.items-center{
      margin-right: 15px;
}
}

[dir=rtl] .rtl\:left-1 {
    right: .25rem;
  width: 50px;
}