/* Add custom CSS styles below */ 

element.style {
    color: rgb(122 117 117)!important;
}

.bg-inherit {
    background-color: inherit;
     background-color: rgba(0, 0, 0, 0)!important;
   
}

/*   الخلفية اللي فوق حق العيد   
.bg-inherit {
    background-color: inherit;
      background: url(https://up6.cc/2025/02/174009778691841.png); 
 
   
}*/

body.index:before,body[data-template="home"]:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f5f5f529;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    position: fixed;
    z-index: 999999;
    transform: scale(0);
    animation-name: pupup;
    animation-duration: 2s;
}


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

    18% {
        transform: scale(1);
    }

    80% {
        transform: scale(1);
    }

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

body.index:after,body[data-template="home"]:after {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    position: fixed;
    z-index: 999999;
    background: var(--logo);
    left: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20%;
    transform: scale(0);
    animation-name: pupup_logo;
    animation-duration: 2s;
}

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

    14% {
        transform: scale(1.3)
    }

    28% {
        transform: scale(1)
    }

    42% {
        transform: scale(1.3)
    }

    70% {
        transform: scale(1)
    }

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


button.undefined.s-button-element.s-button-btn.s-button-outline.s-button-wide.s-button-primary-outline.s-button-loader-center {
   
    text-align: center;
    font-weight: bold;
   
    box-shadow: rgb(0 0 0 / 15%) 0px 2px 4px, rgb(0 0 0 / 0%) 0px 7px 13px -3px, rgb(255 255 255 / 66%)0px -3px 0px inset;
    animation: signal 1200ms infinite;
}

@keyframes signal {
    0% {
        box-shadow: 0 0 0 0 var(--1);
    }

    100% {
        box-shadow: 0 0 0 6px #ffffff21;
    }
}

.show-original-logo-on-scroll .navbar-brand img {
    display: none;
    filter: initial !important;
}
.navbar-brand {
    background-image: var(--logo);
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-repeat: no-repeat no-repeat;
    background-size: contain;
    height: 110px;
    width: 10vw;
    display: block;
    animation: flash 5s ease infinite;
    animation-direction: alternate;
   
}

footer.store-footer a.navbar-brand {
    filter: brightness(0.5);
}

@keyframes flash {
    0%, 50%, 100% {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

@media only screen and (max-width: 700px) {
    .navbar-brand {
        width: 25vw;
        margin: auto;
    }
}
.mm-spn.mm-spn--navbar.mm-spn--main:after {
    padding-right: 0.75rem;
    content: "ياهلا بك في متجر مرح الاجيال❤️ ";
    text-align: center !important;
    display: block;
    
   
}

#salla-modal > div.s-modal-wrapper > div > div.s-modal-header:before, #app > div.mm-ocd.mm-ocd--right.mm-ocd--open > div.mm-ocd__content:before {
    display: block !important;
    content: '';
    /* border: none; 
    /* border-radius: 0; */
    background: var(--logo);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 102px;
    margin: 15px auto;

}
:root {
    --color-primary: #ec6d53;
    --color-primary-dark: #ec6d53;
    --color-primary-light: #ec6d53;
    --color-primary-reverse: #edf5ff;
    --1: #ec6d53;
    --1-1: #face17;
    --1-1: #246d36;
    --2: #1e1b2e ;
    --2-2: #8ec63f6e;
    --3: #edf5ff ;
    --4: #3b3b39 ;
    --4-4-4: #20201f ;
    --4-4: #3131309c;
    --logo: url("https://i.postimg.cc/dtm5pPf5/MARAH-ALAGIAL-log.png  width='100%25' height='200px'");
    
}

/*
.product-card--rounded .product-card__content {

    background: url(https://up6.cc/2025/02/173975187716611.png);
    border-bottom-left-radius: 10px;
    content: '';
    width: 100%;
    height: 43px;
    border-radius: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    margin-top: 0px;
    padding-top: 35px !important;
    margin-buttom: -440px !important;
    border-bottom-right-radius: 10px;
}
@media (max-width: 991px) {
    body.enhanced_add_btn_in_mobile .simplified-products .s-products-slider-card .product-card--simplified .product-card__content, body.enhanced_add_btn_in_mobile .simplified-products .s-products-list-wrapper .product-card--simplified .product-card__content, body.enhanced_add_btn_in_mobile .simplified-products .offer-slide .product-card--simplified .product-card__content {
      
        padding-top: 25px !important;
    }
}*/
.product-card__promotion {
    position: absolute;
    top: 1rem;
    left: 1rem;
    z-index: 1;
    max-width: 100%;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
   
}
.promotion-title {
    position: absolute;
    top: 1rem;
    z-index: 10;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255);
   */ rgb(236 109 83);*/
     border-bottom-left-radius: 0.0rem;
}
.promotion-title:where([dir="rtl"], [dir="rtl"] *) {
    /* right: 0px; */
    border-top-left-radius: 0.375rem;
   /*  border-top-right-radius: 1.375rem;*/
    border-bottom-left-radius: 1.375rem;
}