/*
========================================
DME Featured Products
========================================
*/


.featured-products {

    padding: var(--space-2xl) 0;

}


.featured-products .section-heading {

    text-align:center;

    margin-bottom:40px;

}



.products-grid {

    display:grid;

    grid-template-columns:repeat(3, 1fr);

    gap:30px;

}



.product-card {

    background:#ffffff;

    border-radius:12px;

    padding:25px;

    text-align:center;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    transition:transform .3s ease;

}



.product-card:hover {

    transform:translateY(-5px);

}



.product-card a {

    text-decoration:none;

    color:inherit;

}



.product-card img {

    width:100%;

    height:250px;

    object-fit:contain;

    margin-bottom:20px;

}



.product-card h3 {

    font-size:1.25rem;

    margin-bottom:15px;

}



.product-card .price {

    color:var(--medipro-primary);

    font-weight:700;

    display:block;

}



/*
Tablet
*/

@media(max-width:992px){


    .products-grid {

        grid-template-columns:repeat(2,1fr);

    }

}



/*
Mobile
*/

@media(max-width:600px){


    .products-grid {

        grid-template-columns:1fr;

    }


}


.featured-products {

    padding: var(--space-2xl) 0;

}


.products-grid {

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}



.product-card {

    background:#fff;

    padding:20px;

    border-radius:12px;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    text-align:center;

}


.product-card img {

    width:100%;

    height:220px;

    object-fit:contain;

}


.product-card h3 {

    margin-top:20px;

}


.product-card a {

    text-decoration:none;

    color:inherit;

}


.product-card .price {

    color:var(--medipro-primary);

    font-weight:600;

}



@media(max-width:768px){

    .products-grid {

        grid-template-columns:1fr;

    }

}


/*
========================================
Featured Products Button
========================================
*/

.featured-products-button .medipro-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    padding: 14px 32px;

    background: var(--medipro-primary);

    color: #ffffff;

    border-radius: 8px;

    font-weight: 600;

    text-decoration: none;

    transition: all .3s ease;

}


.featured-products-button .medipro-button:hover {

    background: var(--medipro-secondary);

    color: #ffffff;

    transform: translateY(-2px);

}

.featured-products-button {
    text-align: center;
    margin-top: 40px;
}