@-webkit-keyframes shake-top {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 0;
              transform-origin: 50% 0;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
  @keyframes shake-top {
    0%,
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: 50% 0;
              transform-origin: 50% 0;
    }
    10% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
    20%,
    40%,
    60% {
      -webkit-transform: rotate(-4deg);
              transform: rotate(-4deg);
    }
    30%,
    50%,
    70% {
      -webkit-transform: rotate(4deg);
              transform: rotate(4deg);
    }
    80% {
      -webkit-transform: rotate(-2deg);
              transform: rotate(-2deg);
    }
    90% {
      -webkit-transform: rotate(2deg);
              transform: rotate(2deg);
    }
  }
    
    
    @keyframes textclip {
        to {
            background-position: 200% center;
        }
    }
    
    
    @keyframes logobg {
    
        0% {
        
        transform: scale(1)
        
        }
        
        20% {
        
        transform: scale(1)
        
        }
        
        78% {
        
        transform: scale(1)
        
        }
        
        100% {
        
        transform: scale(0)
        
        }
        
        }
        
        @keyframes pulsate-bck {
          0% {
            transform: scale(1);
          }
          50% {
            transform: scale(0.9);
          }
          100% {
            transform: scale(1);
          }
        }
        @keyframes textShine {
            0% {
                background-position: 0% 50%
            }
        
            100% {
                background-position: 100% 50%
            }
        }
        @keyframes wiggle {
            0% {
                transform: rotate(0deg)
            }
        
            80% {
                transform: rotate(0deg)
            }
        
            85% {
                transform: rotate(5deg)
            }
        
            95% {
                transform: rotate(-5deg)
            }
        
            100% {
                transform: rotate(0deg)
            }
        }
        
        
         @keyframes clicke {
                0%,
                100% {
                    box-shadow: none;
                }
            
              50% {
            box-shadow: 0 0 0 2px #e62a00;
        }
    
        80% {
            box-shadow: 0 0 0 2px rgb(255, 255, 255), 0 0 0 2px rgb(230, 42, 0);
            
                }
            }    
    
        @keyframes bounnceTop {
        0% {
            animation-timing-function: ease-in;
            opacity: 1;
            transform: translateY(-45px)
        }
    
        24% {
            opacity: 1
        }
    
        40% {
            animation-timing-function: ease-in;
            transform: translateY(-24px)
        }
    
        65% {
            animation-timing-function: ease-in;
            transform: translateY(-12px)
        }
    
        82% {
            animation-timing-function: ease-in;
            transform: translateY(-6px)
        }
    
        93% {
            animation-timing-function: ease-in;
            transform: translateY(-4px)
        }
    
        25%,55%,75%,87% {
            animation-timing-function: ease-out;
            transform: translateY(0px)
        }
    
        100% {
            animation-timing-function: ease-out;
            opacity: 1;
            transform: translateY(0px)
        }
    }
    
    
    @media (max-width: 479px) {
        .mob\:bottom-4 {
            bottom: 6rem;
         }
    }
    
    
         body {
        user-select: none !important;
        -moz-user-select: -moz-none !important;
        -webkit-user-select: none !important;
        -ms-user-select: none !important;
        }
        
        
       
        
     .tabs.tabs__flex.tabs__outline.mb-4 {
            padding: 0rem;
        }
            
          .p-4 {
            padding: 0rem;
        }
        
        .dark .s-slider-block__title h2 {
            color: #ffffff;
        }
        
        .s-slider-block__title h2:where([dir=rtl],[dir=rtl] *) {
            padding-left: 1rem;
            animation: wiggle 2.5s infinite;
        }
        
        
        #featured-products-style2-3 .tabs__outline {
            font-size: 10px;
            gap: 0.3rem;
        
        }
        #featured-products-style2-5 .tabs__outline {
             font-size: 10px;
            gap: 0.5rem;
        }
        #featured-products-style2-7 .tabs__outline {
                 font-size: 10px;
            gap: 0.5rem;
        
        }
        
        #featured-products-style2-9 .tabs__outline {
                 font-size: 10px;
            gap: 0.5rem;
        }
        .tabs {
            justify-content: center;
                gap: 0.3rem;
        
        }
        mb-4 {
            margin-bottom: 0.5rem;
        }
       
        .max--3 {
            height: auto;
            width: 33.333333%;
            max-width: 27.3333%;
        }
        .\!h-14 {
            height: 5.0rem !important;
        }
        .\!w-14 {
            width: 5.0rem !important;
        }
        
        
        .slide--cat-entry h4 {
            font-size: 10px;
            margin-top: 3.8rem;
        }
        .slide--cat-entry {
            height: 7rem;
           
        }
        
        .aspect-square {
            aspect-ratio: 0/0;
        }
        .text-xs {
            font-size: calc(0.9vw + 0.6vh);
            font-weight: 900 !important;
    
    
        }
        
        .dark .s-block--banners .banner-square h3 {
            color: #414042;
            color: #fefefe;
        }
        salla-slider[type]:not(.hydrated)>div:where([dir=rtl],[dir=rtl] *),salla-slider[type]:not(.hydrated) .swiper>div>div:where([dir=rtl],[dir=rtl] *),.carousel-slider .swiper:where([dir=rtl],[dir=rtl] *) {
            padding-left: 0rem;
            padding-left: 4px;
            padding-right: 4px;
        }
        
        .s-product-card-content-footer.rounded-lg button {
         border-radius: 0 1rem !important;
        }
         .text-\[16px\] {
            font-size: 18px ;
            animation: wiggle 2.5s infinite;
    
        }
        
        
        .s-product-card-content salla-add-product-button .s-button-text {
            display: flex;
            flex-direction: row-reverse;
            font-size: 15px;
        }
        
       
        .s-product-card-promotion-title {
            max-width: calc(100%);
            border-radius:1.7875rem !important;
        
        }
        
        [dir="rtl"] .s-product-card-discount {
            left: 0px;
            top: 4px;
        }
      
        .gap-4 {
            gap: 0.3rem;
        }
        .py-4 {
            padding-bottom: 0.5rem;
        }
        .store-footer .footer-container {
            gap: 0rem;
            padding-top: 1rem;
            padding-bottom: 1rem;
            
        }
        
        .details {
            border-radius: 0 1rem;
        }
        
        .s-product-options-multiple-options-wrapper div input {
            color: #06b70b;
           
        }
        .s-product-options-multiple-options-wrapper div input:checked {
                background-color: #06b70b;
        }
        
       
        a, p, span {
            font-family: revert-layer;
        }
        
        .rounded {
            border-radius: 0px  10px  !important;
        }
        
        .inner.bg-white.da-bgm {
                box-shadow: none; 
                 background: url(https://i.postimg.cc/ZRP1xgJD/122.png); 
        }
        
        
        
        .text-xl {
            line-height: 2.75rem;
        }
        
        .is_large .header-btn .sicon-arrow-left, .is_large .header-btn .sicon-arrow-right {
            font-size: 2rem;
         }   
        
        .sicon-cart2:before {
            content: "\ea6e";
        }
        
        footer .footer-wrapper .inner-footer.container .store-info .social-links li a {
            background-color: #fff;
        }
        
        
        
        .mb-3 {
                margin-bottom: 0.75rem;
                overflow: hidden;
            /* text-overflow: ellipsis; */
                white-space: nowrap;
                flex-wrap: nowrap;
        }
        .text-primary {
            font-size: 13px;
        }
        
            
        .mm-ocd--right .mm-ocd__backdrop {
                left: 0px;
        }
         .mm-ocd__backdrop {
                width: max(calc(100% - var(--mm-ocd-max-width)), min(calc(150% - var(--mm-ocd-width)), calc(100% - var(--mm-ocd-min-width))));
        }
        
        
        [dir=rtl] .mm-spn li:before {
            border-bottom: 3px solid;
            border-left: 3px solid;
        
        }
        
        .mm-spn li a, .mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
            padding-top: .5rem;
            padding-bottom: 0.5rem;
            padding-left: 0rem;
            padding-right: 0rem;
        }
        
        p.text-center.text-sm.text-gray-600.da-ts {
            font-size: 63%;
        }
        1, h2, h3, h4, h5, h6 {
            font-size: smaller;
            font-weight: inherit;
        }
        [dir=rtl] .footer-middle h3 {
                text-align: center;
        }
        
        .s-slider-v-centered .s-slider-block__title-nav {
           left: 3%;
            top: 33%;
           width: 94%;
           }
        .s-block--best-offers .s-slider-block__title-left .s-slider-block__title-nav, salla-products-slider .s-slider-block__title-left .s-slider-block__title-nav {
             /*  position: absolute; */
           top: 42%;
            left: 0;
            z-index: 2;
            /* margin: 0; */
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
        
        .s-slider-block__title-left:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
            --tw-space-x-reverse: 0;
              margin: 7px;
        }
        .s-slider-block__title-right:where([dir="rtl"], [dir="rtl"] *) {
            padding-left: 1rem;
        }
        
        .s-slider-block__title {
            margin-bottom: 0.5rem !important;
        }
        
        .s-slider-block__title-left {
           display: flex;
            align-items: center;
            justify-content: flex-end;
            flex-direction: row-reverse;
        }
        salla-slider .s-slider-block__title-nav {
            /* position: absolute; */
            top: 48%;
            left: 0;
                z-index: 3;
            margin: 0;
            display: flex;
            width: 100%;
            justify-content: space-between;
        }
        
        .s-slider-v-centered .s-slider-block__title-nav {
           --tw-translate-x: 0;
            --tw-translate-y: 0;
        }
        
        .dark .s-product-options-multiple-options-wrapper div label {
            color: #2b2d34;
        }
        .dark .s-quantity-input-container {
            border: 1px solid #06c9cc!important;
        }
        .dark .s-quantity-input-button {
            fill: #06c9cc;
        }
        .dark input {
            color: #06c9cc;
        }
        
        
        .dark .da-bgg {
            border: 1px solid #06c9cc8a !important;
            background-color: var(--dark-grey) !important;
    
        }
        
        .bg-white {
            background-color: #e8f6f6!important;
        border: 1px solid #048183cf !important;
    }
      
        .s-quantity-input-button {
            fill: #014546;
        }
        salla-quantity-input .s-quantity-input-container {
            border: 1px solid #014546 !important;
            color: #014546;
        }
        b.da-tm {
            color: #15df12 !important;
        }
        h2.total-price.font-bold.da-tm.text-xl.inline-block {
            color: #15df12 !important;
        }
        h2.total-price.text-red-400.font-bold.text-xl.inline-block {
            color: #15df12 !important;
        }
        .s-modal-body.s-modal-align-middle {
            margin-bottom: 20rem !important;
        }
       
        .dark .s-product-options-multiple-options-wrapper div input {
            color: #06b70b;
        }
       
        button.tab-trigger.is-active {
                animation: bounnceTop 2s ease 0s 1 normal forwards;
        
        }
      input {
          height: 2.0rem;
      }
        .s-quantity-input-container {
            border-radius: 1.375rem;
           display: flex;
            height: 2.0rem;
            align-items: stretch;
            justify-content: space-around;
            border-width: 1px;
            font-size: 0.875rem;
            line-height: 1.25rem;
        }
        .s-button-btn:hover {
            opacity: 10;
        }
        
        .is-sticky-product-bar .sticky-product-bar__quantity {
            margin: -1px;
        }
        
        .is-sticky-product-bar .sticky-product-bar {
            z-index: 3;
        
        }
        
        
        .header-btn, .sicon-menu {
            height: 2.5rem;
            margin: 2px;
            color: #fff !important;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 10px;
        }
        
        .is_large .s-cart-summary-wrapper i.text-base {
            font-size: 1.5rem !important;
            color: #ffffff !important;
            animation: wiggle 2.5s infinite;
    
        }
        is_large .header-btn .sicon-search, .is_large .header-btn .sicon-user {
            font-size: 1.5rem !important;
            color: #ffffff !important;
        }
        i.sicon-search.text-base.text-black.da-tm {
            color: #ffffff !important;
            font-size: 1.5rem !important;
        }
     
        
        .s-cart-summary-count {
            background: #414042;
            background: #6b0304;
            padding: .6rem;
            height: .10rem;
            width: .10rem;
            top: -8px !important;
        }
        .store-footer {
            margin-top: 1rem;
        }
        .s-block {
            padding-top: .40rem;
            padding-bottom: .40rem;
        }
        
        
        
        .rtl .form-select, .rtl select, [dir=rtl] .form-select, [dir=rtl] select {
            padding-right: 20px;
            font-size: 15px;
           
        }
        .dark .da-cp {
            color: #fff !important;
        }
        .s-product-card-price {
          font-size: 18px;
            line-height: 20px;
          color: #15df12;
        }
        .s-product-card-sale-price h4 {
            font-size: 18px;
         color: #04b501;
         }
        .s-product-card-sale-price span {
            font-size: 16px;
        }
        p.s-product-card-content-subtitle.text-center {
            font-size: 10px !important;
        
        
        }
      
        .dark .store-header .mode-toggler .dark-mode {
            stroke: #000000;
        }
        .dark .mode-toggler .light-mode{
            stroke: #ffffff;
        }
        
     
        .sicon-user:before {
            content: "\f072";
        }
        
        .sicon-arrow-up-left:before {
            content: "\e949";
        }
        
        .border-primary {
            border-color: #414042;
            border-color: var(--color-primary);
        }
        
        
        .s-add-product-button-mini-checkout-content:where([dir=rtl],[dir=rtl] *) {
            color: #fff !important;
        }
      
      
        input#coupon-value {
        color: #000000;
            background-color: #fcfcfc;
                border-radius: 0 1rem !important;
        
         }
        
        .angel-discountcoupon .copycodebtn {
          box-shadow: 0 10px 10px #fda359 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #e62a00 inset;
            border-radius: 0 1rem !important;
            background: linear-gradient(131deg, #e62a00, #ff7300);
            text-shadow: 0 1px 2px #6b0304;
        }
        
        
        .shadow-default {
            --tw-shadow: 0px 2px 10px #031d1a94;
        }
      
        .text-primary.da-tm.text-sm {
            font-size: 18px;
        }
        
        .s-product-options-option-label {
            font-size: 16px;
        }
        
        
        
        div#product-tabs-details {
            margin-top: 1.25rem;
            max-height: 280px;
            overflow-y: auto;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            
          }
        
        
        .sicon-menu:before {
            font-size: 1.5rem;
            color: #fffdfd !important;
        }
        
        .sicon-cart2:before {
            font-size: 1.4rem;
        }
        
        
        .flex.flex-col.w-full.px-4.pb-8.-mt-8 {
            background: #ffffff00 url(https://i.postimg.cc/cCQPCcRG/48-favorite-heart-solid-2.gif) top 5rem left 2rem / 50px no-repeat;
        }
        
        
        
        .navbar-brand img {
            animation: pulsate-bck 2.3s ease-in-out 2.5s infinite!important;
        }
        
        .store-footer .footer-container .logo-footer .foo {
            animation: pulsate-bck 2.3s ease-in-out 2.5s infinite!important;
            background-color: rgb(255 255 255) !important;
            border-radius: 0rem 1rem 0rem 1rem !important;
        }
        
        img.object-cover.lazy {
            animation: pulsate-bck 2.3s ease-in-out 2.5s infinite!important;
        }
        
        
        b.s-cart-summary-total {
          color: #fff !important;
      }
        
        
        .sicon-headset:before {
            color: #fff !important;
        }
        .sicon-shopping:before {
            color: #fff !important;
        }
        .sicon-medal:before {
            color: #fff !important;
        }
        
        
        .p--features__item.flex.flex-center.gap-2.px-2.py-3.bg-white.da-bgg.rounded-md {
         border: 1px solid #0ea9abb8  !important;
           border-radius: 0 12px  !important;
         background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%);
         background-size: 500% auto;
         box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
        
        }
       
        i.sicon-arrow-right.text-lg.da-tm {
            color: #fff !important;
        }
        
        h3.text-xs.lg\:text-sm.text-gray-800.da-tm {
            color: #fff;
                font-size: 14px;
        
        }
       
        .dark .details {
            border-radius: 0 1rem!important;
            border: 1px solid #fff !important;
            background: linear-gradient(131deg, #3d3d3e, #2b2d34);
            border: 1px solid #06c9cc8a !important;
        
        }
        .tabs-wrapper.tabs-wrapper__product.rounded-ts-none {
          border: 1px solid #068081 !important;
          border-radius: 11px 0rem 15px 15px !important;

        }
        
        .dark .s-comments-product .s-comment-form-input {
         background-color: #fff;
            border-radius: 1.25rem;
            color: #000000;
                    --color-primary: #676668;
        
        } 
        
        
        .details {
             border-radius: 0 1rem !important;
            border: 1px solid #06c9cc8a !important;
            --tw-shadow: 0px 2px 10px #01454682;
            --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
        }
        
        div#product-tabs-options {
            background-color: #eafcfc8a!important;
            border-radius: 0 1rem !important;
        }
        
        .dark .s-product-options-wrapper textarea {
            background-color: #fff;
            border-radius: 1.25rem;
            color: #000000;
                --color-primary: #676668;
        
        }
        .dark .s-product-options-wrapper input {
            background-color: #fff;
            border-radius: 1.25rem;
            color: #000000;
                    --color-primary: #676668;
        
        }
        .dark .s-product-options-wrapper select {
            background-color: #fff;
            color: #000000;
            border-radius: 1.25rem;
        
        }
       
      
        .dark .s-product-card-entry {
            border: 1px solid #04fbffab !important;
                background-color: #062425 !important;
    
        }
        custom-salla-product-card.rounded-lg{
           border: 1px solid #031d1a !important;
            border-radius: 0 1rem!important
        }
        
        img.s-product-card-image-cover.lazy__bg.lazy_img.lazy.loaded {
            border-radius: 0 1rem !important;
        }
      
        
        h5.menu_title {
            font-size: 10px;
            line-height: 20px;
        
        }
        
        .mm-ocd__content {
            width: 50%;
            border-radius: 3rem 0 0 3rem !important;    
        }
        
        .s-product-card-out-of-stock.hide-out-of-stock::after {
            top: 30%;
        }
        
        
        .s-slider-nav-arrow {
            height: 2.25rem;
            width: 2.25rem;
        
        }
        
        .s-block--best-offers salla-slider .s-slider-block__title-left .s-slider-block__title-nav button.swiper-button-disabled {
            opacity: .5;
        }
        
        salla-slider .s-slider-block__title-nav button {
            opacity: unset;
        }
        
        .s-product-card-rating:where([dir="rtl"], [dir="rtl"] *) > :not([hidden]) ~ :not([hidden]) {
            --tw-space-x-reverse: 1;
            color: #fff !important;
        }
        
        .bottom-header.opacity-90.dark.bg-white.da-bgm {
            margin: 0rem;
            border-radius: 0px;
        }
        
        .s-slider-block__title {
            margin-bottom: -2px !important;
            
        }
        button.s-slider-prev.s-slider-nav-arrow {
            margin-bottom: 7px !important;
        
        }
        .s-slider-block__title-right {
            margin-bottom: 7px !important;
        }
        
        .s-block__title {
            margin-bottom: 0rem;
           
        }
        
        .dark .da-bgm {
            background-color: #292929 !important;
        }
        
        .mm-spn.mm-spn--light {
            color: #ffffff;
        }
        
        .tabs__flex .tab-trigger {
            border-radius: 1.25rem !important;
            padding: 0.3rem 0.4rem 0.4rem !important;
            font-size: calc(0.8vh + 0.7vw) !important;
            white-space: nowrap !important;
            font-family: 'sky' !important;
            font-weight: 900 !important;
        
        }
        
        .s-slider-block__title h2 {
            font-size: 1.25rem;
        }
        
        
        
        
        .product-page__inner .product-options .s-product-options-wrapper .s-product-options-option-container .s-product-options-option {
            gap: 0.25rem !important;
        }
        .product-page__inner .product-options .s-product-options-wrapper .s-product-options-option-container .s-product-options-option-content {
            min-width: 100%;
            max-width: 100%;
        }
        .s-product-options-multiple-options-wrapper div {
            display: flex;
        align-items: center;
            margin-bottom: -0.1rem;
            animation: 0.7s cubic-bezier(0.455, 0.03, 0.515, 0.955) 0s 1 normal both running shake-top;
            color: rgb(0, 0, 0) !important;
        }
        

        [type='checkbox'], [type='radio'] {
            height: 20px;
    width: 20px;
    margin: 4px;
        }
        .s-product-options-wrapper input, .s-product-options-wrapper textarea, .s-product-options-wrapper select {
            border-radius: 1.25rem;
            border-color: rgb(3, 29, 26);

        }
        
      

        .s-form-control {
            background-color: #ffffff !important;
        }
        
        .s-product-options-multiple-options-wrapper div input {
            height: 1.2rem;
            width: 1.2rem;
            border: 1px solid #00000059 !important;
            border-radius: 6px 6px 6px 6px;
        }
        
        [dir=rtl] .s-product-options-multiple-options-wrapper div label {
        margin-right: 4px;
            padding-left: 5px;
              margin-left: -1px;
            font-weight: 600 !important;
        }
       
      
        [type="checkbox"]:checked {
            background-color: rgb(0 210 106) !important;
    }
        
            .swal2-container .swal2-popup.swal2-toast.swal2-icon-success {
            padding: 0px 34px 0px;
            border-radius: 30px;
    }
            
        
      @media (max-width: 640px) {
          .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-container {
              width: 46%;
      
          }
      }
      input.s-form-control {
        animation: shake-top 0.8s cubic-bezier(0.455, 0.030, 0.515, 0.955) both;
    }
    h3.text-xs.lg\:text-sm.text-gray-800.da-tm {
        font-size: 0.75rem;
        line-height: 0rem;
    }
    
    
    section.sticky-product-bar.bg-white.da-bgg.\31 .p-5.mt-4.rounded-md {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    
    @media (min-width: 768px) {
        .md\:gap-4 {
            display: flex;
            flex-direction: row;
        }
    }
    
      salla-quantity-input.border-gray-200.flex.justify-end.s-quantity-input.hydrated {
          justify-content: initial;
      }
    
      .s-block--banners .banner-square h3 {
        margin-top: 0rem;
    }
    div#product-tabs-details {
        margin-top: 0.5rem;
        max-height: 134px;
     
    }
     .s-comments-product .s-comment-form-input {
        border-radius: 0px 1rem !important;
        border: 1px solid #026d6e9c !important;
    }   
    
    
    ul.flex.justify-center.items-center.flex-wrap.gap-2 {
        gap: 0.2rem;
    }
    
    p.da-tm.hidden.text-xl.md\:block.ms-1 {
        color: rgb(3 129 131) !important;
    }
    
    .dark .store-header .mode-toggler .dark-mode {
        stroke: #000;
    }
    
    .dark .mode-toggler .light-mode {
        stroke: #000000;
    }
    
    i.sicon-arrow-right.text-lg.da-tm {
        color: #000000 !important;
    }
    
    is_large .header-btn .sicon-search, .is_large .header-btn .sicon-user {
        font-size: 1.7rem !important;
    }

 .lazy__bg.lazy_avatar {
       border: 1px #f4df05 solid !important;
        border-radius: 0 1rem !important;
    }
    
    i.icon.sicon-instagram2.text-2xl {
            color: #ff0000 !important;
    }
      i.icon.sicon-twitter2.text-2xl {
        color: #2778c4 !important;
    }
        .sicon-snapchat::before {
          color: #ffca00 !important;
    }
       i.icon.sicon-tiktok.text-2xl {
        color: #c1a7a7 !important;
    }
        .sicon-youtube::before {
          color: #FF0000 !important;
    }
       i.icon.sicon-facebook2.text-2xl {
        color: #2563eb !important;
    }
    
    .store-footer__inner {
          background: linear-gradient(to right, #014546 20%, #014546 30%, #031d1a 70%, #014546 80%);
        background-size: 500% auto;
        animation: textShine 5s ease-in-out infinite alternate;
        border-radius: 2rem 2rem 0rem 0rem;
        border: 1px solid #014546 !important;
        box-shadow: 0px 10px 10px #026263 inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #014546 inset;
    }
     
    .s-product-card-content-footer salla-add-product-button .s-button-primary {
            color: var(--text-btn);
        background: linear-gradient(to right, #018d8f 20%, #014546 30%, #031d1a 70%, #037f81 80%);
        background-size: 500% auto;
        animation: textShine 5s ease-in-out infinite alternate;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
    }
    
    .s-product-card-content-footer salla-add-product-button .s-button-primary {
             color: var(--text-btn);
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%);
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
    }
    button.undefined.s-button-element.s-button-btn.s-button-primary.s-button-wide.s-button-loader-center {
        color: var(--text-btn);
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%);
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
    }
    .s-slider-block__display-all {
          background-color: #031d1a !important;
            color: white;
           box-shadow: 0 10px 10px #014546 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #031d1a  inset!important;
            background: linear-gradient(131deg, #031d1a , #014546) !important;
    }
    
    
    .footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 {
        color: #ffffff;
        border-radius: 23px;
        background-color: #031d1a !important;
        color: white;
        box-shadow: 0px 8px 10px #02685c inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px 8px 10px 3px #02685c inset!important;
        border-radius: 20px 20px 0px 0px !important;
        background: linear-gradient(131deg, #033933, #033933)!important;
    }
    
    .s-block.dark {
            border-radius: 0 2rem;
            animation: textShine 5s ease-in-out infinite alternate;
        border-radius: 23px;
        background-color: #031d1a !important;
        color: white;
        box-shadow: 0px 8px 10px #02685c inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px 8px 10px 3px #02685c inset!important;
        border-radius: 20px 20px 0px 0px !important;
        background: linear-gradient(131deg, #033933, #033933)!important;
    
    }
        
   
        
      
    .store-footer h3 {
            color: #ffffff;
            background-color: #d3c31c !important;
            color: #031d1a!important;
            border-radius: 0 1rem !important;
           background: linear-gradient(131deg, rgb(255 233 0), #ccbb0a);
        box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset;
    
    }
 
        
    .dark .contact-links a {
            background-color: #d3c31c !important;
            color: #031d1a!important;
        box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset;
              border-radius: 0 1rem;
           background: linear-gradient(131deg, rgb(255 233 0), #ccbb0a);
    }
        
    h2.w-full.da-cp.text-center {
        box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset;
            border-radius: 0 12px  !important;
           background: linear-gradient(131deg, rgb(255 233 0), #ccbb0a);
            text-shadow: 0 1px 2px #031d1a;
    }   
    
    
    .dark .da-ts {
        color: #98ebec !important;
     }
    
    
    .s-button-primary {
        border-color: #d3c31c96;
    }
      
    salla-slider .s-slider-block__title-right h2::before {
            position: absolute;
            left: -3px;
            bottom: 0.35rem;
            z-index: 1;
            height: 10px;
            width: calc(100% + 7px);
            border-radius: 2rem;
            opacity: 0.3;
            tw-content: "";
            content: var(--tw-content);
                background-color: #019ea1;
    }
        
    .flex.h-full.transition-shadow.duration-500.hover\:shadow-default.bg-white.da-bgg.rounded-lg.relative {
         border-radius: 0 2rem;
            border: 1px solid #019ea1 !important;
           --tw-shadow: 0px 5px 10px #019ea1;
            --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-ring-shadow, 0 0 rgba(0, 0, 0, 0)), var(--tw-shadow);
           
    }
    
    .dark .tabs .tab-trigger.is-active {
           background-color: #031d1a !important;
        color: #014546 !important;
              color: #ffffff !important;
            box-shadow: 0 10px 10px #03b1b2 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #048385 inset !important;
            background: linear-gradient(131deg, #014546, #014546) !important;
        border-radius: 0 12px  !important;
        border: 1px solid #05bfc1 !important;

    
    }
    
    .tabs__outline .tab-trigger.is-active {
              background-color: #031d1a !important;
        color: #014546 !important;
              background-image: linear-gradient(to right, rgb(229 210 16) 20%, rgb(245 224 4) 30%, rgb(218 201 19) 70%, rgb(227 207 5) 80%)!important;
            background-size: 500% auto;
        box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset!important;
        border-radius: 0 12px  !important;
    
    }
    
    
    
    .tabs__outline .tab-trigger{
        border-width: 0px;
            animation: wiggle 2.5s infinite;
            border-color: #6b030400;
        color: #fff !important;
             background-color: #031d1a !important;
           box-shadow: 0 10px 10px #014546 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #031d1a  inset!important;
            background: linear-gradient(131deg, #031d1a , #014546) !important;
        border-radius: 0 12px  !important;
        
    }
    .dark .tabs__flex .tab-trigger {
               background-color: #031d1a !important;
        color: #014546 !important;
              background-image: linear-gradient(to right, rgb(229 210 16) 20%, rgb(245 224 4) 30%, rgb(218 201 19) 70%, rgb(227 207 5) 80%)!important;
            background-size: 500% auto;
        box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset!important;
        border-radius: 0 12px  !important;
    
    }
    
    
    i.sicon-menu.text-primary.text-2xl {
            border-radius: 0 10px !important;
            color: #fff !important;
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
            text-shadow: 0 1px 1px #000;
        }
    
    .mode-toggler.header-btn.cursor-pointer {
           border-radius: 0 10px !important;
            color: #fff !important;
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
            text-shadow: 0 1px 1px #000;
    }
    
    
       span.search-btn.header-btn.flex.da-fm.angelmodal-toggle.cursor-pointer {
        border-radius: 0 10px !important;
            color: #fff !important;
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
            text-shadow: 0 1px 1px #000;
    }
     
    .mm-spn.mm-spn--light {
            color: #fff !important;
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
    }
    
    
    
    .mm-spn {
        width: 100%;
        height: 100%;
        border-radius: 3rem 0 0 3rem !important;
        border: 1px #d7e306 solid !important;
    }

    .s-slider-block__display-all::after, .s-block__display-all::after {
        background-color: #f1ff00 !important;
    
    }
    
      .s-slider-block__display-all::after, .s-block__display-all::after {
            width: auto;
            opacity: 0.7;
           
    }
    
     .dark .s-product-card-price {
            color: #00fdff;
    }
    
     .s-product-card-promotion-title {
            top: 4px !important;
            right: 5px !important;
            padding: 0px  5px  !important;
            font-size: calc(0.3vw + 0.8vh);
            color: #ffffff;
            color: #ffffff !important;
            box-shadow: 0 10px 10px #03b1b2 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #048385 inset !important;
            background: linear-gradient(131deg, #014546, #014546) !important;
    }
    
      [dir=rtl] .s-product-card-discount {
           box-shadow: 0 10px 10px #03b1b2 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #048385 inset !important;
            background: linear-gradient(131deg, #014546, #014546) !important;
            animation: textShine 5s ease-in-out infinite alternate;
            border-radius: 0px 12px 12px 0px;
            padding-bottom: 0px;
           line-height: 18px;
             font-size: 14px;
        
    }
    
    .dark .s-product-card-content-subtitle {
        color: #ccbb0ac7;
    }
    .s-product-card-content-subtitle {
            font-size: 10px !important;
            color: #026d6e;
        }
    
    .dark .s-slider-block__display-all,.dark .s-block__display-all {
        background-color: #031d1a !important;
        color: #202020 !important;
        background-image: linear-gradient(to right, rgb(229 210 16) 20%, rgb(245 224 4) 30%, rgb(218 201 19) 70%, rgb(227 207 5) 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset!important;
        border-radius: 0 12px !important;
    }
    
    
    .s-button-primary {
          background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%) !important;
           background-size: 500% auto;
           box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset !important;
           border: 1px solid #05c8cb !important;
           border-radius: 0 1rem !important;
            text-shadow: 0 1px 2px #031d1a;
                font-size: 16px;
                
    }
     
    
    button.relative.px-1.py-1.btn--wishlist.animated.lazy.rounded-tiny.s-button-element.s-button-button.s-button-outline.s-button-light-outline.s-button-loader-center {
            background-color: #d3c31c !important;
            background: linear-gradient(131deg, rgb(255 233 0), #ccbb0a) !important;
            box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset !important;
            color: #fff !important;
            text-shadow: 0 1px 1px #031d1a;
            border-radius: 0 7px !important;
                border-width: 0px;
                
    }
    
      
     .dark .s-product-options-option-label small {
        color: #dfcb0a;
    }
    
    .s-product-options-option-label small {
        color: #01b7ba;
    }
    
    .s-form-control {
        border: 1px solid #037a7c !important;
        border-radius: 1.25rem;
        padding-right: 15px;
        font-size: 15px;
    }
    
    
    
    .s-cart-summary-count {
           background: #ddd614;
                  color: #014546 !important;
    
    }
        
     
    .s-add-product-button-main .s-add-product-button-mini-checkout {
        text-shadow: 0 1px 2px #026d6e;
          color: #ffffff;
          background-color: #d3c31c !important;
          color: #031d1a!important;
          border-radius: 0 1rem !important;
          background: linear-gradient(131deg, rgb(255 233 0), #ccbb0a)!important;
          box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset!important;
   
        }
        
         .is-sticky-product-bar .sticky-product-bar salla-add-product-button button[quick-buy] {
              border-radius: 0 1rem !important;
              color: var(--text-btn);
              background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
              background-size: 500% auto;
              box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset!important;
    }
    
      [dir=rtl] .promotion-title {
            background-color: #031d1a !important;
            border-radius: 0 1rem !important;
          color: #ffffff !important;
            box-shadow: 0 10px 10px #03b1b2 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #048385 inset !important;
            background: linear-gradient(131deg, #014546, #014546) !important;
        
    }
       
    
        
    .s-comment-form-content .s-comment-form-action salla-button button {
            animation: clicke 2.2s cubic-bezier(0,.89,.75,1.44) infinite;
         border-radius: 0 10px !important;
            color: #fff !important;
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset!important;
            text-shadow: 0 1px 1px #000;
    }
        
     
    button.header-btn.\!flex {
         background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset!important;
            text-shadow: 0 1px 1px #031d1a;     
            justify-content: center;
              display: flex !important;
            justify-content: center;
            height: 2.5rem;
            margin: 2px;
            align-items: center;
            text-align: center;
            padding: 10px;
            border-radius: 0 10px !important;
            color: #fff !important;
    
    }      
    
    
    .justify-end .s-cart-summary-wrapper{
            height: 2.5rem;
            margin: 2px;
            justify-content: center;
            align-items: center;
            text-align: center;
            padding: 10px;
            border-radius: 0 10px !important;
            color: #fff !important;
        background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
        background-size: 500% auto;
        box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset!important;
            text-shadow: 0 1px 1px #031d1a;
    }
    

   
    button.s-social-share-btn.s-button-element.s-button-icon.s-button-outline.s-button-light-outline.s-button-loader-center {
        color: #fff !important;
     
     }
      
 
.sub-cat-icon.lazy.swiper-slide.max--4.min--10 {
     padding: 0.1rem .1rem !important;
      background-size: 500% auto;
      animation: textShine 5s ease-in-out infinite alternate;
      border-radius: 0rem 2rem  0rem 2rem !important;
      color: #fff !important;
      background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
      background-size: 500% auto;
      box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset;
      text-shadow: 0 1px 1px #000;
}
select#product-filter {
      border-color: #026d6e6e;
   color: #014546 !important;
   background-color: #e6d30e !important;
   font-family: 'sky-bold'!important;
       padding-top: 1px;   
       box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset !important;
       border-radius: 0 10px !important;
   }    

.coupon-wrapper {
   display: flex;
   justify-content: center;
}

 .coupon-copy-button {
   display: flex;
   flex-direction: row-reverse;
   align-items: center;
   margin-top: -0.6rem;
}  

.s-user-menu-trigger {
    background: linear-gradient(to right, #014546 20%, #014546 30%, #014546 70%, #014546 80%)!important;
    box-shadow: 0px 10px 10px #026d6e inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #026d6e inset!important;
        text-shadow: 0 1px 1px #031d1a;
        border-radius: 0 10px !important;
        color: #fff !important;
        justify-content: center;
        align-items: center;
        text-align: center;
}


    salla-slider .s-slider-block__title-nav button .s-slider-button-icon svg {
         fill: #039a9c !important; 
    }
    
      .s-slider-block__display-all, .s-block__display-all {
            gap: .0rem;
            padding: 6px 10px;
            margin-top: -0.5rem;    
            border-radius: 0 1rem;
            font-family: revert-layer;
            color: white;
        box-shadow: 0 10px 10px #014546 inset, 0 5px 10px rgba(5, 5, 5, .212), 0 -10px 10px #031d1a inset !important;
        background: linear-gradient(131deg, #031d1a, #014546) !important;
        }
        
        
    p.w-full.\!p-0.text-gray-400.da-ts {
        margin-top: -0rem;
    }
    
    .w-12 {
        margin-top: -0.4rem;
    }
    
    
    
    
    
    
    
    input#coupon-input {
            background-color: #fff !important;
            color: #000000;
                border-radius: 0 1rem !important;
            border: 1px solid #05c8cb !important;
        
    }
    
    #product-filter option[value="bestSell"] {
        display: none !important;
    }


    i.bg-primary.text-white.rounded-icon.sicon-shipping-fast.flip-x {
        background-color: rgb(4 197 17) !important;
    }
    .s-product-card-vertical .s-product-card-wishlist-btn {
        opacity: 5;
    }
    
    ul.s-social-share-list.a2a_kit.share.opened {
        border-radius: 0 1rem !important;
        box-shadow: rgb(3, 177, 178) 0px 10px 10px inset, rgba(5, 5, 5, 0.21) 0px 5px 10px, rgb(4, 131, 133) 0px -10px 10px inset !important;
        background: linear-gradient(131deg, rgb(1, 69, 70), rgb(1, 69, 70)) !important;

    }

    .s-button-light-outline {
        --tw-text-opacity: 1;
            color: rgba(107, 114, 128, var(--tw-text-opacity))
    
        color: rgba(255, 255, 255, var(--tw-text-opacity));
    }
    .s-button-icon .s-button-text {
        display: flex;
        height: 2rem;
        width: 2rem;
        border-radius: 1.25rem;
        align-items: center;
        justify-content: center;
        box-shadow: rgb(3, 177, 178) 0px 10px 10px inset, rgba(5, 5, 5, 0.21) 0px 5px 10px, rgb(4, 131, 133) 0px -10px 10px inset !important;
        background: linear-gradient(131deg, rgb(1, 69, 70), rgb(1, 69, 70)) !important;
    }

@media (min-width: 1024px) {
    .lg\:flex-row {
        flex-direction: column;
    }
}



.s-product-options-multiple-options-wrapper input {
    height: 1.3rem;
    width: 1.3rem;
   
}

.s-product-options-multiple-options-wrapper {
    display: flex;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-wrap: wrap;
    gap: 0.3rem;

}

.s-product-options-multiple-options-wrapper label {
    display: flex;
    border-radius: 15px;
    padding-left: 6px;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(0, 0, 0) !important;
    background-color: rgb(255, 255, 255) !important;
    margin-bottom: 0.3rem;
    gap: 0.1rem;
    width: auto;
        height: 1.6rem;

}


strong {
    font-size: small;
}
ul.multihome-tabs-wrapper {
    gap: 0.3rem;
}

.s-product-card-entry.dark {
    background-color: rgb(10 52 53);
}

.s-block__title.angel-products-title {
    margin-bottom: 0.5rem;
}

a.tab-trigger.reveiws-tab.is-active {
    color: #fff;
    box-shadow: 0px 8px 10px #02685c inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px 8px 10px 3px #02685c inset !important;
    background: linear-gradient(131deg, #033933, #033933) !important;
}




a.tab-trigger.relative.p-product.options-tab.is-active
{
    color: #fff;
    box-shadow: 0px 8px 10px #02685c inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px 8px 10px 3px #02685c inset !important;
    background: linear-gradient(131deg, #033933, #033933) !important;
}


a.tab-trigger.description-tab.is-active {
    background-size: 500% auto;
    color: #fff!important;
    box-shadow: 0px 8px 10px #02685c inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px 8px 10px 3px #02685c inset !important;
    background: linear-gradient(131deg, #033933, #033933) !important;
    border-radius: 6px 8px 0px 0px !important;
}


.multihome-tabs-wrapper li button {
    padding: 0rem;
    padding-left: 0rem;
    padding-right: 0rem;
    color: white;
    box-shadow: 0px 8px 10px #02685c inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px 8px 10px 3px #02685c inset ;
    border-radius: 20px 20px 20px 20px !important;
    background: linear-gradient(131deg, #033933, #033933) ;
}

.multihome-tabs-wrapper li button.active {
    background-color: #d3c31c !important;
    color: #031d1a !important;
    background: linear-gradient(131deg, rgb(255 233 0), #ccbb0a);
    box-shadow: 0px 10px 10px #ccbb0a inset, 0px 5px 10px rgba(5, 5, 5, 0.212), 0px -10px 10px #c3b30d inset;
}




.magnify-wrapper .img-magnifier-glass {
    display: block;
}