/* تصميم موحد - خط أحمر ⛔ */
.section-container {
    border-radius: 15px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    padding: 60px 0;
    margin: 30px auto;
    max-width: 1400px;
}

.bg-white { background: white; }
.bg-gray { background: #f8f9fa; }

.page-header.section-container {
    padding: 100px 0;
    margin-top: 90px;
}

.home-hero {
    margin-top: 90px;
}

/* =============== Unified Card Design =============== */
/* Apply a consistent look to all card-like blocks across the site */
.u-card,
.service-card,
.project-card,
.factory-feature,
.card {
    background: #ffffff;
    border-radius: 15px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.u-card:hover,
.service-card:hover,
.project-card:hover,
.factory-feature:hover,
.card:hover {
    transform: translateY(-6px);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
}

/* Card body padding normalization */
.u-card-body,
.service-body,
.project-body,
.card-body {
    padding: 20px 24px;
}

/* Image helpers with aspect ratios */
.u-card-img,
.u-card-img-16x9 {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    display: block;
    height: auto;
}

.u-card-img-4x3 {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
    height: auto;
}

/* Mobile tweaks */
@media (max-width: 575.98px) {
    .u-card,
    .service-card,
    .project-card,
    .factory-feature,
    .card { border-radius: 12px; }

    .u-card-body,
    .service-body,
    .project-body,
    .card-body { padding: 16px 18px; }
}