/* ===============================
   SEZIONE PRODOTTI
=============================== */

.np-prodotti {
    padding: 50px 0;
}

.np-prodotti__title {
    font-size: 36px;
    font-weight: 700;
    color: #000;
    margin-bottom: 60px;
}

/* ===============================
   GRIGLIA
=============================== */

.np-prodotti-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px;
}

/* ===============================
   CARD PRODOTTO
=============================== */

.np-prodotto-card {

    text-align: left;
    cursor: pointer;
    transition: transform .35s ease, box-shadow .35s ease;

}

/* HOVER CARD */

.np-prodotto-card:hover {
    transform: translateY(-8px);
}

/* ===============================
   BOX IMMAGINE
=============================== */

.np-prodotto-img {

    background: #efefef;
    border-radius: 40px;
    height: 260px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 20px;

    overflow: hidden;

    transition: all .35s ease;

}

/* ZOOM IMMAGINE */

.np-prodotto-img img {

    max-width: 65%;
    transition: transform .4s ease;

}

.np-prodotto-card:hover .np-prodotto-img img {
    transform: scale(1.08);
}

/* ===============================
   TITOLO
=============================== */

.np-prodotto-title {

    font-size: 20px;
    font-weight: 800;

    margin-bottom: 12px;
    text-align: center;

}

/* ===============================
   BOTTONE
=============================== */

.np-prodotto-card__btn {

    background: #d6b323;
    border: none;

    padding: 10px 22px;

    border-radius: 8px;

    color: #ffffff;

    font-weight: 600;

    transition: all .25s ease;
    display: block;
 	margin: auto;

}

.np-prodotto-card:hover .np-prodotto-card__btn {

    background: #c2a21f;
    transform: translateY(-2px);

}

/* ===============================
   RESPONSIVE
=============================== */

@media (max-width: 1100px) {

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

}

@media (max-width: 600px) {

    .np-prodotti-grid {
        grid-template-columns: 1fr;
    }

    .np-prodotto-title {
        font-size: 26px;
    }

}