/* 1. استدعاء الخط في البداية تماماً */
@import url('https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@700&display=swap');

/* 2. تغيير خلفية الصفحة والأقسام */
body,
html,
main,
.salla-theme-contain,
section,
.store-home,
.custom-section {
    background-color: #F4F0E8 !important;
}

/* 3. تطبيق الخط المزخرف */
.about-store h1, .about-store h2, .about-store h3,
.store-about h1, .store-about h2, .store-about h3,
.s-block--about h1, .s-block--about h2,
[class*="about"] h1, [class*="about"] h2 {
    font-family: 'Aref Ruqaa', serif !important;
    font-weight: 700 !important;
}

/* 4. تقليل المسافة بين أقسام متجر سلة */
.s-block, 
section, 
.custom-section {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}