.main {
    position: relative;
    min-height: calc(100vh - 16vh - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;

}

.page_view {
    width: 90vw;
    display: flex;
    flex-direction: column;
    align-items: center;
}

h1 {
    margin-bottom: 0;
}

.h2 {
    width: 100%;
    text-align: right;
    padding-right: 20px;
}

.maxi_title {
    border-bottom: 2px solid #000;
    position: relative;
    width: 90%;
    margin-bottom: 60px;

    >* {
        background: white;
        bottom: -50px;
        left: -80%;
    }
}

.product_container {
    width: 90%;
    background: white;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.grid3xn {
    width: 90%;
    display: grid;
    justify-content: center;
    align-items: center;
    grid-template-columns: repeat(3, auto);
    grid-template-rows: repeat(auto-fill, minmax(100px, 1fr));
    grid-gap: 40px;
    margin-bottom: 5vh;

    .prod_item {
        position: relative;
        overflow: hidden;

        img {
            min-width: 100px;
            max-width: 100%;
        }

        img:hover {
            cursor: pointer;
        }

        .prod_details {
            background: rgba(255, 255, 255, 0.8);
            position: absolute;
            padding: 8% 5%;
            width: 90%;
            bottom: -40%;
            transition: bottom 500ms ease-in-out;

            &:hover {
                cursor: pointer;
            }
        }
    }

    .prod_item:hover .prod_details {
        bottom: 0;
    }

}

#prod_name {
    font-size: 1.5rem;
    font-family: 'Playfair Display', serif;
    margin: 5px;
}

#prod_price {
    font-size: 1.3rem;
    font-family: 'Playfair Display', serif;
    margin: 5px;
}