/* Add custom CSS styles below */ 
#app > div:nth-child(1){
    display: none;
}

#mainnav > div > div > div > div.flex.items-center.justify-end.gap-0.side-account.sm\:gap-1 > button.header-btn{
border: 1px solid #FFF !important;
color: #FFF !important;
background-color: #C19BE4 !important;
}

footer > div.relative.bg-\[var\(--s-color\)\].pt-8 > div , footer > div.relative.bg-\[var\(--s-color\)\].pt-8 > div > div.flex.items-center.justify-between.gap-4.sal-animate > div.flex.flex-col.gap-2 > p  , footer > div.bg-\[var\(--s-color\)\].mb-\[70px\].lg\:mb-0.footer-margin > div > span > p{
color : #FFF !important;
}

#app > div.flex.flex-col.min-h-full.app-inner.overflow-hidden.relative > section.banner_ad.mb-\[56px\].md\:mb-\[112px\].container.lg\:px-0.lg\:max-w-full.lg\:mx-auto.md\:max-h-\[700px\] > div.img1.relative.w-full.sal-animate > div > div > div > p::after{
content: "عصرية";
}

.product_deadline{
border: 1px solid #C19BE4;
border-radius: 0.5rem;
}

section.g-products.g-products-7{
margin-top: 2rem;
}

@media screen and (max-width: 500px){
section.g_cat.\!mb-\[60px\].md\:\!mb-\[110px\] > div > div.grid.grid-cols-3.md\:grid-cols-4.gap-5.justify-center{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

h4.s-product-card-price{
color: #8F9EBF !important;
}

.fbanner-star-btn::after , #slider-0 .fbanner-star-btn{
background-color: transparent !important;
border: 1px solid #FFF;
}