/* =====================================================
   PRODUTOS - MONYS IMPORTS
===================================================== */

.monys-products{
    max-width:1300px;
    margin:80px auto;
    padding:0 20px;
}

.monys-products-header{
    text-align:center;
    margin-bottom:45px;
}

.monys-products-header h2{
    font-size:34px;
    font-weight:800;
    color:#222;
}

.monys-products-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(270px,1fr));
    gap:30px;
}

.monys-product-card{

    background:#fff;

    border-radius:24px;

    border:1px solid #f2f2f2;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    overflow:hidden;

    padding:22px;

    display:flex;

    flex-direction:column;

    transition:.35s;

}

.monys-product-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 45px rgba(0,0,0,.12);

}

.product-image{

    display:flex;

    justify-content:center;

    align-items:center;

    height:280px;

    margin-bottom:18px;

}

.product-image img{

    max-width:100%;

    max-height:260px;

    object-fit:contain;

    transition:.35s;

}

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

    transform:scale(1.06);

}

.monys-product-card h3{

    margin:0;

    min-height:56px;

    font-size:18px;

    font-weight:700;

    line-height:1.45;

    display:flex;

    align-items:flex-start;

}

.monys-product-card h3 a{

    color:#222;

    text-decoration:none;

}

.price{

    margin-top:18px;

    font-size:30px;

    font-weight:800;

    color:#ff2d95;

}

.buy-button{

    margin-top:auto;

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    width:100%;

    padding:16px;

    border-radius:40px;

    background:#ff2d95;

    color:#fff;

    text-decoration:none;

    font-weight:700;

    transition:.30s;

}

.buy-button:hover{

    background:#e61b82;

    transform:translateY(-2px);

}

.buy-button.added{

    background:#27ae60;

}

@media(max-width:992px){

    .monys-products-grid{

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

    }

}

@media(max-width:640px){

    .monys-products-grid{

        grid-template-columns:1fr;

    }

}

/* ==========================================
   Animação dos Produtos
========================================== */

.monys-products-grid{

    transition:opacity .35s ease;

}

.monys-products-grid.loading{

    opacity:.25;

    pointer-events:none;

}

.monys-product-card{

    animation:monysFade .45s ease;

}

@keyframes monysFade{

    from{

        opacity:0;

        transform:translateY(20px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}