html,
body {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
}

    body.s10-daam-site {
        position: relative;
        width: 100% !important;
        max-width: 100vw !important;
        overflow-x: hidden !important;
    }

        body.s10-daam-site #s10-media-center,
        body.s10-daam-site #s10-media-center > .elementor-container,
        body.s10-daam-site #s10-media-center .elementor-widget-wrap,
        body.s10-daam-site #s10-media-center .s10-media-sections,
        body.s10-daam-site #s10-media-center .s10-media-section,
        body.s10-daam-site #s10-media-center .s10-media-grid,
        body.s10-daam-site #s10-media-center .s10-media-card {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
            box-sizing: border-box !important;
        }

@media (max-width: 767px) {
    body .s10-daam-site #s10-media-center {
        padding-inline: 0 !important;
        overflow-x: hidden !important;
    }

        body.s10-daam-site #s10-media-center > .elementor-container {
            width: 100% !important;
            max-width: 100% !important;
            padding-inline: 14px !important;
            margin-inline: auto !important;
        }

        body.s10-daam-site #s10-media-center .s10-media-sections {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 28px !important;
        }

        body.s10-daam-site #s10-media-center .s10-media-section {
            width: 100% !important;
            max-width: 100% !important;
            padding: 24px 14px 28px !important;
            margin: 0 auto !important;
            border-radius: 24px !important;
            overflow: hidden !important;
        }

        body.s10-daam-site #s10-media-center .s10-media-grid {
            display: grid !important;
            grid-template-columns: minmax(0, 1fr) !important;
            gap: 22px !important;
        }

        body.s10-daam-site #s10-media-center .s10-media-card {
            width: 100% !important;
            max-width: 100% !important;
            min-width: 0 !important;
        }

        body.s10-daam-site #s10-media-center .s10-media-thumb {
            width: 100% !important;
            max-width: 100% !important;
            overflow: hidden !important;
        }

            body.s10-daam-site #s10-media-center .s10-media-thumb img {
                width: 100% !important;
                max-width: 100% !important;
                height: auto !important;
                object-fit: cover !important;
            }
}

@media (max-width: 767px) {
    body .s10-daam-site .s10-whatsapp-fixed {
        left: max(14px, env(safe-area-inset-left)) !important;
        right: auto !important;
    }

    body.s10-daam-site .s10-back-to-top {
        right: max(14px, env(safe-area-inset-right)) !important;
        left: auto !important;
    }
}

body.s10-daam-site #s10-media-center > .elementor-container {
    width: min(100% - 32px, 1280px) !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
}

body.s10-daam-site #s10-media-center .s10-media-section {
    width: 100% !important;
    max-width: 1280px !important;
    margin-inline: auto !important;
    padding: 34px 28px 38px !important;
}

/* بدل ما تتمدد الكروت على كامل الصفحة */
body.s10-daam-site #s10-media-center .s10-media-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(280px, 360px)) !important;
    justify-content: center !important;
    gap: 26px !important;
}

/* حجم الكرت */
body.s10-daam-site #s10-media-center .s10-media-card {
    width: 100% !important;
    max-width: 360px !important;
    margin-inline: auto !important;
    border-radius: 22px !important;
}

/* حجم الصورة داخل الكرت */
body.s10-daam-site #s10-media-center .s10-media-thumb {
    height: 235px !important;
    aspect-ratio: auto !important;
}

    body.s10-daam-site #s10-media-center .s10-media-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

/* جسم الكرت */
body.s10-daam-site #s10-media-center .s10-media-body {
    padding: 18px 20px 22px !important;
}

    body.s10-daam-site #s10-media-center .s10-media-body h3,
    body.s10-daam-site #s10-media-center .s10-media-body h3 a {
        font-size: 20px !important;
        line-height: 1.55 !important;
    }

@media (max-width: 767px) {
    body.s10-daam-site #s10-media-center > .elementor-container {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 14px !important;
    }

    body.s10-daam-site #s10-media-center .s10-media-section {
        padding: 24px 14px 28px !important;
        border-radius: 24px !important;
    }

    body.s10-daam-site #s10-media-center .s10-media-grid {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
    }

    body.s10-daam-site #s10-media-center .s10-media-card {
        max-width: 100% !important;
    }

    body.s10-daam-site #s10-media-center .s10-media-thumb {
        height: 220px !important;
    }
}


/* =====================================================
   Services Images - Fill Media Area
   جعل صورة الخدمة تملأ المساحة المحددة
===================================================== */

body.s10-daam-site #services .s10-service-card__media {
    position: absolute !important;
    inset: 0 0 118px 0 !important;
    width: 100% !important;
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
    background: #f8f8f5 !important;
}

    body.s10-daam-site #services .s10-service-card__media img {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
        padding: 0 !important;
        transform: none !important;
        filter: none !important;
    }