.products-section-container {
    width: 100%;
    height: 100%;
    position: absolute;
}

.products-section-top {
    background: var(--secondary);
    height: 30%;
    width: 100%;
}

.products-section-bottom {
    height: 70%;
    width: 100%;
    object-fit: cover;
}

.product-container {
    box-sizing: border-box;
    padding: 15px;
    margin-right: 15px;
    width: 260px;
    height: 431px;
    max-height: 431px;
    background: #FFFFFF 0 0 no-repeat padding-box;
    box-shadow: 0 10px 30px #FFFFFF4D;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    scrollbar-color: rgb(210,210,210) rgb(46,54,69) !important;
    scrollbar-width: thin !important;
}

.product-image-container {
    height: 260px;
    text-align: center;
}

.product-image-container img {
    max-height: 100%;
    width: auto;
}

#best-selling-container {
    display: inline-flex;
}

.products-container::-webkit-scrollbar {
    scroll-behavior: smooth;
    width: 5px;

}

.products-container::-webkit-scrollbar-thumb {
    width: 5px;
    height: 8px;
    border-radius: 5px;
    background: var(--light-gray);
}

.product-title {
    font: normal normal bold 15px/20px Open Sans;
    letter-spacing: -0.3px;
    color: #3E3E3E;
}

.product-volume {
    font: normal normal normal 15px/20px Open Sans;
    letter-spacing: -0.3px;
    color: #3E3E3E;
}

.product-description {
    margin-top: 10px;
    font: normal normal normal 10px/14px Open Sans;
    letter-spacing: -0.2px;
    color: #707070;
}

.product-image {
    height: 50%;
    object-fit: contain;
    flex: 1 1 auto;
}

.product-price {
    font: normal normal bold 20px/24px Montserrat;
    letter-spacing: -0.4px;
    color: var(--primary-light);
}

.info-button {
    text-align: center;
    width: 82px;
    height: 35px;
    background: var(--secondary) 0 0% no-repeat padding-box;
    box-shadow: 0 3px 10px #0073A233;
    border-radius: 6px;
    font: normal normal bold 14px/35px Montserrat;
    letter-spacing: 0;
    color: var(--primary);
}

.best-selling-title {
    text-align: center;
    font: normal normal 700 36px/69px Montserrat;
    letter-spacing: 0;
    color: var(--primary);
    margin: 4vh;
}

.products-content-container {
    display: flex;
    height: auto;
    flex-direction: column;
    justify-content: space-between;
}

.products-row-large {
    align-items: center;
    justify-content: center;
    display: flex;
}

.products-container {
    overflow-x: auto;
    justify-content: center;
    width: 62vw;
}

.products-page {
    height: 40vh;
    max-height: 431px;
    display: flex;
    position: absolute;
}

.products-overlay {
    max-width: 1580px;
    height: 40vh;
    max-height: 431px;
    align-items: center;
    display: flex;
    width: 90vw;
    position: absolute;
}

.hot-sales-label {
    font: normal normal normal 5vw/5vw Anton;
    letter-spacing: 0;
    color: #FFFFFF;
    max-width: 560px;
    width: 30vw;
}

.products-container-small {
    width: 40vw;
}

.special-offer-sticker {
    z-index: 11;
    left: 10px;
    width: 80px;
    height: 80px;
    position: absolute;
}

.special-product-container {
    box-sizing: border-box;
    margin-right: 15px;
    width: 260px;
    height: 431px;
    position: relative;
}

@media (max-width: 986px) {

    #hot-sales-row {
        display: flex;
        flex-flow: column;
    }
    .products-container {
        width: 82vw;
    }

    .products-container-small {
        width: 82vw;
    }

    .best-selling-title {
        font: normal normal 700 26px/5vh Montserrat;
    }

    .hot-sales-label {
        align-self: start;
        width: unset;
        margin-bottom: 20px;
    }
}