/* =========================
   الحاوية الرئيسية
========================= */
.counter_Gifs{
    width:100%;
    padding:40px 15px;
    background:#101010;
    font-family:Arial, Helvetica, sans-serif;
    border-radius:40px;

}

/* =========================
   الجريد
========================= */
.group1{
    max-width:1400px;
    margin:auto;

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
}
.counter_Midlle{
border-radius:40px;
padding:20px 20px ;
margin:20px 20px ;
}

.My_GIFS_Midlle_Ads{
border-radius:20px;
}

/* =========================
   العنوان
========================= */
.dpg1{
    grid-column:1/-1;

    color:#ffffff;
    text-align:center;

    font-size:34px;
    font-weight:800;
    line-height:1.6;

    margin-bottom:10px;

    letter-spacing:1px;
    word-break:break-word;

    text-shadow:0 2px 8px rgba(0,0,0,0.5);
}

/* =========================
   الكارد
========================= */
.dgi1{
    background:#1b1b1b;

    border-radius:18px;
    overflow:hidden;

    border:1px solid rgba(255,255,255,0.08);

    transition:0.35s ease;

    box-shadow:
    0 5px 15px rgba(0,0,0,0.25);
}

/* Hover */
.dgi1:hover{
    transform:translateY(-8px);

    box-shadow:
    0 15px 30px rgba(0,0,0,0.45);
}

/* =========================
   الرابط
========================= */
.dgi1 a{
    text-decoration:none;
    color:#f5f5f5;

    display:flex;
    flex-direction:column;

    height:100%;
}

/* =========================
   الصورة
========================= */
.dgi1 img{
    width:100%;
    height:auto;

    display:block;

    aspect-ratio:16/9;
    object-fit:cover;

    transition:0.4s ease;
}

/* تأثير الصورة */
.dgi1:hover img{
    transform:scale(1.05);
}

/* =========================
   النص
========================= */
.dgi1 a{
    font-size:17px;
    font-weight:600;
    line-height:1.8;

    text-align:center;
    word-break:break-word;
}

/* تغليف النص */
.dgi1 a{
    padding-bottom:20px;
}

/* مساحة النص */
.dgi1 a{
    gap:15px;
}

/* Padding داخلي */
.dgi1 a{
    padding-inline:15px;
}

/* =========================
   تحسينات التابلت
========================= */
@media (max-width:768px){

    .counter_Gifs{
        padding:25px 10px;
    }

    .dpg1{
        font-size:26px;
    }

    .group1{
        gap:20px;
    }

    .dgi1 a{
        font-size:15px;
        line-height:1.7;
    }
}

/* =========================
   الموبايل
========================= */
@media (max-width:480px){

    .group1{
        grid-template-columns:1fr;
    }

    .dpg1{
        font-size:22px;
    }

    .dgi1{
        border-radius:14px;
    }
}