/* Add custom CSS styles below */ 
/* Add custom CSS styles below */ 
.advanced-slider .swiper .swiper-slide-active h2 {
color:white;
}
.text-primary{
color:white;
}
.s-button-primary-outline{
color:white;
}
a span:hover{
color: white;
}

P{
color:white;
}
h1{
color:white;
}
h4{
color:#896397;
}
li{
color:white;
}
.footer-list>a:hover {
color:white;
}
.iti__country-list li span{
color:black;
}
.store-footer__newsletter button{
background-color:white;
}
.footer-is-custom .store-footer .store-footer__newsletter button {
color: black;
}
.no-content-placeholder{
background-color: black;
}

.s-button-element {
    background-color: #000000;
    border: 1px solid #ffffff;
}
.s-button-element{
color: #896397;
}
.border-primary{
border-color:#896397;
}
.store-footer a:hover {
color:#cecece;
}
.main-menu li.root-level>a:hover{
color:#896397;
}
.btn--close{
color:#896397;
}
a.btn-show-more.link--primary inline-block mt-2 cursor-pointer{
color:white;
}

.loading-overlay {
    backdrop-filter: blur(0px);
    -webkit-backdrop-filter: blur(0px);
    -moz-backdrop-filter: blur(0px);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    left: 0;
    top: 0;
    background-color: black;
}

.loading-overlay .spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
}

.loading-overlay .spinner img {
    height: 2.5rem;
    width: auto;
    animation: fadeIn 150s ease-in-out;
}

@media (min-width: 768px) {
    .loading-overlay .spinner img {
        height: 4rem;
    }
}

@-webkit-keyframes fadeIn {
    0%, 100% {
        -webkit-transform: scale(0.7);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
}

@keyframes fadeIn {
    0%, 100% {
        transform: scale(6.7);
    }
    50% {
        transform: scale(6.2);
    }
}


.s-add-product-button-mini-checkout-content {
    color: #896397;
}

.s-fast-checkout-button {
    display: flex;
    align-items: center;
    justify-content: center;
    height: var(--salla-fast-checkout-button-height);
    width: var(--salla-fast-checkout-button-width);
    border-radius: var(--salla-fast-checkout-button-border-radius);
    font-size: 0.875rem;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s ease-in-out 0s;
    border-style: none;
    border-image: initial;
    font-family: PingARLT;
    gap: 5px;
    direction: ltr;
    border-width: 1px;
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    color: var(--color-primary-reverse);
}

s-add-product-button-with-quick-buy:not(.s-add-product-button-with-apple-pay) .s-add-product-button-main {
    width: 100%;
}
@media (min-width: 640px) {
    .s-add-product-button-main {
        width: 100%;
        -moz-column-gap: .625rem;
        column-gap: .625rem;
    }
}
.s-add-product-button-main {
    display: flex;
    width: 66.666667%;
    -moz-column-gap: .375rem;
    column-gap: .375rem;
}
.s-add-product-button-mini-checkout-content {
    flex-direction: row-reverse;
}

@media (min-width: 640px) {
    .s-add-product-button-mini-checkout-content {
        font-size: .875rem;
        line-height: 1.25rem;
    }
}
.s-add-product-button-mini-checkout-content {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    white-space: nowrap;
    font-size: .8rem;
}
.s-add-product-button-mini-checkout-content svg {
    margin-right: 0;
    margin-left: .375rem;
}

.s-add-product-button-mini-checkout-content svg {
    margin-right: .375rem;
    height: 1rem;
    width: 1rem;
    fill: currentColor;
}
img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
}
.s-fast-checkout-button.rtl {
    flex-direction: row-reverse;
}
.s-add-product-button-mini-checkout  {
    background-color: white;
    border: 1px solid #ffffff;
    color: #ffffff;
}
.s-add-product-button-main .s-add-product-button-mini-checkout {
    --salla-fast-checkout-button-border-radius: 0;
    --salla-fast-checkout-button-height: 100%;
}

.s-add-product-button-main .s-add-product-button-mini-checkout {
    --salla-fast-checkout-button-border-radius: 0;
    width: 50%;
}
s-add-product-button-mini-checkout s-mini-checkout hide-scroll hydrated.s-fast-checkout-button.outline {
    background-color: transparent;
    border:white;
    color: white;
}
@media (max-width: 640px) {
    .hydrated .is-sticky-product-bar .sticky-product-bar, .hydrated .is-sticky-product-bar .sticky-product-bar__quantity, .hydrated .is-sticky-product-bar .sticky-product-bar salla-add-product-button {
        --tw-translate-y: 0px;
        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));
        opacity: 1;
        
    }
}
@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 4;
        display: flex;
        width: 100%;
        --tw-translate-y: 28rem;
        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));
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        gap: .625rem;
        padding: .75rem;
        opacity: 0;
        --tw-shadow: -1px -2px 9px 0 rgba(0,0,0,0.05);
        --tw-shadow-colored: -1px -2px 9px 0 var(--tw-shadow-color);
        box-shadow: 0 0 transparent, 0 0 transparent, var(--tw-shadow);
        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-delay: 500ms;
        transition-duration: 700ms;
        transition-timing-function: cubic-bezier(.55,0,.1,1);
    }
}
@media (max-width: 640px) {
    .hydrated .is-sticky-product-bar .sticky-product-bar, .hydrated .is-sticky-product-bar .sticky-product-bar__quantity, .hydrated .is-sticky-product-bar .sticky-product-bar salla-add-product-button {
        --tw-translate-y: 0px;
        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));
        opacity: 1;
    }
}
@media (max-width: 640px) {
    .s-add-product-button-main .s-add-product-button-mini-checkout  {
      width:350px;
    }
}
@media (max-width: 640px) {
    .hydrated .is-sticky-product-bar .sticky-product-bar, .hydrated .is-sticky-product-bar .sticky-product-bar__quantity, .hydrated .is-sticky-product-bar .sticky-product-bar salla-add-product-button {
        --tw-translate-y: 0px;
        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));
        opacity: 1;
    }
}

@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar__quantity {
        margin: 0;
        transition-delay: 900ms;
    }
}
@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar__quantity, .is-sticky-product-bar .sticky-product-bar salla-add-product-button {
        width: 100%;
        --tw-translate-y: 1.25rem;
        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));
        opacity: 0;
        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: 700ms;
        transition-timing-function: cubic-bezier(.55,0,.1,1);
    }
}
.center-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mb-5 {
    margin-bottom: 1.25rem;
}
@media (max-width: 640px) {
    .hydrated .is-sticky-product-bar .sticky-product-bar, .hydrated .is-sticky-product-bar .sticky-product-bar__quantity, .hydrated .is-sticky-product-bar .sticky-product-bar salla-add-product-button {
        --tw-translate-y: 0px;
        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));
        opacity: 1;
            margin: 0 auto;

  display: flex;
  justify-content: center;
    }
}
@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input .s-quantity-input-input {
        width: 80%;
    }
}
.s-block--tabs-produtcs .tab-trigger.is-active button {
    border-bottom-width: 2px !important;
    border-color: #896397!important;
    border-color: #896397 !important;
    color: #896397!important;
    color: #ffffff !important;
}
@media (max-width: 640px) {
    .is-sticky-product-bar .sticky-product-bar__quantity salla-quantity-input {
        width: 100%;
    }
}
.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
}
.justify-end {
    justify-content: flex-end;
}

.s-quantity-input-container {
    display: flex;
    height: 2.5rem;
    align-items: stretch;
    justify-content: space-around;
    border-radius: .375rem;
    border-width: 1px;
    font-size: .875rem;
    line-height: 1.25rem;
      margin: 0 auto;


  display: flex;
  justify-content: center;
}
.font-bold.text-sm{
color:white;
}
.link--primary{
color: #ffffff !important;}
#details_table a, .product-single-top-description a, .quickview-description a {
color:#896397;
}
.bg-primary {
    background-color: #896397;
}
.advanced-slider__caption__inner__content__button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    z-index: 1;
    height: 100%;
    background: #896397;
    transition: all .3s ease;
}
.li :hover{
color:white;
}
.profile__cover--placeholder {
    position: relative;

    background: #000000;
    background-size: 64px 64px;
}



.leading-8 {
    line-height: 2rem;
    font-size: 13px;
}

.main-nav-container {
 background-color: transparent;
}
@media only screen and (min-width: 1024px) {
    .main-menu .sub-menu {
        visibility: hidden;
        position: absolute;
        z-index: -10;
        --tw-translate-y: -0.75rem;
        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: 1px;
        border-color: rgba(209, 213, 219, .3);
        background-color: #000000;
        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, var(--tw-shadow);
        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-timing-function: cubic-bezier(.4,0,.2,1);
        transition-duration: 150ms;
    }
}
li:hover{
color:white;
}


[dir=rtl] .rtl\:mr-4 {
    margin-right: 1rem;
    color: white;
}
 .rtl\:mr-4 {
    margin-right: 1rem;
    color: white;
}
[dir=rtl] .header-btn__icon.icon {
    margin-left: 9px;
    margin-right: 0;
    margin-right: initial;
    color: white;
}
 .header-btn__icon.icon {
    margin-left: 9px;
    margin-right: 0;
    margin-right: initial;
    color: white;
}


.scroll-to-top path {
    stroke: #896397;
    stroke-width: 4;
    box-sizing: border-box;
    fill: none;
}
header-btn__icon sicon-user{
color:white;
}
[dir=ltr] .ltr\:mr-2\.5 {
  color:white;
}
 .ltr\:mr-2\.5 {
  color:white;
}
    [dir=ltr] .centered_logo .header-btn__icon {
       color:white;
    }
 .centered_logo .header-btn__icon {
       color:white;
    }
.s-login-modal .iti__selected-dial-code {
    color: black;
}
.s-login-modal-link {
    margin-top: 1.5rem;
    display: block;
    text-align: center;
    font-size: .875rem;
    line-height: 1.25rem;
    color: white;
}
.main-nav-container .s-user-menu-dropdown .s-user-menu-dropdown-item i svg {
    fill: #000000;
}
.s-login-modal .s-modal-body, .s-login-modal .s-modal-close {
    background-color: white;
}
.self-center {
    align-self: center;
    visibility: hidden;
}
.main-nav-container .s-user-menu-dropdown .s-user-menu-dropdown-item i svg {
    fill: #ffffff;
}
html:not(.dark) .box-white {
    display: flex;
}
html:not(.dark) .box-dark{
    display: none;
}
.space-y-5 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem*(1 - var(--tw-space-y-reverse)));
    margin-top: calc(1.25rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem* var(--tw-space-y-reverse));
    color: red;
}
.text-store-text-primary:hover{
color:#896397;
}
.navbar-brand img {
    max-height: 120px;
    max-width: 300px;
    filter: brightness(0) invert(1);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent;
    outline: none;
    padding: 0;
    COLOR: BLACK;
}
tamara-widget{color:#fff}
tamara-widget:hover{color:#111}
.s-button-text{
color:white;
}
[class^=sicon-], [class*=" sicon-"] {
    font-family: "sallaicons" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  
}
.space-y-4 > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem*(1 - var(--tw-space-y-reverse)));
    margin-top: calc(1rem* calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem* var(--tw-space-y-reverse));
    BACKGROUND-COLOR: BLACK;
    BORDER-COLOR: WHITE;
}
.s-slider-thumbs .s-slider-thumbs-container .swiper-slide.swiper-slide-thumb-active:after {
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0, 0, 0, 0);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0, 0, 0, 0));
    --tw-ring-color: #000000;
}