/* Add custom CSS styles below */
body {



    background-color: #FFFFFF; /* لون الخلفية */
    color: #491C50; /* لون النص الأساسي */
}

button {
    background-color: #B29BB8; /* لون الزر */
    color: #491C50; /* لون النص داخل الأزرار */
    cursor: pointer;
}

.s-product-card-content {
    background-color: #FFFFFF; /* لون أماكن النصوص للمنتجات */
    color: #491C50; /* لون النص داخل بطاقات المنتجات */
}

.s-product-card-content:hover {
    background-color: #DBD2DD; /* لون مكان النص للمنتجات عند وقوف المؤشر عليها */
    color: #491C50; /* لون النص عند مرور المؤشر */
}

.s-block--features__item {
    background-color: #FFFFFF; /* لون مميزات المتجر */
    color: #491C50; /* لون النص داخل مميزات المتجر */
}

.s-block--features__item:hover {
    background-color: #DBD2DD; /* لون مميزات المتجر عند وقوف المؤشر عليها */
    color: #491C50; /* لون النص عند مرور المؤشر */
}

.s-block.s-block--slider-with-bg.s-block--full-bg {
    background-color: #FFFFFF; /* لون خلفية منتجات متحركة مع خلفية */
    color: #491C50; /* لون النص */
}

.container.grid.grid-col-1.lg\:grid-cols-6.gap-8.lg\:gap-6 {
    background-color: #DBD2DD; /* لون خلفية مربع الفوتر أسفل الصفحة */
    color: #491C50; /* لون النص داخل الفوتر */
}

/* Footer */ 
.footer-is-light .store-footer{background-color: #B29BB8;}
.footer-is-light .store-footer .store-footer__inner{    background-color: #DBD2DD;}
.top-navbar{background-color: #DBD2DD;}
.main-nav-container{background-color:#B29BB8}
.mm-spn.mm-spn--navbar.mm-spn--main{background-color:#B29BB8}
#app > div.app-inner.flex.flex-col.min-h-full > footer > div.md\:flex.items-center.justify-between.py-4.container.text-center > span > p{color:#491C50}#DBD2DD