/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

.section-row-nouveaute {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
}

.section-row-nouveaute .nouveautes-column {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    width: 100%;
    max-width: 448px;
    max-height: 490px;
    margin: 5px;
    overflow: hidden;
    background-color: #f0f0f0;
}

.nouveautes-column.nouveautes {
    position: relative;
    width: 100%;
    height: 100%;
    max-width: -webkit-fill-available;
    max-height: -webkit-fill-available;
}
.section-row-nouveaute .nouveautes-column.nouveautes {
    background-color: white;
}

.section-row-nouveaute .nouveautes-column img.nouveautes-img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.section-row-nouveaute .nouveautes-column h4 {
    font-family: inherit;

    color: white;
}

.section-row-nouveaute .content-overlay {
    position: absolute;
    top: 77%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2;
}

.section-row-nouveaute .content-overlay .discover-button {
    display: inline-block;
    color: #fff;
    border: 1.5px solid #fff;
    padding: 10px 20px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.5s ease;
    margin-top: 20px;
}

.section-row-nouveaute .text-large {
    color: #000;
    font-family: "Cinzel", serif;
    font-weight: 100;
    font-size: 43px;
    text-align: center;
    padding-bottom: 37px;
}

.section-row-nouveaute .nouveautes-column.nouveautes .discover-button {
    display: inline-block;
    color: #000;
    border: 1.5px solid #000;
    padding: 10px 20px;
    text-decoration: none;
    font-family: 'Open Sans', sans-serif;
    transition: all 0.5s ease;
    margin-top: 20px;
}

.section-row-nouveaute .nouveautes-column.nouveautes .discover-button:hover {
    background-color: #000;
    color: #ffffff;
}

.section-row-nouveaute .content-overlay .discover-button:hover {
    background-color: #fff;
    color: #000;
}


@media (max-width: 768px) {
    .section-row-nouveaute {
        flex-direction: column;
    }

    .section-row-nouveaute .nouveautes-column {
        width: 90%;
        margin: 10px auto;
    }
}