/* =========================================
   MAB HOME BLOG
   Scientific Articles Cards
   Scoped RTL
========================================= */
.mab-blog{
    direction:rtl;
    margin-top:18px;
}
.mab-blog__wrap{
    border-radius:18px;
    padding:clamp(16px,2.6vw,24px);
    background:rgba(255,255,255,.92);
    border:1px solid rgba(15,23,42,.08);
    box-shadow:
    0 14px 36px rgba(2,6,23,.06);
}

/* =========================
   Blog Grid / Carousel
========================= */
.mab-blog__grid{
    display:flex;
    overflow-x:auto;
    gap:16px;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
}
.mab-blog__grid::-webkit-scrollbar{
    height:8px;
}
.mab-blog__grid::-webkit-scrollbar-thumb{
    background:rgba(15,23,42,.18);
    border-radius:999px;
}

/* =========================
   Blog Card
========================= */
.mab-blog-card{
    flex:0 0 280px;
    scroll-snap-align:start;
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:18px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:
    transform .18s ease,
    box-shadow .18s ease;
}
.mab-blog-card:hover{
    transform:translateY(-4px);
    box-shadow:
    0 18px 38px rgba(2,6,23,.10);
}

/* =========================
   Image
========================= */
.mab-blog-card__image{
    display:block;
    aspect-ratio:16 / 9;
    background:#f8fafc;
    overflow:hidden;
}
.mab-blog-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover;
    display:block;
    transition:
    transform .25s ease;
}
.mab-blog-card:hover 
.mab-blog-card__image img{
    transform:scale(1.04);
}

/* Placeholder */
.mab-blog-card__placeholder{
    display:flex;
    height:100%;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:900;
    color:#64748b;
}

/* =========================
   Body
========================= */
.mab-blog-card__body{
    padding:14px;
    display:flex;
    flex-direction:column;
    flex:1;
	min-height:240px;
}

/* Meta */
.mab-blog-card__meta{
    font-size:12px;
    color:#64748b;
    margin-bottom:8px;
}

/* Title */
.mab-blog-card__title{
    margin:0 0 8px;
    font-size:14px;
    line-height:1.9;
    font-weight:900;
}
.mab-blog-card__title a{
    color:#0f172a;
    text-decoration:none!important;
}

/* Excerpt */
.mab-blog-card__excerpt{
    margin:0;
    font-size:13px;
    line-height:2;
    color:#64748b;
}

/* Button */
.mab-blog-card__button{
    margin-top:auto;
    display:flex;
    align-items:center;
    justify-content:center;
    height:40px;
    padding:0 14px;
    border-radius:12px;
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #0ea5e9
    );
    color:#fff!important;
    font-size:12.5px;
    font-weight:900;
    text-decoration:none!important;
    transition:
    transform .18s ease,
    box-shadow .18s ease;
}
.mab-blog-card__button:hover{
    transform:translateY(-1px);
    box-shadow:
    0 8px 18px rgba(37,99,235,.20);
}

/* =========================
   Footer
========================= */
.mab-blog__foot{
    margin-top:16px;
    padding-top:12px;
    border-top:
    1px dashed rgba(15,23,42,.18);
    text-align:center;
}
.mab-blog__foot a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 18px;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    color:#0f172a;
    font-size:13px;
    font-weight:900;
    text-decoration:none!important;
}

/* =========================
   Responsive
========================= */
@media(max-width:520px){
    .mab-blog-card{
        flex:0 0 82%;
    }
}