/* Add custom CSS styles below */ 
.store-footer .footer-container {
    justify-content: space-between;
    gap: 1rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    padding-top: 2rem;
    padding-bottom: 2rem;
    text-align: center;
    color: white;
    
}
.mm-spn li:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    transform: rotate(45deg) translate(0, -50%);
    opacity: .4;
    color: white;    
}
.sicon-cancel:before {
    content: "\ea47";
    color: white;    
}   
.mm-spn.mm-spn--navbar:before {
    color: white;
    content: "";
    display: block;
    position: absolute;
    top: calc(var(--mm-spn-item-height) / 2);
    width: 10px;
    height: 10px;
    margin-top: 2px;
    border-top: 2px solid;
    border-left: 2px solid;
    opacity: .50;
}    
.mm-spn.mm-spn--navbar:after {
    opacity: 0.9;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    color: white;    
}    
.footer-top {
    border: 0;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);
    margin-bottom: 13px;
    padding: 24px;
    display: flex;
    justify-content: center !important;    
 }
.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: white; 
 } 
 
 
 
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(245 245 245);
 } 
.tabs-wrapper .tabs__item.is-active {
    display: block;
    BORDER: 1PX SOLID #6ac6af;
    BORDER-WIDTH: .15REM; 
 } 
.opacity-60 {
    opacity: 0.6;
    display: none; 
 }
 .tabs .tab-trigger.is-active {
    --tw-bg-opacity: 1;
    --tw-text-opacity: 1;
    color: #6ac6af;
    border: 1px solid #6ac6af;
 }
.details {
    margin-bottom: 1rem;
    border: solid 2px #6ac6af;
 
  }
[dir="rtl"] .md\:end-4 {
        left: 1rem;
        display: none; 
}
 
.s-product-card-wishlist-btn {
    box-shadow: none !important;
    position: static !important;
    position: initial !important;
    padding: 0 !important;
    background-color: rgba(0, 0, 0, 0) !important;
    border: medium none currentColor !important;
    border: initial !important;
    display: none; 
 }
 
.gap-2 {
    gap: 0.5rem;
}
.items-center {
    align-items: center;
}
.grid-cols-3 {
    grid-template-columns: auto;
}
.grid {
    display: inline-flex; 
 }
 
.s-block__title h2 {
    position: relative;
    font-size: 2rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1.2; 
    padding-top: 1rem;
 } 
.contact-links a {
    min-width: 3.5rem;
    border-radius: 0.375rem;
    background-color: #ffffff;
    --tw-bg-opacity: 0.5;
    padding: 0.5rem; 
 } 
.store-footer h3 {
    color: #ffffff; 
 } 
 .store-footer a {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    color: white;
 }  
 
.md\:mb-0 {
        margin-bottom: 0px;
        color: white; 
 } 
 .grid-cols-3 {
    grid-template-columns: 1;
 
 
 }
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr)); 
 
  }
 .grid {
    display: grid;
}
.contact-links a {
    min-width: 3.5rem;
    border-radius: 0.375rem;
    background-color: #6ac6af;
    --tw-bg-opacity: 0.5;
    padding: 0.5rem; 
 }
[dir="rtl"] .footer-middle .footer-list a {
        text-align: center;
 }
 
[dir="rtl"] .footer-middle h3 {
        text-align: center;
 
 } 
 .main-nav-container.animated .inner, .main-nav-container.hide .inner {
    transition: top .5s, transform .5s, opacity .4s;
}

.main-nav-container.fixed-pinned .inner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
    background-color: #6ac6af;
}
.main-nav-container.fixed-header .inner {
    transform: translate3d(0, 0, 0);
}
.main-nav-container.fixed-pinned .inner {
    margin: .5rem auto;
    width: calc(100% - 1rem) !important;
    opacity: .85;
 
 }
 .sicon-menu:before {
    content: "\ed7f";
    color: #1a4f3b;
 } 
 [dir="rtl"] .ms-1 {
    margin-right: 0.25rem;
    color: #1a4f3b;
 }    
.s-cart-summary-total {
    color: #1a4f3b;    
 }     
 .lazy__bg.lazy_menu {
    display: none
 
 }
 
    
 [class*=" sicon-"], [class^=sicon-] {
    font-family: sallaicons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #1a4f3b;   
   }   
  .mm-spn a, .mm-spn span {
    position: relative;
    z-index: 1;
    padding: calc((50px - 24px) / 2) 20px;
    padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height)) / 2) var(--mm-spn-item-indent);
    color: white;  
    
 }     
.mm-spn.mm-spn--navbar.mm-spn--main:where([dir="rtl"], [dir="rtl"] *):after {
    padding-right: 0.75rem;
    color: white;    
  }    
.store-footer .store-links-items {
    -moz-columns: 2;
    columns: 1;    
}     
    
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    border: 1px solid;    
 }   
.store-footer .store-links-items a {
    max-width: none;    
 }    
    
 .md\:px-4 {
        padding-left: 1rem;
        padding-right: 16rem;    
   } 
   
h2 {
    text-align: center;
 }   
.s-block__title p {
    margin-top: 0rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    opacity: 1;
    text-align: center;   
 }    
.sicon-refund:before {
    content: "\eec6";
    color: #6ac6af;   
 }
 .sicon-shipping-fast:before {
    content: "\ef31";
    color: #6ac6af;
  }
 .sicon-packed-box:before {
    content: "\e953";
    color: #6ac6af;
 }
.sicon-whatsapp2:before {
    content: "\e917";
    color: white; 
 
 }
 .sicon-iphone:before {
    content: "\ece5";
    color: white; 
 
  }   
 .sicon-mail:before {
    content: "\ed57";  
    color: white; 
  }   
 .py-3 {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    background-color: #f5f5f5;
 }
.sicon-link:before {
    content: "\ed2c";
    color: white; 
}
 
.sicon-headphones:before {
    content: "\ec97";
    color: white;
}
    
  @media (max-width: 767px) {  
 .md\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem;     
     }
 }
 
 .angel-ad {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        display: none;
  }
.s-product-card-content salla-add-product-button .s-button-text {
    gap: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-size-adjust: 10px;
    font-size: 12px; 
  }
  .store-header{
   background-color: #6ac6af;
  }
 .header-container.container {
    background-color: #6ac6af;}
  

@media (max-width: 768px) { 
    .w-full {
        transform: scale(1.04); 
    
    }
    
}
.sicon-shopping-bag2 {
  
    color: white !important ;
}
 .store-footer .footer-container .logo-footer .foo {
    margin-bottom: 1.5rem;
    width: auto;
        transform: scale(1.4);

}
#app > div.app-inner.flex.flex-col.min-h-full > div.similar-products.container.mt-4 {
   
    margin-top: 4rem; 
}
#app > div.app-inner.flex.flex-col.min-h-full.with-transparent-header.relative > footer > div > div > div.footer-bottom.flex.flex-col.lg\:flex-row.items-center.justify-between.py-4.gap-4 > div {
    color: white;
}
.social-links .icon {
   font-size: 1.7rem;
    color: white;
}
@media (min-width: 1280px) {
    .container {
        max-width: none;

}