body {
    font-family: 'Cairo', sans-serif;
}

.hero-overlay {
    background: rgba(10, 31, 143, 0.8); /* أزرق خالص بشفافية */
}

@media (min-width: 768px) {
    .hero-overlay {
        background: rgba(10, 31, 143, 0.8); /* أزرق خالص بشفافية */
    }
}

.category-img { 
    transition: transform 0.3s ease; 
}

.category-card:hover .category-img { 
    transform: scale(1.1); 
}

/* ✅ الخط الذهبي العمودي – مضمون الظهور */
.hero-subline {
    border-right: 4px solid #D4AF37;  /* خط ذهبي على يمين النص */
    padding-right: 1rem;              /* مسافة بين الخط والنص */
}

/* حواف البانر الدائرية */
.hero-rounded {
    border-radius: 1rem; /* نفس rounded-xl */
    overflow: hidden;    /* مهم عشان يخلي الصورة + overlay تتقوس */
}

/* =========================
   ستايلات قسم المنتجات
   ========================= */

/* كرت المنتج */
.product-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

.product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 35px rgba(15, 23, 42, 0.15);
    border-color: rgba(10, 31, 143, 0.35); /* primary فاتح */
}

/* خلفية صورة المنتج */
.product-img-container {
    background: #F3F4F6; /* رمادي فاتح مريح */
}

/* لو حابب ناعمّة إضافية على صورة المنتج */
.product-img {
    transition: transform 0.3s ease;
}

.product-card:hover .product-img {
    transform: translateY(-4px);
}

/* لون السعر */
.text-price-color {
    color: #0A1F8F; /* نفس primary */
}