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

.swiper-slide{
  margin:10px auto;
}

.s-add-product-button-mini-checkout-content,
 footer .made_perfection p a, footer .made_perfection p, 
footer .made_perfection p{
  color:#000;
}

.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 (max-width:600px) {
.marquee__group{
    margin:10px auto;
}
    
.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 {
    position: relative;
    z-index: 9;
    background:repeating-conic-gradient(from var(--a), #fff 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;
}