/* Add custom CSS styles below */ 
.line-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: white;
    font-size: 16px;
}
h1 {
    font-size: 1.575rem;
    line-height: 2.25rem
}
.border-primary {
    border-color: #000000;
    border-color: #854567;
}
.sicon-search:before {
    content: "\ef09";
    color: white;
}
.sicon-cart:before {
    content: "\e96b";
    color: white;
}
.s-cart-summary-total {
    display: ;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: #1e293b;
    color: rgb(255 255 255);
}
.price {
    color: #000000;
    color: rgb(0 0 0);

}
.text-green-500 {
    --tw-text-opacity: 1;
    color: #000000;
    color: rgb(0 0 0);
}
a {
       color: black;
}
@media(min-width: 768px) {
    .s-block--category__item a img {
        height: 210px;
    }
}
.s-block--single-product .container salla-button button {
      background-color: #894b6c;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
    height: 220px;
}
.s-block__title h2::before {
    position: absolute;
    top: 50%;
    height: 0%;
    width: .25rem;
 }
.text-gray-400 {
    --tw-text-opacity: 1;
    color: #ffffff;
    color: rgba(255,255,255,var(--tw-text-opacity))
}
.text-primary {
    color: #ffffff;
    color: #ffffff;
}
footer .footer-wrapper .inner-footer.container>div:first-child .footer-menu .menu-links a {
    display: inline-block;
    color: #414042;
    color: #ffffff;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}
footer .footer-wrapper .inner-footer.container .footer-contacts .contact-links a {
    display: flex
;
    align-items: center;
    gap: .5rem;
    color: #414042;
    color: #ffffff;
}
.social-links li i::before {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 600;
    color: #414042;
    color: #ffffff;
}
.social-links li::before {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    background-color: #ffffff;
    opacity: .2;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}
footer .footer-wrapper .inner-footer.container .footer-contacts .contact-links a p .text-unicode {
    display: inline-block;
    font-size: .875rem;
    line-height: 1.25rem;
    color: #414042;
    color: #ffffff;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: 150ms;
}
footer .footer-wrapper .inner-footer.container .footer-contacts .contact-links a i::before {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #414042;
    color: #ffffff;
}
footer .footer-wrapper .inner-footer.container .footer-contacts .contact-links a i::after {
    position: absolute;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-color: #414042;
    background-color: #ffffff;
    opacity: .2;
    --tw-content: "";
    content: "";
    content: var(--tw-content);
}
footer .footer-wrapper {
    position: relative;
    background-color: #854567;
    padding-top: 2rem;
    padding-bottom: 1rem;
}
.s-fast-checkout-button.outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: #fff;
    background-color: #fffcfe;
}
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    color: #ffffff;
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: #ffffff;
    background-color: #854567;
}
.s-button-primary {
    background-color: #414042;
    background-color: var(--color-primary);
    color: #ff6767;
    color: var(--color-primary-reverse)
}
.form-label {
    display: flex;
    align-items: center;
    gap: .375rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: #0f172a;
    color: rgb(255 255 255);
}
.price {
    color: #000000;
    color: rgb(255 255 255);
}
.s-add-product-button-mini-checkout-content {
    display: flex
;
    align-items: center;
    color: white;
}
.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    color: #ffffff;
 }
.s-fast-checkout-button.outline {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.text-primary {
    color: #ffffff;
    color: #854567;
}
.xs\:px-8 {
        padding-left: rem;
        padding-right: rem;
        m}
 } 
 .s-button-element:not(:disabled):not([loading]) {
    pointer-events:
    color: #e90d0d;
    }
    .text-\[\#404040\] {
    --tw-text-opacity: 1;
    color: #404040;
    color: rgb(255 255 255);
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: #f1f1f1;
    color: rgb(255 255 255);
}
a {
       color: #000000;
}
.text-gray-500 {
    --tw-text-opacity: 1;
    color: #f1f1f1;
    color: rgb(255 255 255);
}
a {
       color: #000000;
}
.object-cover {
    -o-object-fit: cover;
    object-fit: cover;
    height: 180px;
}
a {
       color: #000000;
}
.text-primary {
    color: #ffffff;
    color: #ffffff;
}
.text-slate-800 {
    --tw-text-opacity: 1;
    color: #1e293b;
    color: rgb(255 255 255);
}
.s-button-primary {
    border-width: 1px;
    border-color: #9C27B0;
    border-color: #ffffff;
    background-color: #414042;
    background-color: #854567;
    color: #ff6767;
}
.gap-5 {
    gap: .555rem
}
.reg-price {
    position: relative;
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 600;
    letter-spacing: .025em;
    --tw-text-opacity: 1;
    color: #9ca3af;
    color: rgb(7 8 10);
}
.reg-price::before {
    position: absolute;
    left: -5%;
    top: 50%;
    height: 1px;
    width: 110%;
    --tw-bg-opacity: 1;
    background-color: #969696;
    background-color: rgb(255 0 0);
    --tw-content: "";
    content: "";
    content: var(--tw-content)
}
.s-button-primary {
    border-width: 1px;
    border-color: #9C27B0;
    border-color: #ffffff;
    background-color: #414042;
    background-color: #854567;
    color: #ffffff;
}
 .main-menu .sub-menu {
        visibility: hidden;
        position: absolute;
        top: 100%;
        z-index: 9999;
        --tw-translate-y: -0.75rem;
        transform: translate(var(--tw-translate-x),-0.75rem) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        border-bottom-right-radius: .375rem;
        border-bottom-left-radius: .375rem;
        border-top-width: 2px;
        border-color: #414042;
        border-color: var(--color-primary);
        --tw-bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(133,69,103,var(--tw-bg-opacity));
        opacity: 0;
        --tw-shadow: 5px 10px 30px #2B2D340D;
        --tw-shadow-colored: 5px 10px 30px var(--tw-shadow-color);
        box-shadow: 0 0 transparent,0 0 transparent,5px 10px 30px #2b2d340d;
        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);
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: 150ms
    }
    .main-menu li>a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: .75rem;
        padding-bottom: .75rem;
        padding-left: .625rem;
        padding-right: .625rem;
        font-size: .875rem;
        line-height: 1.25rem;
        color: #414042;
        color: #000000;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
        transition-property: color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
        transition-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: 300ms
    }