.categories-grid .category-item,
.categories-grid .category-card,
.category-card {
    position: relative;
    border-radius: 22px;
    overflow: hidden;

    box-shadow:
    0 0 8px rgba(0, 0, 0, 0.45),
    0 0 18px rgba(0, 0, 0, 0.35),
    0 0 35px rgba(0, 0, 0, 0.25);

    border: 1px solid rgba(40, 40, 40, 0.35);

    transition: 0.3s ease;
}

.categories-grid .category-item:hover,
.categories-grid .category-card:hover,
.category-card:hover {
    box-shadow:
    0 0 12px rgba(0, 0, 0, 0.7),
    0 0 25px rgba(0, 0, 0, 0.5),
    0 0 45px rgba(0, 0, 0, 0.35);

    transform: translateY(-2px);
}

/* =========================================
   البنرات الكبيرة
========================================= */

.s-block--banners img,
.banner-entry img {
    border-radius: 32px !important;

    border: 1px solid transparent;

    background:
    linear-gradient(#000000, #000000) padding-box,
    linear-gradient(
        135deg,
        #7ea8ff 0%,
        #000000 18%,
        #000000 82%,
        #7ea8ff 100%
    ) border-box;

    box-shadow:
    0 0 10px rgba(0, 0, 0, 0.45),
    0 0 24px rgba(0, 0, 0, 0.28),
    0 0 20px rgba(0, 0, 0, 0.18) !important;
}

/* =========================================
   البانر الترحيبي
========================================= */

main section:first-of-type::after {
    content: none !important;
}

main section:first-of-type img {

    border-radius: 32px !important;

    border: 1px solid transparent;

    background:
    linear-gradient(#000000, #000000) padding-box,

    linear-gradient(
        to bottom,

        rgba(126,168,255,.75) 0%,
        rgba(126,168,255,.35) 8%,

        #020214 18%,
        #020214 82%,

        rgba(126,168,255,.35) 92%,
        rgba(126,168,255,.75) 100%
    ) border-box;

    box-shadow:
    0 0 12px rgba(126,168,255,.08) !important;
}