@media (min-width: 1024px) {
    .banners-builder-single-content-informations {
        gap:2rem;
        margin-top: -280px
    }

    .brands-single-wrapper {
        display: inline-block;
        background-color: transparent;
        padding-bottom: 23px;
        text-align: center;
        /* pointer-events: none */
    }

    .banners-builder-single-content-grid-image-default.banners-builder-content-grid-image-default {
        height: 40% !important;
        margin-top: 29px;
        margin-bottom: -190px
    }

    .brands-slider .swiper-slide {
    }

    .discount-button-479 h4 {
        margin-bottom: -1px;
        border-color: #ffffff!important;
        color: #3e4d34!important
    }

    .discount-button-1694 h4 {
        border-color: #ffffff!important;
        color: #3e4d34!important;
        margin-bottom: -1px
    }

    .discount-button-1539 h4 {
        border-color: #ffffff!important;
        color: #3e4d34!important;
        margin-bottom: -1px
    }

    .social-button h4 {
        color: #3e4d34!important;
        margin-bottom: -1px
    }

    .main-menu li > a {
        font-size: 1.1rem;
        line-height: 1.7rem;
        color: #080808
    }

    .mm-spn li a span {
        font-weight: 400
    }

    .mm-spn li {
        position: relative;
        background: inherit;
        cursor: pointer;
        border-color: #eaeaea;
        border-width: 1px
    }

    .rtl\:ml-3:where([dir="rtl"],[dir="rtl"] *) {
        margin-left: 0.75rem;
        display: none
    }

    img[alt="Store Logo"] {
        width: 160px
    }

    .main-links-style-2-slider-single.swiper-slide {
        /* transform: translate3d(-164px,0px,0px) */
    }

    .main-links-style-2-slider-single-content-image-source {
        margin-right: 38px;
        width: 45%;
        pointer-events: none
    }

    .main-links-style-2-slider-single-content-image {
        margin-bottom: 15px;
        overflow: hidden;
        border-radius: 12px;
        pointer-events: none
    }

    .loader-init {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #efefe8;
        transition: opacity 0.75s,visibility 0.75s;
        z-index: 9999
    }

    .discount-button-691 h4 Specificity:(0,1,1) {
        border-color: #ffffff!important;
        color: #3e4d34!important;
        margin-bottom: -1px
    }

    .banners-builder-single-content-informations-button-icon-wrapper {
        display: none
    }

    :host [dir=rtl] {
        --font-primary: "IBM Plex Sans Arabic",sans-serif;
        --font-secondary: "IBM Plex Sans Arabic",sans-serif;
        margin-top: 30px
    }

    .lg\:justify-between {
        margin-right: -49px;
    }

    footer .new-social-icons {
        position: relative;
        right: 13px
    }

    .md\:pr-2 {
        padding-right: 3.7rem
    }

    .gap-6 {
        gap: 3.0rem
    }

    .md\:pr-2 {
        padding-right: 2.5rem
    }

    a[href="https://salla.sa/yoof"][aria-label="Store Home Page"] {
        width: 155px!important
    }

    a[href="https://salla.sa/yoof"][aria-label="Store Homepage"] {
        width: 170px!important
    }

    .main-menu li.root-level > a {
        padding-top: 0;
        padding-bottom: 2rem;
        font-weight: 700;
        font-size: 18px;
        color: #241f21
    }
}

@media (max-width: 1124px) {
    .lg\:justify-between {
        margin-right: -19px;
    }
}

.bg-gray-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(229,231,235,1);
    background-color: rgb(229 231 235 / 0%)
}

.navbar-box-shadow {
    background: #efefe8!important;
    height: 90px
}

.sm\:pb-0 {
    padding-bottom: 0;
    visibility: hidden
}

.flex.w-full.gap-3.py-4.items-center {
    visibility: hidden
}

.banners-builder-overlay-center {
    background: linear-gradient(0deg,rgba(2,0,36,0.34) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.00001) 100%);
    display: none
}

.mm-spn span,.mm-spn.mm-spn--navbar:after {
    background: 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #4b5563;
    font-weight: 700
}

@media (max-width: 768px) {
    [data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade] {
        opacity:1;
        margin-top: 87px
    }

    .loader-init {
        background: #efefe7
    }

    .flex.w-full.flex-col.lg\:flex-row.lg\:justify-between.gap-4.items-center.md\:items-start,div.app-inner > footer > div > div.footer-meta.flex.w-full.flex-col.items-center.gap-5 > div.flex.flex-col.w-full.gap-4.items-center.md\:items-start > div > p {
        text-align: center!important;
    }

    div.app-inner > footer > div > div.footer-meta.flex.w-full.flex-col.items-center.gap-5 > div.flex.flex-col.w-full.gap-4.items-center.md\:items-start > div > p {
        position: relative;
        right: 8px;
    }

    img[alt="Store Logo"] {
        width: 143px
    }

    .main-navbar {
        width: 470px;
        margin-top: -15px
    }

    .banners-builder-single-content-informations-title {
        color: #ffcc00!important;
        font-size: 45px!important;
        line-height: 55px!important;
        text-align: center;
        pointer-event: none
    }

    /*     .sticky-whatsapp-button {
        transform: translate(-343px,-111px);
        bottom: 10px!important
    } */
    .sticky-whatsapp-button {
        left: 11px;
        justify-content: end;
    }

    :root {
        --font-main: 'PingARLT';
        --color-primary: #3e4d34;
        --bg-primary: #efefe8;
        --bg-secondary: #ffffff;
        --bg-light: #ffffff;
        --heading-color: #241f21;
        --description-color: #808080;
        --color-primary-dark: #18270e;
        --color-primary-light: #64735a;
        --color-primary-reverse: #ffffff;
        background: #efefe8!important
    }

    a[href="https://salla.sa/yoof"][aria-label="Store Home Page"] img {
        width: 150px
    }

    a[href="https://salla.sa/yoof"][aria-label="Store Homepage"] img {
        width: 180px
    }

    .rtl\:ml-3:where([dir="rtl"],[dir="rtl"] *) {
        margin-left: 0.75rem;
        display: none
    }

    .py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-right: 30px
    }

    .banners-builder-single-content-informations-button {
        display: flex;
        height: 30px;
        align-items: center;
        --tw-text-opacity: 1;
        color: rgba(255,255,255,1);
        color: rgba(255,255,255,var(--tw-text-opacity,1));
        -webkit-text-decoration: none;
        text-decoration: none;
        display: none
    }

    .copyright-text {
        padding-bottom: 50px!important
    }
}

.contact-links a {
    min-width: 3.5rem;
    border-radius: 0.375rem;
    background-color: rgba(229,231,235,1);
    background-color: rgba(229,231,235,var(--tw-bg-opacity,1));
    --tw-bg-opacity: 0.5;
    padding: 1rem
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 9px
}

.mm-spn span,.mm-spn.mm-spn--navbar:after {
    background: 0 0;
    font-size: 14px;
    font-weight: 400;
    color: #4b5563!important
}

.enhanced-products-slider-heading-action {
    --tw-gradient-to: rgb(75 80 230 / 0) var(--tw-gradient-to-position);
    display: none
}

.new-social-icons .social-icon-link {
    border-radius: 0.375rem
}

.hover\:\!text-\[rgba\(0\2c 0\2c 0\2c 0\)\]:hover {
    color: rgba(0,0,0,0)!important;
    display: none
}

@media (min-width: 768px) {
    .sticky-whatsapp-button.fixed.z-\[20\].right-4.bottom-24.md\:bottom-20.lg\:bottom-16.flex.items-center.justify-center {
        left:5vw;
        right: unset
    }
}

.fullscreen-loader,.fullscreen-loader img,.fullscreen-loader span,.loader-init,.loader-init--hidden,.loader-init::after,.loader-init,.loader-init *,.s-button-loader *::before,.s-button-solid .s-button-loader *:before {
    background: #efefe8!important
}

.custom-options-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.custom-option-btn {
    padding: 8px 16px;
    border: 2px solid #ddd;
    border-radius: 8px;
    background-color: #f9f9f9;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.2s ease
}

.custom-option-btn:not(:disabled):hover {
    border-color: #aaa
}

.custom-option-btn.active {
    border-color: var(--color-primary,#007bff);
    background-color: var(--color-primary-light,#e7f3ff);
    color: #ffffff
}

.custom-option-btn:disabled {
    cursor: not-allowed;
    opacity: 0.6;
    background-color: #f0f0f0;
    position: relative;
    overflow: hidden
}

.custom-option-btn:disabled::after {
    content: '';
    position: absolute;
    top: 50%;
    left: -5%;
    width: 110%;
    height: 1px;
    background: #999;
    transform: rotate(-10deg)
}

.brands-slider.swiper-wrapper {
    justify-content: center;
}

@media (min-width: 800px) {
    .brands-slider.swiper-wrapper {
        position: relative;
        right: 23px;
    }
}

@media (max-width: 800px) {
    .brands-slider.swiper-wrapper {
        position: relative;
        right: 45px;
    }
}

@media (max-width: 750px) {
    .brands-slider.swiper-wrapper {
        position: relative;
        right: 8px;
    }
}

@media (max-width: 500px) {
    .main-links-style-2-slider {
        overflow:hidden!important;
        height: auto!important;
        padding: 0!important
    }

    .main-links-style-2-slider.swiper-wrapper {
        display: grid!important;
        grid-template-rows: 1fr!important;
        grid-auto-flow: column!important;
        grid-auto-columns: 54.667px!important;
        gap: 14px!important;
        overflow-x: auto!important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        transform: none!important;
        width: auto!important;
        height: auto!important;
        margin: 0!important;
        padding: 0 16px!important;
        box-sizing: border-box!important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .main-links-style-2-slider-single.swiper-slide {
        width: auto!important;
        height: auto!important;
        margin-left: 0!important;
        margin-right: 0!important;
        opacity: 1!important;
        visibility: visible!important;
        position: static!important;
        display: block!important;
        scroll-snap-align: start;
        margin-bottom: -2px;
    }

    .swiper-button-next,.swiper-button-prev,.swiper-pagination {
        display: none!important
    }
}

.main-links-style-2-swiper-actions-center.navigation-center-style.sal-animate {
    display: none;
}

section.main-links-style-2.bg-\[var\(--bg-primary\)\].duration-\[0\.3s\] .swiper-wrapper {
    justify-content: center;
}

@media (max-width: 400px) {
    .main-navbar .flex.items-center.gap-8 {
        position: relative;
        right: 29px;
    }

    .main-links-style-2-slider.swiper-wrapper {
        grid-auto-columns: 47.667px!important;
    }

    .main-links-style-2-slider-single-content-title h4 {
        font-size: .8rem;
    }
}

.banners-builder-single-content-informations-button {
    display: none;
}

@media (max-width: 1000px) {
    section.brands.bg-\[var\(--bg-primary\)\] .swiper-backface-hidden .swiper-slide {
        width: 25vw !important;
    }
}

@media (max-width: 400px) {
    section.brands.bg-\[var\(--bg-primary\)\] .swiper-backface-hidden .swiper-slide {
        width: 24vw !important;
    }

    section.brands.bg-\[var\(--bg-primary\)\] .swiper-container.custom-slider.brands-1618.overflow-hidden.swiper-initialized.swiper-horizontal.swiper-pointer-events.swiper-rtl.swiper-backface-hidden {
        overflow: visible;
    }
}

@media (max-width: 350px) {
    section.brands.bg-\[var\(--bg-primary\)\] .swiper-backface-hidden .swiper-slide {
        width: 34vw !important;
    }
}

@media (min-width: 768px) {
    .sticky-product-bar salla-quick-buy:has(.s-quick-buy-apple-pay) {
        flex-basis: auto;
        /* اجعله يأخذ عرضه الطبيعي */
        width: auto;
    }

    .sticky-product-bar:has(.s-quick-buy-apple-pay) .sticky-product-bar__quantity {
        flex: 1;
        /* يأخذ جزء واحد من المساحة المتاحة */
    }

    .sticky-product-bar:has(.s-quick-buy-apple-pay) .s-add-product-button-main {
        flex: 2;
        /* يأخذ جزئين من المساحة المتاحة (أكبر) */
        position: relative;
        right: -15rem;
    }

    .sticky-product-bar:has(.s-quick-buy-apple-pay) salla-quick-buy {
        flex: 2;
        /* يأخذ جزئين من المساحة المتاحة أيضاً */
        /* position: relative; */
        right: 98px;
        top: -9px;
    }
}

@media (max-width: 700px) {
    .s-add-product-button-with-sticky-bar salla-quick-buy:has(.s-quick-buy-apple-pay) {
        position: absolute;
        top: 55px;
        left: 0;
        width: 74rem;
        max-width: 88vw;
    }

    .s-quick-buy-apple-pay:has(.s-quick-buy-apple-pay) {
        margin-top: 0rem;
    }

    .is-sticky-product-bar:has(.s-quick-buy-apple-pay) .sticky-product-bar {
        bottom: 10rem;
    }

    .is-sticky-product-bar:has(.s-quick-buy-apple-pay) .sticky-product-bar {
        bottom: 7rem;
        padding-bottom: 5.9rem;
    }

    .s-add-product-button-with-sticky-bar salla-quick-buy:has(.s-quick-buy-apple-pay) {
        position: absolute;
        top: 43px;
        left: 8px;
        width: 83.5vw;
        max-width: 83.5vw;
    }
}@media screen and (max-width: 756px) {
    .banners-builder-content-grid-image-default {
        height: 152px !important;
        position: relative;
        top: 100px;
    }.banners-builder-single-content-informations-title {
    font-size: 13px !important;
    zoom: 33%;
}
}