.s-button-wrap {
    pointer-events: none
}

.s-button-wrap[width=wide] {
    width: 100%
}

.s-button-wrap[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.s-button-wrap[type=button] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.s-button-wrap[type=reset] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.s-button-wrap[loading] .s-button-loader-center .s-button-text {
    opacity: 0
} 

 .s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto
} 

 .s-button-btn {
    position: relative;
    display: inline-flex;
    flex: 1 1 0%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    border-radius: 4px;
    border-style: solid;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: .625rem;
    padding-top: .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 700;
    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
}

.s-button-btn:hover {
    opacity: .8
} 

 .s-button-wrap svg {
    height: 1.25rem;
    width: 1.25rem;
    fill: currentColor
} 
 .s-button-icon .s-button-text {
    display: flex
} 
 .s-button-solid .s-button-loader:before {
    border-top-color: rgba(255, 255, 255, var(--tw-border-opacity));
    --tw-border-opacity: 1;
    border-right-color: rgba(255, 255, 255, var(--tw-border-opacity));
    border-bottom-color: rgba(255, 255, 255, .2);
    border-left-color: rgba(255, 255, 255, .2)
} 

 .s-button-primary {
    border-width: 1px;
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: var(--color-primary);
    color: #ff6767;
    color: var(--color-primary-reverse)
}

.s-button-primary:hover {
    background-color: var(--color-primary-dark)
} 
 .s-button-primary-outline {
    fill: #414042;
    fill: var(--color-primary);
    color: #414042;
    color: var(--color-primary)
}

.s-button-primary-outline:hover {
    background-color: #414042;
    background-color: var(--color-primary);
    fill: #ff6767;
    fill: var(--color-primary-reverse);
    color: #ff6767;
    color: var(--color-primary-reverse)
} 
 .s-button-primary-link {
    fill: #414042;
    fill: var(--color-primary);
    color: #414042;
    color: var(--color-primary)
} 

 .s-button-wide {
    width: 100%
} 

 .s-button-text {
    pointer-events: none;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 300ms
} 
 .s-button-loader-after .s-button-loader {
    flex-direction: row
} 

 [dir=ltr] .s-button-loader-start.s-button-element {
    padding-right: 2rem;
    padding-left: 2.5rem
}

[dir=rtl] .s-button-loader-start.s-button-element {
    padding-left: 2rem;
    padding-right: 2.5rem
} 
 [dir=ltr] .s-button-loader-end.s-button-element {
    padding-left: 2rem;
    padding-right: 2.5rem
}

[dir=rtl] .s-button-loader-end.s-button-element {
    padding-right: 2rem;
    padding-left: 2.5rem
} 
 .s-gifting-widget .s-button-text {
    display: flex
} 
 .s-gifting-modal .s-modal-header {
    display: block
}

.s-gifting-modal .s-modal-body {
    position: relative !important;
    left: auto !important;
    left: initial !important;
    bottom: auto !important;
    bottom: initial !important
}

.s-gifting-modal .s-modal-body {
    padding-bottom: 2rem
}

@media(min-width:640px) {
    .s-gifting-modal .s-modal-body {
        padding-bottom: 1.5rem
    }
} 
 .s-gifting-steps-wrapper .s-button-wrap {
    pointer-events: auto !important
} 
 .s-localization-modal-title {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
} 

 .s-localization-modal-section {
    margin-bottom: 2rem
} 

 .s-localization-modal-label-slot {
    flex-grow: 1
} 

 .s-localization-modal-inner {
    width: 100%
} 

 .s-localization-modal-section-inner {
    margin-top: 1rem
}

.s-localization-modal-section-inner>: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))
} 

 .s-localization-modal-item {
    display: flex;
    align-items: center
} 

 .s-localization-modal-input {
    height: 1rem;
    width: 1rem;
    --tw-border-opacity: 1;
    border-color: rgba(209, 213, 219, var(--tw-border-opacity));
    color: #414042;
    color: var(--color-primary)
}

.s-localization-modal-input:focus {
    --tw-ring-color: var(--color-primary)
} 

 .s-localization-modal-label {
    display: flex;
    flex-grow: 1;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    --tw-text-opacity: 1;
    color: rgba(55, 65, 81, var(--tw-text-opacity))
}

.s-localization-modal-label * {
    pointer-events: none
}

[dir=ltr] .s-localization-modal-label {
    margin-left: .75rem
}

[dir=rtl] .s-localization-modal-label {
    margin-right: .75rem
} 

 .s-localization-modal-flag {
    border-radius: .125rem
} 
 .s-login-modal .s-modal-padding {
    padding-top: 60px
}

@media(min-width:640px) {
    .s-login-modal .s-modal-padding {
        padding-top: 1.5rem
    }
} 
 @media(max-width:768px) {
    .s-loyalty-modal .s-modal-body {
        max-height: 100%;
        overflow-y: scroll
    }
} 
 .s-map-location-button .s-button-text {
    display: flex;
    align-items: center
} 
 .s-modal-container {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 200;
    overflow: hidden
}

.s-modal-wrapper {
    height: 100%;
    overflow-y: auto;
    text-align: center
}

.s-modal-loader {
    margin-left: .5rem;
    margin-right: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    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
}

.s-modal-loader::before {
    display: inline-block;
    height: 2.5rem;
    content: var(--tw-content);
    width: 2.5rem
}

@keyframes spin {
    to {
        content: var(--tw-content);
        transform: rotate(360deg)
    }
}

.s-modal-loader::before {
    animation: spin 1s linear infinite;
    border-radius: 9999px;
    border-width: 2px;
    border-style: solid;
    border-top-color: #414042;
    border-top-color: var(--color-primary);
    border-left-color: #414042;
    border-left-color: var(--color-primary);
    border-bottom-color: rgba(243, 244, 246, var(--tw-border-opacity));
    --tw-border-opacity: 1;
    border-right-color: rgba(243, 244, 246, var(--tw-border-opacity));
    --tw-content: '';
    content: var(--tw-content)
}

.s-modal-close {
    position: absolute;
    top: .75rem;
    z-index: 10;
    width: 2.75rem;
    cursor: pointer;
    border-style: none;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    padding-left: .5rem;
    padding-right: .5rem;
    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
}

.s-modal-close * {
    pointer-events: none
}

input[type=radio].sr-only div.s-modal-close {
    transition: all .3s
}

input[type=radio].sr-only:checked~div.s-modal-close {
    border-color: #414042;
    border-color: var(--color-primary)
}

[dir=ltr] .s-modal-close {
    right: 0
}

[dir=rtl] .s-modal-close {
    left: 0
}

.s-modal-close svg {
    width: 1.25rem;
    fill: #f87171
}

.s-modal-close svg:hover {
    fill: #ef4444
}

.s-modal-header {
    flex-direction: column
}

.s-modal-header-inner {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    padding-right: 2rem;
    text-align: center
}

[dir=rtl] .s-modal-header-inner {
    padding-left: 2rem;
    padding-right: 0
}

@media(min-width:640px) {
    .s-modal-header-inner {
        display: block
    }
}

@media(min-width:768px) {
    .s-modal-header-inner {
        padding: 0 !important
    }
}

.s-modal-header-content {
    display: flex;
    flex-direction: column;
    text-align: left
}

[dir=rtl] .s-modal-header-content {
    text-align: right
}

@media(min-width:768px) {
    .s-modal-header-content {
        text-align: center
    }

    [dir=rtl] .s-modal-header-content {
        text-align: center
    }
}

.s-modal-header-img {
    margin-left: auto;
    margin-right: auto;
    max-width: 150px
}

@media(min-width:640px) {
    .s-modal-header-img {
        margin-bottom: 1rem
    }
}

.s-modal-icon {
    display: inline-flex;
    height: 4rem;
    width: 4rem;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgba(229, 231, 235, var(--tw-border-opacity));
    font-size: 1.875rem;
    line-height: 2.25rem
}

[dir=ltr] .s-modal-icon {
    margin-right: .5rem
}

[dir=rtl] .s-modal-icon {
    margin-left: .5rem
}

@media(min-width:640px) {
    .s-modal-icon {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 1rem;
        height: 5rem;
        width: 5rem
    }

    [dir=ltr] .s-modal-icon {
        margin-right: 0
    }

    [dir=rtl] .s-modal-icon {
        margin-left: 0
    }
}

.s-modal-icon svg {
    fill: #9ca3af
}

.s-modal-bg-normal {
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity))
}

.s-modal-bg-success {
    --tw-border-opacity: 1;
    border-color: rgba(134, 239, 172, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(220, 252, 231, var(--tw-bg-opacity))
}

.s-modal-bg-success svg {
    fill: #16a34a
}

.s-modal-bg-error {
    --tw-border-opacity: 1;
    border-color: rgba(252, 165, 165, var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(254, 226, 226, var(--tw-bg-opacity))
}

.s-modal-bg-error svg {
    fill: #dc2626
}

.s-modal-bg-primary {
    border-color: #414042;
    border-color: var(--color-primary);
    background-color: #414042;
    background-color: var(--color-primary)
}

.s-modal-bg-primary svg {
    fill: #ff6767;
    fill: var(--color-primary-reverse)
}

.s-modal-title {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    --tw-text-opacity: 1;
    color: rgba(17, 24, 39, var(--tw-text-opacity))
}

@media(min-width:640px) {
    .s-modal-title {
        margin-bottom: .5rem
    }
}

.s-modal-sub-title {
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgba(107, 114, 128, var(--tw-text-opacity))
}

@media(min-width:640px) {
    .s-modal-sub-title {
        margin-bottom: .5rem
    }
}

.s-modal-title-below {
    order: 10
}

.s-modal-body-slot {
    width: 100%
}

.s-modal-body {
    position: fixed;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    --tw-translate-y: 1rem;
    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));
    overflow: hidden;
    border-radius: 4px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px 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: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

[dir=ltr] .s-modal-body {
    text-align: left
}

[dir=rtl] .s-modal-body {
    text-align: right
}

@media(min-width:640px) {
    .s-modal-body {
        position: relative;
        margin-top: 2rem;
        margin-bottom: 2rem;
        --tw-translate-y: 0px;
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        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));
        overflow: visible;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px
    }
}

@media(min-width:768px) {
    .s-modal-body {
        left: auto;
        left: initial;
        bottom: auto;
        bottom: initial
    }
}

.s-modal-padding {
    padding: 1rem;
    padding-top: 1.5rem
}

@media(min-width:640px) {
    .s-modal-padding {
        padding: 1.5rem
    }
}

.s-modal-spacer {
    display: inline-block;
    height: 100vh
}

.s-modal-align-middle {
    vertical-align: bottom
}

@media(min-width:640px) {
    .s-modal-align-middle {
        vertical-align: middle
    }
}

.s-modal-align-top {
    vertical-align: bottom
}

@media(min-width:640px) {
    .s-modal-align-top {
        vertical-align: top
    }
}

.s-modal-align-bottom {
    vertical-align: bottom
}

.s-modal-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
    --tw-bg-opacity: 0.75;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(.4, 0, 1, 1)
}

.s-modal-overlay-leaving {
    opacity: 0
}

.s-modal-entering {
    --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;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

@media(min-width:640px) {
    .s-modal-entering {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        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))
    }
}

.s-modal-leaving {
    --tw-translate-y: 1rem;
    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
}

@media(min-width:640px) {
    .s-modal-leaving {
        --tw-translate-y: 0px;
        --tw-scale-x: .95;
        --tw-scale-y: .95;
        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))
    }
}

.s-modal-is-center {
    align-items: center
}

@media(min-width:640px) {
    .s-modal-is-center {
        text-align: center
    }

    .s-modal-xs {
        max-width: 380px
    }

    .s-modal-sm {
        max-width: 480px
    }
}

@media(min-width:768px) {
    .s-modal-md {
        max-width: 768px
    }
}

.s-modal-lg {
    max-width: 992px
}

.s-modal-xl {
    max-width: 1280px
}

.s-modal-full {
    height: 100%;
    width: 100%
}

@media(min-width:768px) {
    .s-modal-full {
        height: calc(100% - 70px);
        width: calc(100% - 70px)
    }
} 
 .s-offer-modal-type-discounts-table .s-modal-body {
    position: relative !important
} 
 .s-rating-modal-wrap .s-modal-body {
    position: relative !important
} 
 .s-scopes-modal .s-modal-header {
    display: block !important
} 
 .s-search-modal .s-modal-wrapper {
    align-items: flex-start;
    padding: 0
} 

 .s-search-modal .s-modal-spacer {
    display: inline
} 

 .s-search-modal .s-modal-body {
    position: relative !important
}

.s-search-modal .s-modal-body {
    padding: 0;
    width: 700px;
    max-width: 90%;
    margin-top: 3.2rem;
    border-radius: .5rem;
    background: 0 0;
    overflow: visible
} 

 .s-search-modal .s-modal-close {
    top: 50%;
    transform: translateY(-50%)
} 
 
salla-slider:not(.hydrated),
.carousel-slider {
    visibility: visible
}

salla-slider:not(.hydrated) .tooltip-content,
.carousel-slider .tooltip-content {
    visibility: visible;
    opacity: 1;
    transform: translate(82px, -120px)
}

salla-slider[type]:not(.hydrated)>div,
salla-slider[type]:not(.hydrated) .swiper>div>div,
.carousel-slider .swiper {
    margin-left: -.625rem;
    margin-right: -.625rem;
    display: flex;
    padding-left: 5px;
    padding-right: 5px
}

[dir=ltr] salla-slider[type]:not(.hydrated)>div {
    padding-right: 3rem
}

[dir=ltr] salla-slider[type]:not(.hydrated) .swiper>div>div {
    padding-right: 3rem
}

[dir=ltr] .carousel-slider .swiper {
    padding-right: 3rem
}

[dir=rtl] salla-slider[type]:not(.hydrated)>div {
    padding-left: 3rem
}

[dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div {
    padding-left: 3rem
}

[dir=rtl] .carousel-slider .swiper {
    padding-left: 3rem
}

@media(min-width:640px) {

    salla-slider[type]:not(.hydrated)>div,
    salla-slider[type]:not(.hydrated) .swiper>div>div,
    .carousel-slider .swiper {
        padding-left: 0;
        padding-right: 0
    }
}

@media(min-width:1024px) {
    [dir=ltr] salla-slider[type]:not(.hydrated)>div {
        padding-right: 0
    }

    [dir=ltr] salla-slider[type]:not(.hydrated) .swiper>div>div {
        padding-right: 0
    }

    [dir=ltr] .carousel-slider .swiper {
        padding-right: 0
    }

    [dir=rtl] salla-slider[type]:not(.hydrated)>div {
        padding-left: 0
    }

    [dir=rtl] salla-slider[type]:not(.hydrated) .swiper>div>div {
        padding-left: 0
    }

    [dir=rtl] .carousel-slider .swiper {
        padding-left: 0
    }
}

salla-slider[type]:not(.hydrated)>div>div,
salla-slider[type]:not(.hydrated) .swiper>div>div>div,
.carousel-slider .swiper-wrapper>div {
    flex-shrink: 0;
    padding-left: 5px;
    padding-right: 5px
}

@media(min-width:640px) {

    salla-slider[type]:not(.hydrated)>div>div,
    salla-slider[type]:not(.hydrated) .swiper>div>div>div,
    .carousel-slider .swiper-wrapper>div {
        padding-left: .625rem;
        padding-right: .625rem
    }
}

salla-slider:not([type=carousel]):not([type=thumbs]):not(.hydrated)>div,
salla-slider.photos-slider:not(.hydrated)>div {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding-left: 0;
    padding-right: 0
}

salla-slider:not([type=carousel]):not([type=thumbs]):not(.hydrated)>div>div,
salla-slider.photos-slider:not(.hydrated)>div>div {
    padding: 0
}

salla-slider:not([type=carousel]):not([type=thumbs]):not(.hydrated)>div>div:nth-child(n+2) {
    display: none
}

salla-slider[type=fullscreen] [slot=items]>div {
    min-height: calc(100vh - 100px);
    width: 100%
}

salla-slider:not(.hydrated) {
    display: block;
    overflow: hidden
} 
 salla-button1 .s-button-btn {
    border-radius: 4px
} 

 salla-button1 .s-button-text {
    display: flex
}

salla-button1.copied .s-button-text {
    --tw-text-opacity: 1;
    color: rgba(22, 163, 74, var(--tw-text-opacity))
} 
 .btn--wishlist .is-active .s-button-text span {
    display: none
}

.btn--wishlist .is-active .s-button-text i:before {
    --tw-content: "";
    content: var(--tw-content)
}

.product-single .main-content .share-rate-area .btn--wishlist {
    position: relative;
    height: 1.5rem
}

.product-single .main-content .share-rate-area .btn--wishlist .s-button-text {
    font-size: .875rem;
    line-height: 1.25rem
}

.product-single .main-content .share-rate-area .btn--wishlist[loading] .s-button-text {
    opacity: 0
} 
 button.btn--coupon .s-button-text {
    display: flex !important
} 

 salla-button1 {
    height: 42px
}

salla-button1 button {
    height: 100%
}

salla-button1.has-not-coupon button .icon,
salla-button.has-coupon button .coupon-text {
    display: none
}

salla-button1.has-coupon .s-button-text {
    display: inline-flex !important
}

salla-button1.has-coupon button {
    width: 3rem;
    border-style: none;
    padding-left: 0;
    padding-right: 0
} 
 .main-menu .mega-menu salla-button1 .s-button-btn {
    padding-left: .5rem;
    padding-right: .5rem
} 
 .product-entry button.s-button-btn {
    padding-left: .5rem;
    padding-right: .5rem
} 
 .product-single .s-comments .s-infinite-scroll-wrapper .s-button-btn {
    width: 100%
} 
 .s-product-availability-wrap button .s-button-text {
    font-weight: 500
}

.s-product-availability-wrap button .s-button-text:before {
    font-family: sallaicons;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-content: "";
    content: var(--tw-content)
}

:is([dir=ltr] .s-product-availability-wrap button .s-button-text):before {
    margin-right: .375rem
}

:is([dir=rtl] .s-product-availability-wrap button .s-button-text):before {
    margin-left: .375rem
}