.product-slider-wrap.relative.w-full.lg\:\!w-7\/12.overflow-hidden.shrink-0.mb-8.lg\:mb-0 {
        width: 100% !important;
}

.loader-init img {
        max-width: 100% !important;
}

salla-slider.with-number-pagination .swiper-pagination,
#main-slider-1-0>div.s-slider-block__title {
        display: none;
}

.feature-icon p.opacity-70 {
        font-size: 12px;
}

.feature-icon h2 {
        font-size: 1rem
}

#product-tabs > div.product-details-col.lg\:sticky.top-20.w-full.lg\:w-5\/4 > div.flex.flex-col.gap-3.lg\:gap-4 > div.flex.whitespace-nowrap.gap-4.items-center,
.product-single .product-details__item
{
      flex-wrap:wrap
}

.header__icons {
        gap: 0.2rem;
}
/* Common styles */
p.product-entry__subtitle.text-sm.text-gray-500.leading-6 {
    position: relative; /* Required for absolute positioning */
}
p.product-entry__subtitle.text-sm.text-gray-500.leading-6::after {
    content: "\e919";
    position: absolute;
    top: 0;
    font-size: 1rem;
    font-family: "sallaicons" !important;
    color: var(--color-primary);
    font-weight: 500;
}

/* LTR-specific styles */
html[dir="ltr"] p.product-entry__subtitle.text-sm.text-gray-500.leading-6 {
    padding-left: 25px;
}

html[dir="ltr"] p.product-entry__subtitle.text-sm.text-gray-500.leading-6::after {
    left: 0;
}

/* RTL-specific styles */
html[dir="rtl"] p.product-entry__subtitle.text-sm.text-gray-500.leading-6 {
    padding-right: 25px;
}

html[dir="rtl"] p.product-entry__subtitle.text-sm.text-gray-500.leading-6::after {
    right: 0;
}


span.regular-or-normal-price.normal-price {
        color: var(--color-primary);
}

.product-entry__price.product-entry--sale {
        justify-content: flex-end;
}

div#product-tabs {
        flex-direction: column-reverse;
        display: flex;
        gap: 24px;
        padding-bottom: 0;
}

.product-details-col {
        padding-top: 1rem;
}

.newDiv {
        border-left: 1px solid var(--color-section-border);
        margin-bottom: 1.25rem;
        width: 100%
}

.product-details__item li.flex.flex-wrap.gap-x-1 {
        column-gap: 0.25rem;
        row-gap: 0.75rem;
}

.product-single .product-details-col .sale-price,
.center-block-title .s-block__title p {
        color: var(--color-primary);
}

small.text-gray-500 {
        font-size: 16px;
        font-weight: 600;
}

#product-details-tab>p {
        padding-left: 1.25rem;
}

.promotion-badge-wrap {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        max-width: 50%;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
}

.promotion-badge {
        background-color: var(--color-primary);
        padding: 4px;
}
.product-slider-wrap .promotion-badge-wrap {
        top: inherit;
    }

html[dir=rtl] .promotion-badge-wrap {
        right: 0.625rem !important;
        left: unset;
}

html[dir=ltr] .promotion-badge-wrap {
        left: 0.625rem !important;
        right: unset;
}

html[dir=ltr] #app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 .container .s-block--features__item {
        text-align: left;
}

html[dir=rtl] #app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 .container .s-block--features__item {
        text-align: right;
}



.product-entry:hover .promotion-badge-wrap {
        top: 50%;
}

.s-product-options-multiple-options-wrapper label {
        display: flex;
        justify-content: flex-start;
        align-items: baseline;
        gap: 20px;

}

.s-product-options-multiple-options-wrapper div {
        width: 100%;
        font-size: 12px;
}

.section-bg {
        background: rgba(255, 115, 12, 0.07);
}

button.btn--main,
.btn--add-to-cart button {
        background-color: rgba(255, 115, 12, 1);
        border-color: rgba(255, 115, 12, 1);
}

section.s-block.s-block--title-only.s-block--full-bg .s-block__title.relative {
        margin-top: 46px;
        margin-bottom: 18px;
        display: block;
}

.s-block__title.relative,
.flex.flex-col.justify-center.lg\:-translate-y-3 {
        display: none;
}

salla-button.btn--main.inline.duration-500.transition-colors.rounded.s-button-wrap.hydrated {
        background: transparent;
}

#product-tabs>div.product-details-col.lg\:sticky.top-20.w-full.lg\:w-5\/4>div>div.flex.gap-2\.5>div.grow>h1 {
        font-size: 1.4rem;
        font-weight: 500;
}

#product-tabs>div.product-details-col.lg\:sticky.top-20.w-full.lg\:w-5\/4>div>div.flex.whitespace-nowrap.gap-4.items-center>small {
        font-size: 14px;
}

.font-bold,
h1,
h2 {
        font-weight: 500 !important;
}

section#testimonials-block-10 {
        background: linear-gradient(90deg, rgb(250 203 114 / 14%) 0%, rgb(254 179 34 / 41%) 100%);
        color: #000;
}

@media (min-width: 768px) {
        .product-images--grid salla-slider.details-slider .swiper-slide {
                height: 100% !important;
        }

        .banners-grid--5 .banner-entry:nth-child(2),
        .banners-grid--5 .banner-entry:nth-child(4) {
                grid-row: span 4 / span 4;
        }

        section.s-block.s-block--title-only.s-block--full-bg .s-block__title.relative {
                margin-top: 66px;
                margin-bottom: 28px;
        }

 

        .newDiv {
                width: 100%
        }

        .product-details-col {
                width: calc(100% / 3);

        }

        div#product-tabs {
                flex-direction: row;
        }


        .promotion-badge-wrap {
                top: clamp(12.5rem, -1.0211rem + 21.1268vw, 18.125rem);
        }

        .section-bg {
                background: rgba(255, 115, 12, 0.07);
        }

        button.btn--main,
        .btn--add-to-cart button {
                background-color: rgba(255, 115, 12, 1);
                border-color: rgba(255, 115, 12, 1);
        }

        .center-block-title .s-block__title h2 {
                font-size: 2rem;
        }

        /*
    ================================================
      features section
    ================================================
    */
        #app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 {

                margin-top: -15%;
        }

        #app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 .container .col-span-2 {
                gap: 3rem;
                justify-content: center;
        }

        #app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 .container .s-block--features__item {
                width: 45% !important;
        }

}

@media (max-width: 1024px) {
        .promotion-badge-wrap {
                top: clamp(12.5rem, -4.3750rem + 35.1563vw, 18.125rem);
        }

        .s-block--products-slider salla-slider .swiper-slide {
                border-width: 0px;
                padding: 5px;
        }

}

@media (max-width: 769px) {

        .promotion-badge-wrap {
                top: clamp(8rem, -1.5245rem + 43.5407vw, 19.375rem);
        }
}


.s-add-product-button-main {
        align-items: center;
}


.product-single .addtocart-bar .s-button-btn {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
}

/*
    ================================================
      main banner & header
    ================================================
    */
.main-nav__content {
        padding-right: 5px !important;
        padding-left: 5px !important;
}

.index .main-nav .main-nav__content,
.index.header--transparent .top-nav {
        color: #fff !important;
}

.header--mini .main-nav__content .right-side {
        gap: 0.7rem
}

.index .main-nav .navbar-brand img {
        filter: invert(1) brightness(7.5);
}

.index .main-nav.fixed-pinned .navbar-brand img {
        filter: unset
}

.index .main-nav.fixed-pinned .main-nav__content {
        color: #000 !important;
}

.swiper-lazy-wrap .max-w-lg {
        max-width: 100% !important;
}

.swiper-lazy-wrap .max-w-lg h2 {
        font-weight: 500
}

.swiper-lazy-wrap .max-w-lg span {
        opacity: 1
}

.swiper-lazy-wrap .max-w-lg .anime-item .btn--main {
        background: #fff;
        color: #000;
        border-color: #fff;
}

.index.header--transparent #main-nav:not(.fixed-pinned) .mburger span {
        background-color: #fff !important;
}

/*
    ================================================
      features section
    ================================================
    */
#app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 {
        z-index: 2;
        background: transparent;
}

#app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 .container {
        padding: 40px;
        background: linear-gradient(0deg, rgba(248, 179, 128, 1) 0%, rgba(255, 115, 12, 1) 100%);
        grid-template-columns: repeat(2, minmax(0, 1fr));
}

#app>div.app-inner.flex.flex-col.min-h-full>section.s-block.s-block--anime.section-bg.s-block--enhanced-features.s-block--full-bg.py-10.md\:py-20.px-2\.5.md\:px-14 .container .s-block--features__item {
        color: #fff;
}

/* ================================================*/
@media only screen and (min-width: 481px) and (max-width: 900px) {
 .product-elems .images-wrapper{
   max-height:55vh
 }
 salla-slider.details-slider{
   height:400px
 }

}