/*---------------- @megoxv --------------*/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

body {
    font-family: "IBM Plex Sans Arabic", serif !important;
}

body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #E9E9E9 url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ODgqa/3UCCSgDJh3kolfZjpnNc3Fs9ut6dM1kp92udq44l.png);
    position: fixed;
    z-index: 99999999999999999 !important;
    transform: scale(0);
    background-size: 215px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 2s
}

.dark body.index:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #111216 url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ODgqa/3UCCSgDJh3kolfZjpnNc3Fs9ut6dM1kp92udq44l.png);
    position: fixed;
    z-index: 99999999999999999 !important;
    transform: scale(0);
    background-size: 215px !important;
    background-repeat: no-repeat;
    background-position: center !important;
    animation-name: logobg;
    animation-duration: 2s
}

@keyframes logobg {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1)
    }

    78% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

/*---------------- @megoxv --------------*/

.inner.nav-header .container {
    border-top-width: 1px;
    justify-content: center;
}


.navbar-brand img {
    content: url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/ODgqa/3UCCSgDJh3kolfZjpnNc3Fs9ut6dM1kp92udq44l.png) !important;
    margin-right: -25px !important;
}

/*---------------- @megoxv --------------*/


.navbar-brand img {
    max-height: 5.5rem;
    max-width: 145px;
    margin-right: -22px !important;
    width: auto;
    animation: pulsate-bck 1.3s ease-in-out 2.5s infinite !important;
}


@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

@keyframes pulsate-bck {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}




@keyframes pulsate-bck {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
    }
}

/*---------------- @megoxv --------------*/


[dir=rtl] .promotion-title {
    right: 1rem;
    color: #ffffff !important;
    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, FFFFFF 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
    opacity: 100 !important;
}


.s-quantity-input-button svg {
    height: 1.25rem;
    margin-left: auto;
    margin-right: auto;
    width: 1.25rem;
    color: #ffffff;
    fill: #eb0e1a;
}

.gap-2 {
    gap: 0.4rem !important;
    justify-content: center;
    border-radius: 50px;
}


/*---------------- @megoxv --------------*/

.sicon-menu:before {
    content: "\ed7f";
    color: #ffffff;
}

/*---------------- @megoxv --------------*/

.mm-spn.mm-spn--navbar ul {
    text-align: -webkit-center !important;
}

/*---------------- @megoxv --------------*/


.main-nav-container.fixed-header .inner {
    transform: translateZ(0);
    border-radius: 0 0 60px 60px;
}

.mm-spn.mm-spn--navbar.mm-spn--main,
.s-modal-body,
.s-modal-close,
.s-login-modal-main-btn {
    background-color: #111216;
    color: #eb0e1a !important;
    justify-content: center !important;
}

.mm-spn li a,
.mm-spn li span:not(.s-user-menu-dropdown-item-badge) {
    /*justify-content: center;*/
}

/*---------------- @megoxv --------------*/

.line-clamp-1 {
    color: eb0e1a;
}

/*---------------- @megoxv --------------*/

.product-entry salla-add-product-button .s-button-wrap .s-button-element {
    padding: 0.25rem;
    background: #111216;
    color: #ffffff;
    font-family: 'Cairo' !important;
    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, #E81019 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

.s-product-card-content-footer.rounded-none button {
    border-radius: 99px !important;
}

.s-product-card-content-title a {
    font-weight: bold !important;
}

custom-salla-product-card.rounded-none {
    border-radius: 1rem !important;
}

/*---------------- @megoxv --------------*/

html body {
    background: #111216;
}

/*---------------- @megoxv --------------*/

.pb-8 {
    padding-bottom: 2rem;
    /* background: url("https://i.postimg.cc/8zssQcPK/20240117-201011.jpg");*/
    color: #ffffff !important;
    border-radius: 5px !important;
    padding-top: 15px;

}

.sicon-quote:before {
    content: "\e983";
    color: transparent;
}

.box-img img {
    --tw-scale-x: 0.9;
    --tw-scale-y: 0.9;
}

.zoomed-img:hover .box-img img {
    --tw-scale-x: 1;
    --tw-scale-y: 1;
}

/*---------------- @megoxv --------------*/
[dir=rtl] .tabs-wrapper {
    background: transparent;
}


.details {
    background: transparent;
}

/*---------------- @megoxv --------------*/


.sicon-cart2:before {
    content: "\e921";
}

/*---------------- @megoxv --------------*/


.store-footer__inner {
    border-radius: 60px 60px 0 0;
    background: rgba(0, 0, 0, 0) !important;
}

.store-footer h2 {
    color: #eb0e1a !important;
}

.dark .da-cp {
    color: #ffffff !important;
}

[dir=rtl] .rtl\:border-l-0 {
    color: #ffffff !important;
}

/*---------------- @megoxv --------------*/

.s-login-modal .s-modal-body {
    border-radius: 0.375rem;
    padding: 1.5rem 1rem 1rem;
    text-align: -webkit-center;
}

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


.gap-2 {
    gap: 0.4rem !important;
    justify-content: center;
}


.mob\:container {
    text-align: center;
}


.my-2 {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
    justify-content: center;
}

.text-gray-400 {
    --tw-text-opacity: 1;
    color: #eb0e1a;
    text-align: center;
}

/*---------------- @megoxv --------------*/

/*.s-button-element:not(:disabled):not([loading]) {
    pointer-events: auto;
    background:#ffffff;
    color:#ffffff;
}*/


[dir=rtl] .pe-2 {
    padding-left: 0.3rem;
    text-align: center;
}

.relative {
    position: relative;
    text-align: center;
}


/*---------------- @megoxv --------------*/

*
/*.s-block__display-all, .s-slider-block__display-all {
    visibility: hidden;
}*/


[dir=rtl] .s-slider-block__title h2 {
    padding-right: 77px;
    font-size: 17px;
}


/*---------------- @megoxv --------------*/

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #eb0e1a;
}

.hydrated .is-sticky-product-bar .sticky-product-bar .text-xl {
    padding-right: 220px;
}

.store-footer__inner::before {
    content: "";
    background: linear-gradient(180deg, transparent 100%, #ffffff 94%), url(https://i.postimg.cc/jCV95d3P/1704084060680.png);
    color: #ffffff !important;
    background-size: 418%;
    display: block;
    background-repeat: round;
    transform: rotate(180deg);
    height: 104px;
    margin: -40px -32px 1px 1px;
}

.store-footer a {
    transition-duration: .3s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    color: #eb0e1a;
}



/*---------------- @megoxv --------------*/

.fXBuHm {
    text-align: center;
    padding: 7px 10px;
    line-height: 14px;
    font-family: 'sky-bold';
    font-size: 14px;
    margin: auto;
}


/*---------------- @megoxv --------------*/

.s-block__title h2 {
    font-size: 1.6rem;
    font-weight: 700 !important;
    line-height: 1.75rem;
    line-height: 1.2;
    position: relative;
    /*padding-right: 9px;*/

    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, #E81019 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    text-fill-color: transparent;

    background-size: 500% auto;

    animation: textShine 5s ease-in-out infinite alternate;

}

@keyframes textShine {

    0% {

        background-position: 0% 50%;

    }

    100% {

        background-position: 100% 50%;

    }
}



.s-slider-block__title h2 {

    text-align: center !important;

    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    line-height: 1.2;
    position: relative;
    /*padding-right: 100px;*/

    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, #E81019 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);

    -webkit-background-clip: text;

    background-clip: text;

    -webkit-text-fill-color: transparent;

    text-fill-color: transparent;

    background-size: 500% auto;

    animation: textShine 5s ease-in-out infinite alternate;

}

@keyframes textShine {

    0% {

        background-position: 0% 50%;

    }

    100% {

        background-position: 100% 50%;

    }
}


.da-tm {
    color: black;
}

salla-button .s-button-btn {
    border-radius: 6px;
    color: #ffffff;
    background: linear-gradient(to right, #eb0e1a 20%, #111216 30%, #eb0e1a 70%, #111216 80%);
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

@keyframes textShine {

    0% {

        background-position: 0% 50%;

    }

    100% {

        background-position: 100% 50%;

    }
}

.rtl .fix-align,
[dir=rtl] .fix-align {
    /*  text-align:center!important;*/
    transform: translateY(-2px);
    display: inline-block;
    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, #E81019 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.items-center {
    place-content: center !important;
}


.text-xl {
    text-align: center !important;
    transform: translateY(-2px);

    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, #E81019 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    text-align: center;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;

}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}

.text-primary {
    padding-left: 0 !important;
    padding-right: 0 !important;
    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, #E81019 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;

}

@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}


.text-gray-500 {
    --tw-text-opacity: 100;
}

.tabs-wrapper .tabs__item.is-active {
    display: block;
    text-align-last: center;
}

.dark .tabs .tab-trigger.is-active,
.tabs .tab-trigger.is-active {
    background-color: var(--color-primary);
    color: white;
}

.tabs .tab-trigger.inactive {
    background-color: white;
    color: var(--color-primary);
}

.tabs .tab-trigger {
    background-color: white;
    color: var(--color-primary);
}

.dark .tabs .tab-trigger,
.dark .tabs .tab-trigger.inactive {
    color: var(--dark-text-main);
    background-color: var(--dark-grey);

}

.flex.justify-between.items-center.w-full.mb-1 {
    justify-content: space-between !important;
}

.w-full.comment__rating.text-xs.mb-1.space-s-1 {
    display: flex;
}

h3.text-2xl.md\:text-4xl.font-primary.leading-tight {
    font-weight: 900 !important;
}

span.text-md.md\:text-base.line-clamp-2.description {
    font-weight: bold !important;
}

a.flex.gap-2.items-center.btn-primary.text-sm.rounded-md.font-bold.px-4.py-2.md\:px-5.md\:text-lg {
    font-weight: bold !important;
}

.sicon-cart:before {
    content: url(https://s12.gifyu.com/images/SayVH.gif) !important;
}

.sicon-explode:before {
    content: url(https://s12.gifyu.com/images/SaP1s.gif) !important;
}

.sicon-game-controller-alt:before {
    content: url(https://s12.gifyu.com/images/SaP13.gif) !important;
}

.store-footer {
    margin-top: 0 !important;
}

.store-footer__inner {
    border-radius: 0 !important;
}

.dark .store-footer {
    margin-top: 2rem !important;
}

.details__title span {
    font-size: 0.8rem;
    line-height: 1.25rem;
    font-weight: bold !important;
    font-weight: bolder !important;
}


.details {
    background: transparent;
    padding-right: 40px;
    padding-left: 50px;
}

.w-full .bg-white {
    text-align: center;

    border: 2px solid #eb0e1a;
    border-radius: 5px 5px 5px 5px;
}

/*---------------- @megoxv --------------*/

[dir=rtl] .mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: 0.75rem;
    /*text-align: -webkit-center;*/
}


/*---------------- @megoxv --------------*/

[dir=rtl] .s-login-modal-header-icon {
    margin-left: 0.5rem;
    content: url(https://cdn.salla.sa/yddboK/d6nxFcrpvs1YVCIcrOMXaM4pissxcrT5V4kPhoco.png) !important;
    background: #ffffff;
}

/*---------------- @megoxv --------------*/

[dir=rtl] .footer-middle {
    text-align: center !important;
    color: #eb0e1a !important;
}

[dir=rtl] .footer-middle h3 {
    text-align: center !important;
    color: #ffffff !important;
}


.store-footer .footer-container .logo-footer .foo {
    margin-bottom: 0.5rem;
    max-height: 120px;
    max-width: 80%;
    width: auto;
}


.dark .form-input .dark input {
    background-color: #eb0e1a !important;
}


/*---------------- @megoxv --------------*/


[dir=rtl] .pe-8 {
    padding-left: 2rem;
    justify-content: center;
}




.product-entry__image img.loaded:hover {
    transform: translateY(1px) scale(1.2);
}


/*---------------- @megoxv --------------*/
.py-8 {
    background: transparent;
}

/*---------------- @megoxv --------------*/


.mm-spn.mm-spn--navbar.mm-spn--main,
.s-login-modal-main-btn {
    background-color: #111216;
    border-radius: 30px 30px 30px 30px;
    text-align: center !important;
}



.mm-spn li {
    background-color: #111216;
    text-align: center !important;
}

.mm-ocd .btn--close-sm {
    background-color: #eb0e1a;
    color: ffffff !important;
}


.s-modal-body {
    top: 100px;
    height: 380px;
    margin-bottom: 350px !important;

}

.s-modal-header-inner {

    place-content: center;

}

.s-login-modal .s-modal-padding {
    background: #111216;
}

.s-login-modal .s-modal-title {
    color: #eb0e1a;
}

.s-login-modal-label {
    color: #ffffff;
}

.s-login-modal .s-modal-body {
    border-radius: 3.0rem;
    text-align: -webkit-center;
    padding: 1.5rem 1rem 1rem;
    border: 1.5px solid #eb0e1a;

}

.mm-spn.mm-spn--navbar.mm-spn--main,
.s-modal-body,
.s-modal-close,
.s-login-modal-main-btn {
    background-color: #111216;
    text-align: center !important;
    border: 1.5px solid #eb0e1a;
    border-radius: 30px;
}


.s-modal-close {
    background-color: #eb0e1a !important;
    color: #ffffff !important;
    border-radius: 0px 15px 15px 0px;
}

.s-product-options-option-label b {
    text-align: center !important;
}

/*---------------- @megoxv --------------*/

.sicon-youtube2:before {
    content: "\e913";
    color: #d21404;
}

.sicon-twitter2:before {
    content: "\e908";
    color: #00c2ff;
}

.sicon-instagram2:before {
    color: #ff00ae;
}

.sicon-tiktok:before {
    color: #7a7a7a;
}


.sicon-snapchat:before {
    content: "\e95e";
    color: #ffdf00;
}

.sicon-mail:before {
    content: "\ed57";
    color: #4285f4;
}


.sicon-phone:before {
    content: "\ee41";
    color: #01ff01;
}

.sicon-iphone:before {
    content: "\ece5";
    color: #fada5e;
}


/*---------------- @megoxv --------------*/

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
    text-align: center !important;
    color: #eb0e1a;
}

.mb-2 {
    text-align: center;
}


.px-2 {
    align-self: center;
}


/*---------------- @megoxv --------------*/

.timer.product {
    justify-content: center;
}

/*---------------- @megoxv --------------*/

.btn--outline-primary,
.btn--primary {
    border-color: #eb0e1a;
    border-color: var(--color-primary);
    border-width: 1px;
    align-self: center;
}



/*---------------- @megoxv --------------*/

.s-rating-stars-wrapper {
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: flex-start;
    align-items: flex-end;
    flex-direction: row-reverse;
}

[dir=rtl] .s-rating-stars-wrapper .s-rating-stars-reviews {
    margin-right: -1.75rem;
    color: #eb0e1a !important;
}




/*---------------- @megoxv --------------*/

.mm-ocd nav>ul>li a.active>h5,
header nav>ul>li a.active>div>span {
    color: #eb0e1a !important;
}



@keyframes ShineAnimation {
    0% {
        background-repeat: no-repeat;
        background-image: -webkit-linear-gradient(top left, rgba(255, 255, 255, 0.0) 0%, rgba(255, 255, 255, 0.0) 45%, rgba(255, 255, 255, 0.5) 48%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0.5) 52%, rgba(255, 255, 255, 0.0) 57%, rgba(255, 255, 255, 0.0) 100%);
        background-position: -250px -250px;
        background-size: 600px 600px;
    }

    100% {
        background-repeat: no-repeat;
        background-position: 250px 250px;
    }
}

[dir=rtl] .rounded-be-xl {
    border-bottom-left-radius: 0.75rem;
    color: #ffffff !important;
    background: linear-gradient(to right, #eb0e1a 0%, #A45CD6 30%, #E81019 40%, #A45CD6 60%, #eb0e1a 70%, #eb0e1a 100%);
    background-size: 500% auto;
    animation: textShine 5s ease-in-out infinite alternate;
}


@keyframes textShine {
    0% {
        background-position: 0% 50%;
    }

    100% {
        background-position: 100% 50%;
    }
}



.s-cart-summary-wrapper {
    animation: wiggle 2.5s infinite;
}

@keyframes wiggle {
    0% {
        transform: rotate(0deg);
    }

    80% {
        transform: rotate(0deg);
    }

    85% {
        transform: rotate(5deg);
    }

    95% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.s-products-slider-card.swiper-slide {
    width: 70% !important;
}

@media (min-width: 768px) {
    .s-products-slider-card.swiper-slide {
        width: 25% !important;
    }

    .s-products-list-wrapper {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        ;
    }
}

/*---------------- @megoxv --------------*/
.menu-img, .sub-cat-icon{display:none}