* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


body {

    font-family: 'Poppins', sans-serif;

    background:
        #faf8f5;

    color:
        #3f3a35;

}


/* ===========================
   CABEÇALHO
=========================== */

.gifts-header {

    text-align: center;

    padding:
        50px 20px 60px;

}


.back-link {

    display: inline-block;

    margin-bottom: 35px;

    color:
        #8d7655;

    text-decoration: none;

    font-size: 14px;

    transition:
        0.3s;

}


.back-link:hover {

    color:
        #b99862;

}


.gifts-script {

    font-family:
        'Great Vibes',
        cursive;

    font-size:
        42px;

    color:
        #b99862;

    margin-bottom:
        10px;

}


.gifts-header h1 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        clamp(38px, 6vw, 58px);

    font-weight:
        500;

    margin-bottom:
        20px;

}


.gifts-subtitle {

    max-width:
        650px;

    margin:
        0 auto;

    font-size:
        15px;

    line-height:
        1.8;

    color:
        #777;

}


/* ===========================
   GRID
=========================== */

.gifts-container {

    max-width:
        1200px;

    margin:
        0 auto;

    padding:
        20px 25px 80px;

}


.gifts-grid {

    display:
        grid;

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

    gap:
        30px;

}


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

.gift-card {

    background:
        white;

    border:
        1px solid #eee7df;

    border-radius:
        14px;

    overflow:
        hidden;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.05);

    transition:
        transform 0.3s,
        box-shadow 0.3s;

}


.gift-card:hover {

    transform:
        translateY(-6px);

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

}


/* ===========================
   GIF
=========================== */

.gift-image {

    width:
        100%;

    height:
        230px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    background:
        #f7f3ee;

    overflow:
        hidden;

}


.gift-image img {

    width:
        100%;

    height:
        100%;

    object-fit:
        contain;

}


/* ===========================
   CONTEÚDO
=========================== */

.gift-content {

    padding:
        25px;

    text-align:
        center;

}


.gift-content h2 {

    font-family:
        'Cormorant Garamond',
        serif;

    font-size:
        27px;

    font-weight:
        600;

    margin-bottom:
        12px;

}


.gift-content p {

    font-size:
        14px;

    line-height:
        1.7;

    color:
        #777;

    min-height:
        70px;

}


.gift-price {

    display:
        block;

    font-size:
        22px;

    color:
        #a88958;

    margin:
        20px 0;

}


/* ===========================
   BOTÃO
=========================== */

.gift-button {

    width:
        100%;

    border:
        none;

    padding:
        13px 20px;

    border-radius:
        30px;

    background:
        #b99862;

    color:
        white;

    font-family:
        'Poppins',
        sans-serif;

    font-size:
        14px;

    cursor:
        pointer;

    transition:
        0.3s;

}


.gift-button:hover {

    background:
        #9e7d4b;

    transform:
        translateY(-2px);

}


/* ===========================
   RODAPÉ
=========================== */

.gifts-footer {

    text-align:
        center;

    padding:
        35px 20px 50px;

    border-top:
        1px solid #eee7df;

    color:
        #888;

    font-size:
        13px;

}


.gifts-footer a {

    display:
        inline-block;

    margin-top:
        10px;

    color:
        #a88958;

    text-decoration:
        none;

}


/* ===========================
   RESPONSIVO
=========================== */

@media (max-width: 900px) {

    .gifts-grid {

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

    }

}


@media (max-width: 600px) {

    .gifts-header {

        padding:
            35px 20px 45px;

    }


    .gifts-script {

        font-size:
            36px;

    }


    .gifts-grid {

        grid-template-columns:
            1fr;

        gap:
            22px;

    }


    .gift-image {

        height:
            250px;

    }

}