/*==================================================
PRODUCTS PAGE
==================================================*/

.products-page{

    padding:40px 0 80px;

}

.products-grid{

    display:grid;

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

    gap:35px;

}

/*==================================================
PRODUCT CARD
==================================================*/

.product-card{

    display:flex;

    flex-direction:column;

    background:#fff;

    border-radius:18px;

    overflow:hidden;

    border:1px solid #ECECEC;

    transition:.35s ease;

}

.product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

}

/*==================================================
PRODUCT IMAGE
==================================================*/

.product-image{

    display:block;

    height:190px;

    overflow:hidden;

    background:#F8F8F8;

}

.product-image img{

    width:100%;

    height:100%;

    object-fit:cover;

    transition:.5s;

}

.product-card:hover .product-image img{

    transform:scale(1.05);

}

/*==================================================
PRODUCT BODY
==================================================*/

.product-body{

    padding:28px;

}

.product-body h3{

    font-size:24px;

    font-weight:700;

    margin-bottom:15px;

    color:var(--dark);

}

.product-body p{

    color:#666;

    line-height:1.8;

    margin-top:12px;

    margin:0;

    display:-webkit-box;

    -webkit-line-clamp:2;

    -webkit-box-orient:vertical;

    overflow:hidden;

    min-height:58px;

}

/*==================================================
PRODUCT FOOTER
==================================================*/

.product-footer{

    margin-top:auto;

    padding:20px 24px;

    border-top:1px solid #F1F1F1;

    display:flex;

    justify-content:space-between;

    align-items:flex-end;

}