body:before {

content: '';

width: 100%;

height: 100%;

background:url(https://cdn.salla.sa/cdn-cgi/image/fit=scale-down,width=400,height=400,onerror=redirect,format=auto/YgeZpo/8Rc0tWOAOkZVX5HJpZiA138KoFAjkZPodOzPfB3l.jpg);

background-repeat: no-repeat;

background-position: center;

background-size: 190px;

transform:scale(0);

background-color: #fff !important;

position: fixed;

z-index: 999999;

animation-name: pupup;

animation-duration: 1.00s;

}

@keyframes pupup{

0% {

transform:scale(1);

}

18% {

transform:scale(1);

}

80% {

transform:scale(1);

}

100% {

transform:scale(0);

}

}

/*logo*/
.navbar-brand img {
    max-height: 25rem;
}

/*خلفية المنيو*/
/*
.inner.bg-inherit {
    background: #817f4421;
}
*/
/*تخفيضات*/
.main-menu>li>a[href*=offer] {

    color: rgb(219 10 10);
    font-weight: bold;
    text-shadow: 0px 6px 10px #ff0000b5;
    font-size: 19px;

/*القائمة*/
    
}
nav#mobile-menu {
FONT-VARIANT: JIS04;
    border-radius: 0;
    font-weight: bold;
    text-shadow: -2px 3px 8px #1e181a63;
    color: #817f44;
    border-radius: 12px;
    ursor: pointer;
    display: inline-block;

}

.main-menu .has-children.root-level>a:after {
        content: "▼";

    }

/*جمــــــالك يبــــــدأ هـــــــــــــنا! معنا*/
.s-block__title h2 {
    text-shadow: -2px 3px 8px #1e181a63;
    FONT-VARIANT: JIS04;
    border-radius: 0;
    font-weight: bold;
    text-shadow: -2px 3px 8px #1e181a63;
    color: #817f44;
    border-radius: 12px;
    ursor: pointer;
    }
    /*المنتجات*/
    .s-product-card-content {
    align-items: center;
}
.s-product-card-content-sub {
    flex-direction: column;
}


/*Icon*/
.sicon-gift:before {
    content: "\ec5d";
    background: url(https://cdn-icons-png.flaticon.com/512/9592/9592247.png);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: repeat;
    background-size: auto;
    background-size: 100%;
    margin: 0px 0px 5px 0px;
    background-repeat: no-repeat;
    color: #7fffd400;
    display: -webkit-box;
}
/*copy right*/
@media (min-width: 768px) {
.md\:flex.items-center.justify-between.py-4.container.text-center {
        display: flex
;
        flex-direction: column;
}
/*hide item*/
/*code*/
@media (min-width: 640px) {
.mb-4.flex.justify-between.sm\:grid.sm\:grid-cols-3.bg-white.rounded-md.px-4.py-2 {
        background-color: #f9fafb;
        color: #f9fafb;
}
/*color*/
/*offer head*/
.s-product-card-promotion-title {
    background-color: #db0a0a;
}
}