/* 1. إخفاء الرأس والتذييل الخاصين بمنصة سلة بشكل جذري */
header, footer, .s-header, .s-footer, salla-header, salla-footer, #app-header, #app-footer, .store-header, .store-footer {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}

/* 2. إزالة المسافات بين الأقسام المكونة لثيم ماركت (Web Components) */
.s-block, .s-section, section, div[class*="section-"], salla-slider, salla-products-slider, .container, .container-fluid {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 3. إلغاء الفراغات الأساسية في هيكل صفحة سلة بالكامل */
#app, .store-wrapper, main, body, html {
    padding: 0 !important;
    margin: 0 !important;
    gap: 0 !important;
    background-color: #f8f9fa !important; /* توحيد لون الخلفية لدمج الأقسام */
}

/* 4. إجبار المكونات على التلاصق التام */
* {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}