/* -----------------------------
GRID LAYOUT
----------------------------- */

.mfwa-pro-wrapper{
    width:100%;
}

.mfwa-pro-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px;
    margin:40px 0;
}

/* -----------------------------
CARD
----------------------------- */

.mfwa-pro-card{
    background:#f3f3f3;
    transition:transform .2s ease, box-shadow .2s ease;
}

.mfwa-pro-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,0.08);
}

/* -----------------------------
IMAGE
----------------------------- */

.mfwa-pro-media img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

/* -----------------------------
CONTENT
----------------------------- */

.mfwa-pro-body{
    padding:22px;
}

/* -----------------------------
CATEGORY LABEL
----------------------------- */

.mfwa-pro-label{
    display:inline-block;
    color:#c62828;
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
    text-decoration:none;
}

.mfwa-pro-label:hover{
    text-decoration:underline;
}

/* -----------------------------
TITLE
----------------------------- */

.mfwa-pro-title{
    font-family:Georgia, serif;
    font-size:22px;
    line-height:1.35;
    margin:0;
}

.mfwa-pro-title a{
    color:#222;
    text-decoration:none;
}

.mfwa-pro-title a:hover{
    color:#c62828;
}

/* -----------------------------
BUTTON
----------------------------- */

.mfwa-btn-center{
    text-align:center;
    margin-top:40px;
}

.mfwa-btn-outline{
    border:2px solid #c62828;
    color:#c62828;
    padding:12px 30px;
    font-size:13px;
    font-weight:700;
    text-transform:uppercase;
    text-decoration:none;
}

.mfwa-btn-outline:hover{
    background:#c62828;
    color:#fff;
}

/* -----------------------------
RESPONSIVE
----------------------------- */

@media (max-width:1024px){

.mfwa-pro-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media (max-width:640px){

.mfwa-pro-grid{
grid-template-columns:1fr;
}

}

.mfwa-pro-media{
overflow:hidden;
}

.mfwa-pro-media img{
transition:transform .4s ease;
}

.mfwa-pro-card:hover .mfwa-pro-media img{
transform:scale(1.05);
}