html {
    scrollbar-gutter: stable;
}

body {
    font-family: 'Poppins', sans-serif !important;
    margin: 0;
    overflow-x: clip !important;
    width: 100% !important;
    min-height: 100vh;
    font-weight: 400;
    color: #000;
}

.max-row {
    max-width: 1440px;
}

.navbar {
    background-color: white;
    height: 65px;
    padding: 8px 30px !important;
}

@media (max-width: 768px) {
    .navbar {
        padding: 8px 20px !important;
    }
}

.navbar-call {
    background-color: #fbba00;
    padding: 6px 30px;
    border-radius: 20px;
}

.navbar-call a {
    color: inherit;
    text-decoration: none;
    font-size: 12px;
}

/* banner content desk */

.banner {
    padding: 50px 70px;
    z-index: 2;
}

@media (max-width: 991px) {
    .banner {
        padding: 50px 30px;
    }
}

.new-lp-banner-title {
    opacity: 0;
    transform: translateY(20px);
    /* optionnel : léger mouvement vers le haut */
    transition: opacity 1s ease, transform 1s ease;
}

.new-lp-banner-title.visible {
    opacity: 1;
    transform: translateY(0);
}

.new-lp-banner-text {
    width: 57%;
    margin: 75px 0px 30px 0px;
}

.highlight-yellow-text {
    color: #fbba00;
}

.new-lp-banner-title {
    color: white;
    font-size: 48px;
    font-weight: 700;
}

.new-lp-banner-list {
    color: white;
    font-weight: 500;
}

.new-lp-banner-list ul {
    list-style-position: inside;
    padding-left: 0;
    margin-left: 0;
}

.new-lp-banner-list li {
    margin-left: 8px;
    font-size: 14px;
}


@media (max-width: 991px) {

    .new-lp-banner-title {
        font-size: 40px;
    }

    .new-lp-banner-text {
        width: 50%;
        margin: 25px 0px 25px 0px;
    }

}

/* banner content responsive */

@media (max-width: 768px) {

    .banner {
        padding: 20px;
    }

    .new-lp-banner-text {
        width: 100%;
        margin: 0px;
    }

    .new-lp-banner-title {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.1;
    }

    .new-lp-banner-list {
        font-weight: 400;
    }

}

/* banner form container desk */

.new-lp-banner-form-container {
    width: 42%;
}

@media (max-width: 991px) {
    .new-lp-banner-form-container {
        width: 50%;
    }
}

.new-lp-banner-form {
    background-color: white;
    padding: 30px;
    border-radius: 10px;
}

@media (max-width: 768px) {
    .new-lp-banner-form {
        padding: 20px;
    }
}

.new-lp-banner-form-title {
    font-size: 30px;
    line-height: 1.2;
    font-weight: 500;
}

.new-lp-banner-form-subtitle {
    line-height: 1.2;
    font-weight: 500;
}


/* banner form container responsive */

@media (max-width: 768px) {
    .new-lp-banner-form-container {
        width: 100%;
    }

    .new-lp-banner-form-title {
        font-size: 18px;
        font-weight: 700;
    }

    .new-lp-banner-form-subtitle {
        font-size: 14px;
    }


}

/* banner form desk */

.temp-mockbar {
    background-color: #ebebeb;
    height: 6px;
    width: 100%;
    border-radius: 3px;
}

.form-checkbox-el {
    padding: 20px;
    border: solid 2px #E6E6E6;
    border-radius: 7px;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
}

@media (max-width: 768px) {

    .form-checkbox-el {
        padding: 6px;
        font-size: 14px;
        margin-bottom: 8px;
    }

    .form-checkbox-el span {
        font-size: 14px;
    }
}

.form-el {
    padding: 12px;
    border: solid 2px #E6E6E6;
    color: rgba(0, 0, 0, 0.2);
    font-size: 14px;
    border-radius: 7px;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .form-el {
        margin-bottom: 8px;
        padding: 10px;
    }
}

.checkbox-span {
    width: 22px;
    height: 22px;
    border-radius: 3px;
    border: solid 1px #b1b9c5;
}

.radio-box-el {
    margin-bottom: 10px;
}

.radio-checkbox {
    width: 22px !important;
    height: 22px !important;
    border-radius: 3px;
    border: solid 2px #E6E6E6;
    padding: 0;
}

.radio-box-el-text {
    font-size: 12px;
    color: #E6E6E6;
}

.radio-box-el-text a {
    text-decoration: none;
}

.send-btn {
    font-size: 18px;
    color: white;
    background-color: #000;
    padding: 16px 30px;
    border-radius: 30px;
    width: 240px;
    text-align: center;
}

/* section 1 */

.new-lp-section-1 {
    padding: 30px;
    padding-top: 100px;
    /* background-color: #131313; */
    color: white;
    display: none;
}

@media (max-width: 991px) {
    .new-lp-section-1 {
        display: flex;
    }
}

.new-lp-section-1-text {
    font-size: 20px;
}

.new-lp-section-1-content {
    padding-bottom: 60px;
    border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}

@media (max-width: 768px) {
    .new-lp-section-1-content {
        padding-bottom: 30px;
    }
}

.new-lp-section-1-title {
    font-size: 40px;
    line-height: 1.2;
    width: 55%;
    font-weight: 500;
}

@media (max-width: 991px) {

    .new-lp-section-1 {
        padding-top: 20px;
        padding: 20px;
    }

    .new-lp-section-1-title {
        width: 45%;
        font-size: 24px;
    }
}

@media (max-width: 768px) {
    .new-lp-section-1-title {
        width: 100%;
    }
}

.new-lp-section-1-card {
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 20px;
}

.new-lp-section-1-cards {
    padding-top: 50px;
    padding-bottom: 50px;
}

.new-lp-section-1-card-img {
    height: 210px;
}

@media (max-width: 768px) {
    .new-lp-section-1-card-img {
        height: 150px;
    }
}

.new-lp-section-1-card-text {
    padding: 36px 18px 8px 18px;
    background-color: white;
    color: #000;
}

@media (max-width: 768px) {
    .new-lp-section-1-card-text {
        padding: 10px;
    }
}

/* section 2 */

.new-lp-section-2,
.new-lp-section-3 {
    padding: 76px 30px 0px 30px;
}

.new-lp-section-2-title,
.new-lp-section-3-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    padding-bottom: 50px;
}

.new-lp-section-2-card {
    min-height: 315px;
    /* à rendre dynamique */
    height: auto;
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 25px;
    margin-bottom: 35px;
}

.new-lp-section-2-card-no-title {
    min-height: 200px;
    height: auto;
    padding: 20px;
    background-color: #f0f0f0;
    border-radius: 25px;
    margin-bottom: 35px;
}

.new-lp-section-2-card-number {
    background-color: #fbba02;
    width: 50px;
    height: 50px;
    color: white;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.new-lp-section-2-card-v2 {
    min-height: 315px;
    padding: 20px 15px;
    background-color: #fbba02;
    border-radius: 25px;
    margin-bottom: 35px;
}

.new-lp-section-2-card-v2-number {
    background-color: #f0f0f0;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 15px;
}

.new-lp-section-2-card-title {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
    width: 70%;
    margin-bottom: 15px;
}

@media (max-width: 768px) {
    .new-lp-section-2-card-title {
        width: 100%;
    }
}

.new-lp-section-2-card-text {
    line-height: 1.2;
}

.new-lp-section-2-cards {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.new-lp-section-2-cards>[class*="col-"] {
    flex: 0 0 auto;
    width: 32%;
    max-width: 32%;
}

.new-lp-section-2-cards::-webkit-scrollbar {
    height: 8px;
}

.new-lp-section-2-cards::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

/* responsive */

@media (max-width: 768px) {

    .new-lp-section-2,
    .new-lp-section-3 {
        padding: 25px 20px 0px 20px;
    }

    .new-lp-section-2-title,
    .new-lp-section-3-title {
        font-size: 24px;
    }

    .new-lp-section-2-cards>[class*="col-"] {
        width: 360px;
        max-width: 360px;
    }
}

/* section 3 */

.new-lp-section-3-cards {
    flex-wrap: wrap;
    overflow-x: visible;
}

.new-lp-section-3-cards-energie {
    flex-wrap: wrap;
}

.new-lp-section-3-card {
    padding: 16px;
    border-radius: 20px;
    border: solid 1px rgba(0, 0, 0, 0.2);
    min-height: 280px;
    height: auto;
    margin-bottom: 25px;
}

.new-lp-section-3-card-wrap {
    height: 390px;
}

@media (max-width: 768px) {
    .new-lp-section-3-card {
        height: auto;
    }

    .new-lp-section-3-card-wrap {
        min-height: 280px;
    }
}

.new-lp-section-3-card-anchor {
    color: black;
    text-decoration: none !important;
}

.new-lp-section-3-card-img {
    height: 180px;
    border-radius: 12px;
    margin-bottom: 16px;
}

@media (max-width: 768px) {
    .new-lp-section-3-card-img {
        height: 150px;
    }
}

.new-lp-section-3-card-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

/* Mobile < 768px : scroll horizontal */
@media (max-width: 767.98px) {

    .new-lp-section-3-cards {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .new-lp-section-3-card {
        min-height: 248px;
    }

    .new-lp-section-3-cards>[class*="col-"] {
        flex: 0 0 auto;
        width: 320px;
        max-width: 320px;
    }
}


/* section 4 */

.new-lp-section-4 {
    margin-top: 44px;
    padding: 0px 30px;
}

.new-lp-section-4-cards {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .new-lp-section-4 {
        margin-top: 20px;
        padding: 0px 20px;
    }

    .new-lp-section-4-cards {
        margin-bottom: 10px;
    }

}

.new-lp-section-4-card {
    border-radius: 25px;
    overflow: hidden;
    padding: 20px 30px;
    margin-bottom: 25px;
    margin-right: 0px;
    height: 100%;
}

.new-lp-section-4-card-icon {
    margin-bottom: 30px;
}

.new-lp-section-4-card-text {
    font-size: 32px;
    line-height: 1.2;
    font-weight: 500;
    margin-bottom: 24px;
}

@media (max-width: 768px) {

    .new-lp-section-4-card {
        padding: 20px;
        margin: 0;
    }

    .new-lp-section-4-card-text {
        font-size: 22px;
        font-weight: 700;
        line-height: 1.1;
    }
}

.new-lp-section-4-card-small-text {
    font-weight: 500;
    margin-bottom: 24px;
}

.new-lp-section-4-card-1 {
    background-color: #fbba00;
    transform: scale(1);
    transform-origin: top left;
    margin-left: -16px;
}

.new-lp-section-4-card-2 {
    background-color: #131313;
    color: white;
    transform: scale(1);
    transform-origin: top right;
    margin-right: -16px;
}

.new-lp-section-4-card-img {
    background-size: cover;
    /* pour que l'image remplisse la carte */
    width: 100%;
    align-items: stretch;
}

@media (max-width: 768px) {

    .new-lp-section-4-card-1,
    .new-lp-section-4-card-2 {
        transform: scale(0.98);
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}

@media (max-width: 576px) {

    .new-lp-section-4-card-1,
    .new-lp-section-4-card-2 {
        transform: scale(1);
    }
}


.btn-anchor-wrapper {
    width: fit-content;
}

.btn-anchor-wrapper a {
    all: unset;
    cursor: pointer;
    width: fit-content;
}

.new-lp-section-4-card-btn-1 {
    padding: 16px 20px;
    border-radius: 30px;
    background-color: #131313;
    color: white;
    width: 260px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}


.new-lp-section-4-card-btn-2 {
    padding: 16px 20px;
    border-radius: 30px;
    background-color: #fbba00;
    color: #131313;
    width: 260px;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
}

@media (max-width: 768px) {

    .new-lp-section-4-card-btn-1,
    .new-lp-section-4-card-btn-2 {
        width: 240px;
        padding: 8px 20px;
    }

    .new-lp-section-4-card-btn-1 {
        color: #131313;
        background-color: white;
    }

    .new-lp-section-4-card-btn-2 {
        color: white;
    }
}

.new-lp-section-5 {
    padding: 0px 30px;
    margin-bottom: 110px;
}

@media (max-width: 768px) {
    .new-lp-section-5 {
        padding: 0px 20px;
        margin-bottom: 24px;
    }
}

.new-lp-section-5-content {
    background-color: #F0F0F0;
    padding: 30px 60px;
    border-radius: 25px;
}

.new-lp-section-5-card-img {
    min-height: 250px;
    height: 100%;
}

@media (max-width: 768px) {
    .new-lp-section-5-content {
        padding: 40px 10px;
    }

    .new-lp-section-5-card-img {
        height: auto;
        max-height: 50px;
    }
}

.new-lp-section-5-card {
    padding: 0px 12px;
}

.new-lp-section-5-card-text {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.1;
    margin-bottom: 24px;
}

@media (max-width: 768px) {
    .new-lp-section-5-card-text {
        font-weight: 500;
        font-size: 24px;
    }
}

.new-lp-section-5-card-small-text {
    margin-bottom: 24px;
}

.new-lp-section-5-card-smaller-text {
    font-size: 12px;
    opacity: 0.7;
    margin-bottom: 20px;
}

.new-lp-section-6 {
    padding: 0px 30px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-6 {
        padding: 0px 20px;
        margin: 30px 0px;
    }

    .new-lp-section-6-content {
        padding: 1%;
    }

}

.new-lp-section-6-title {
    font-size: 40px;
    font-weight: 500;
    margin-bottom: 50px;
}

.new-lp-section-6-card {
    padding: 16px 0px;
    border-top: solid 1px #D9D9D9;
    min-height: 185px;
    height: 100%;
}

@media (max-width: 768px) {
    .new-lp-section-6-card {
        min-height: 160px;
    }
}

.new-lp-section-6-card-data {
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
}

.new-lp-section-6-card-data-small {
    font-size: 70px;
    font-weight: 700;
    line-height: 1;
}

@media (max-width: 768px) {

    .new-lp-section-6-card-data,
    .new-lp-section-6-card-data-small {
        font-size: 46px;
    }
}

@media (max-width: 768px) {
    .new-lp-section-6-card-text {
        font-size: 14px;
        line-height: 1.1;
    }

    .section-6-rge-img {
        width: 75px;
        padding: 0px;
        margin-top: -20px;
    }
}

.new-lp-section-6-card-small-text {
    padding: 16px 0px;
    border-top: solid 1px #D9D9D9;
    font-size: 10px;
    max-height: 48px;
}

.new-lp-section-6-card-small-text img,
.new-lp-section-6-card-small-text-mobile img {
    width: 105px;
}

.new-lp-section-6-content .col-md-3:nth-last-child(-n+2) .new-lp-section-6-card {
    border-bottom: 1px solid #D9D9D9;
}

@media (max-width: 767.98px) {
    .new-lp-section-6-content>.col-md-3:nth-child(even) .new-lp-section-6-card {
        border-right: 1px solid #d9d9d9;
    }
}

.new-lp-section-6-card-small-text-mobile {
    font-size: 12px;
    line-height: 1.2;
    padding-top: 16px;
}

.new-lp-section-7-content {
    color: white;
    background-color: #131313;
    border-radius: 25px;
    padding: 60px 70px;
}

.new-lp-section-7 {
    padding: 0px 30px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-7 {
        padding: 20px;
        margin: 40px 0px;
    }

}

.new-lp-section-7-card-infos {
    width: fit-content;
}

.new-lp-section-7-card-infos-title {
    font-size: 46px;
    font-weight: 600;
    margin-bottom: 24px;
    width: fit-content;
}

.new-lp-section-7-card-infos-address {
    font-size: 24px;
    margin-bottom: 24px;
    width: fit-content;
    display: inline-block;
    line-height: 1.4;
}

.new-lp-section-7-card-infos-address img {
    display: inline-block;
    /* empêche le retour à la ligne */
    vertical-align: middle;
    /* espace entre l’icône et le texte */
}

.new-lp-section-7-card-infos-address span {
    display: inline;
}

.new-lp-section-7-card-infos-phone {
    font-size: 20px;
    color: #131313;
    background-color: white;
    width: fit-content;
    border-radius: 30px;
    padding: 16px 30px;
    min-width: 270px;
    text-align: center;
    font-weight: 500;
}

@media (max-width: 768px) {
    .new-lp-section-7-card-infos {
        width: 100%;
    }

    .new-lp-section-7-card-infos-title {
        font-size: 32px;
    }

    .new-lp-section-7-card-infos-address {
        font-size: 18px;
    }

    .new-lp-section-7-card-infos-phone {
        font-size: 20px;
        width: fit-content;
        border-radius: 46px;
        padding: 20px;
        width: 80%;
        font-weight: 500;
        margin-bottom: 40px;
        min-width: 240px;
    }

}

.new-lp-section-7-card-horaire {
    background-color: white;
    color: #131313;
    padding: 40px;
    border-radius: 16px;
    width: 85%;
    align-self: flex-end;
}

.new-lp-section-7-card-horaire-title {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 1.1;
}

/* Desktop : chaque ligne flex avec space-between */
.schedule-grid.d-md-block .schedule-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    /* équivalent row-gap */
    font-weight: 500;
    font-size: 16px;
}

/* Mobile reste inchangé */
.schedule-grid-mobile-day {
    font-weight: 700;
}

.schedule-grid-mobile-day,
.schedule-grid-mobile-time {
    padding: 10px 0px;
    border-bottom: solid 1px #d9d9d9;
}

/* Media query pour mobile : on garde le grid-mobile visible */
@media (max-width: 768px) {

    .schedule-grid-mobile {
        display: flex !important;
        flex-direction: column;
    }

    .new-lp-section-7-card-horaire {
        padding: 20px;
        width: 100%;
    }

    .new-lp-section-7-card-horaire-title {
        font-size: 28px;
    }

    .schedule-grid-mobile-day,
    .schedule-grid-mobile-time {
        font-size: 18px;
        padding: 10px 0;
    }

    .new-lp-section-7-content {
        padding: 20px;
    }
}


.new-lp-section-8 {
    padding: 0px 20px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-8 {
        padding: 0px 20px;
        margin: 40px 0px;
    }
}

.new-lp-section-8-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 991px) {
    .new-lp-section-8-title {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.2;
    }

}

.new-lp-google-review,
.section-2-arrow {
    background-color: #F0F0F0;
    padding: 16px;
    border-radius: 10px;
    width: fit-content;
    margin-left: 20px;
}

.new-lp-arrow-right {
    transform: rotate(180deg);
}

.new-lp-arrow-g-review {
    height: 20px;
    width: 20px;
}

.new-lp-section-8-cards-container {
    display: flex;
    flex-direction: row;
    gap: 2%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.new-lp-8-section-card {
    width: 31%;
    min-width: 300px;
    background-color: #F0F0F0;
    padding: 20px;
    border-radius: 20px;
    flex-shrink: 0;
    margin-right: 8px;
}

.new-lp-section-8-card-avatar {
    margin-bottom: 16px;
}

.new-lp-section-8-card-stars {
    color: #fbba00;
    padding-right: 8px;
    margin-bottom: 10px;
}

.new-lp-section-8-card-review {
    font-weight: 500;
    white-space: normal;
    overflow-wrap: break-word;
}

.new-lp-section-8-card-name {
    font-size: 14px;
    font-weight: 700;
}

.new-lp-section-8-card-date {
    font-size: 12px;
    opacity: 0.7;
}

/* section 9 */

.new-lp-section-9 {
    padding: 0px 30px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-9 {
        padding: 0px 20px;
        margin: 40px 0px;
    }
}

.new-lp-section-9-content {
    padding: 50px;
    background-color: #fbba00;
    border-radius: 25px;
}

.new-lp-section-9-title {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 20px;
}

@media (max-width: 768px) {

    .new-lp-section-9-content {
        padding: 20px;
        text-align: center;
    }

    .new-lp-section-9-title {
        font-size: 24px;
        font-weight: 700;
        margin-top: 20px;
        line-height: 1.2;
    }

}

.new-lp-section-9-text {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 20px;
}

.new-lp-section-9-cta {
    font-size: 20px;
    font-weight: 700;
}

.laptop-nobg {
    width: 100%;
}

/* section 10 */

.new-lp-section-10 {
    padding: 0px 30px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-10 {
        padding: 0px 20px;
        margin: 30px 0px;
    }
}

.new-lp-section-11 {
    padding: 0px 30px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-11 {
        padding: 0px 20px;
        margin: 0px 0px 14px 0px;
    }

}

.new-lp-section-11-content>.col-sm-6 {
    display: flex;
}

.new-lp-section-11-content>.col-sm-6>.new-lp-section-11-card {
    flex: 1 1 auto;
    /* prend la hauteur maximale du parent flex */
}


@media (max-width: 768px) {
    .new-lp-section-11-content {
        display: flex !important;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        gap: 20px;
        padding-bottom: 10px;
        /* pour éviter que scrollbar touche le contenu */
    }

    .new-lp-section-11-content>[class*="col-"] {
        flex: 0 0 auto;
        width: 300px;
        /* largeur fixe des cards pour scroller */
        max-width: 300px;
        margin-bottom: 0 !important;
        /* pour uniformiser */
    }

    /* Scrollbar stylée */
    .new-lp-section-11-content::-webkit-scrollbar {
        height: 8px;
    }

    .new-lp-section-11-content::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.2);
        border-radius: 4px;
    }
}


.new-lp-section-11-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 60px;
    margin-top: 20px;
}

@media (max-width: 768px) {

    .new-lp-section-11-title {
        margin-top: 20px;
        font-size: 28px;
        line-height: 1.2;
    }
}

footer {
    height: auto;
    background-color: #131313;
}

.footer-adress {
    font-size: 14px;
    font-weight: 200;
}

.new-lp-footer-pre-content {
    height: 40px;
    padding: 0px 30px;
    border-top: solid 1px #f0f0f0;
}

.new-lp-footer-content {
    padding: 20px 20px;
}

@media (max-width: 768px) {
    .footer-logo-anchor {
        width: 100px;
        padding: 20px 0px;
    }
}

.new-lp-footer-text {
    color: white;
}

/* section 11 */

.new-lp-section-11-card {
    border-radius: 25px;
    overflow: hidden;
    border: solid 1px #D9D9D9;
    min-height: 285px;
    height: auto;
}

.new-lp-section-11-card-img {
    width: 33%;
}

.new-lp-section-11-card-content {
    width: 67%;
    height: 100%;
}

@media (max-width: 768px) {
    .new-lp-section-11-card-content {
        width: 100%;
    }
}

.new-lp-section-11-card-title {
    min-height: 54px;
}

@media (max-width: 768px) {
    .new-lp-section-11-card-img {
        width: 100%;
        height: 150px;
    }
}

.new-lp-section-11-card-content {
    padding: 20px;
}

.new-lp-section-11-card-title {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.2;
}

@media (max-width: 768px) {
    .new-lp-section-11-card-title {
        min-height: 80px;
    }

    .new-lp-section-11-card-list-el {
        min-height: 48px;
    }

}

.new-lp-section-11-card-list-icon {
    padding-right: 16px;
}

.new-lp-section-11-card-list-icon>img {
    min-width: 20px;
    min-height: 20px;
}



/* section 12 */

.new-lp-section-12 {
    padding: 0px 30px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-12 {
        padding: 0px 20px;
        margin: 24px 0px;
    }
}

.new-lp-section-12-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 60px;
}

@media (max-width: 768px) {

    .new-lp-section-12-title {
        font-size: 32px;
        line-height: 1.2;
    }
}

.new-lp-section-12-card {
    padding: 20px;
    border-radius: 25px;
    height: 100%;
}

@media (max-width: 768px) {
    .new-lp-section-12-card {
        padding: 20px;
    }
}

.new-lp-section-12-card-1 {
    background-color: #F0F0F0;
}

.new-lp-section-12-card-2 {
    background-color: #E8E8E8;
}

.new-lp-section-12-card-3 {
    background-color: #FBBA02;
}


.new-lp-section-12-card-title {
    width: 80%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.new-lp-section-12-card-title-icon>img {
    min-width: 16px;
    min-height: 16px;
}

@media (max-width: 768px) {

    .new-lp-section-12-card-title {
        font-size: 18px;
    }
}

/* section 13 */

.new-lp-section-13 {
    padding: 0px 30px;
    margin: 76px 0px;
}

@media (max-width: 768px) {
    .new-lp-section-13 {
        padding: 0px 20px;
        margin: 10px 0px;
    }
}

.new-lp-section-13-title {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 60px;
    margin-top: 50px;
}

@media (max-width: 768px) {
    .new-lp-section-13-title {
        font-size: 36px;
        line-height: 1.2;
    }
}

.new-lp-section-13-cards-container {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    gap: 20px;
    flex-wrap: nowrap;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.new-lp-section-13-cards-container::-webkit-scrollbar {
    height: 8px;
}

.new-lp-section-13-cards-container::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 4px;
}

/* Styles communs pour les cards (tous variants) */
.new-lp-section-13-card-3,
.new-lp-section-13-card-4 {
    padding: 0;
    border-radius: 25px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    flex: 0 0 auto;
}

@media (max-width: 768px) {

    .new-lp-section-13-card-3,
    .new-lp-section-13-card-4 {
        min-width: 270px;
        max-width: 100%;
    }
}

/* Très petit écran ≤320px → 1 card par vue */
@media (max-width: 320px) {

    .new-lp-section-13-card-3,
    .new-lp-section-13-card-4 {
        flex-basis: 270px;
        max-width: 270px;
        min-width: 270px;
    }
}

/* Mobile 321px-768px → 3 cards par ligne, scroll X actif */
@media (min-width: 321px) and (max-width: 768px) {

    .new-lp-section-13-card-3,
    .new-lp-section-13-card-4 {
        flex-basis: calc((100% - 2*20px)/3);
        max-width: calc((100% - 2*20px)/3);
        min-width: 270px;
    }
}

/* Tablet 769px-991px → 2 cards par ligne */
@media (min-width: 769px) and (max-width: 991px) {
    .new-lp-section-13-cards-container {
        flex-wrap: wrap;
        overflow-x: visible;
    }

    .new-lp-section-13-card-3,
    .new-lp-section-13-card-4 {
        flex-basis: calc((100% - 20px)/2);
        max-width: none;
        min-width: 0;
    }
}

/* Desktop ≥992px → wrap activé */
@media (min-width: 992px) {
    .new-lp-section-13-cards-container {
        flex-wrap: wrap;
        overflow-x: visible;
    }

    .new-lp-section-13-card-3,
    .new-lp-section-13-card-4 {
        max-width: none;
        min-width: 0;
    }
}

/* Desktop ≥992px → largeur spécifique pour variant 3 cards */
@media (min-width: 992px) {
    .new-lp-section-13-card-3 {
        flex-basis: calc((100% - 2*20px)/3);
    }
}

/* Desktop ≥992px → largeur spécifique pour variant 4 cards */
@media (min-width: 992px) {
    .new-lp-section-13-card-4 {
        flex-basis: calc((100% - 3*20px)/4);
    }
}

.new-lp-section-13-card-content {
    padding: 20px;
    display: flex;
    flex-direction: column;
}

.new-lp-section-13-card-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 10px;
}

.new-lp-section-13-card-text {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.4;
}

.fofo-bg {
    background-color: #F0F0F0;
}

.yellow-bg {
    background-color: #FBBA02;
}

.new-lp-section-13-additional-text {
    font-size: 24px;
    line-height: 1.3;
}

/* utilitaries */


.center-with-margin {
    width: 100%;
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;
}

.ppf-adresse-agence {
    display: block;
    text-justify: inter-word;
    line-height: 1.3;
}

.new-lp-section-3-card-text-el-content {
    font-size: 14px;
}

.form-pluscode>div:first-child {
    opacity: 1;
    color: black;
    font-weight: 700;
}

.new-lp-form-content .form-input-label[contenteditable="true"] {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;

    /* Scrollbar discrète */
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: transparent transparent;
    /* Firefox */
}

/* Webkit (Chrome, Safari, Edge) - scrollbar invisible par défaut */
.new-lp-form-content .form-input-label[contenteditable="true"]::-webkit-scrollbar {
    height: 4px;
}

.new-lp-form-content .form-input-label[contenteditable="true"]::-webkit-scrollbar-track {
    background: transparent;
}

.new-lp-form-content .form-input-label[contenteditable="true"]::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 2px;
}

/* Scrollbar visible au hover (optionnel, tu me dis si tu veux garder) */
.new-lp-form-content .form-input-label[contenteditable="true"]:hover::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.2);
}

.new-lp-form-part-1-labels>div {
    height: fit-content;
}

.legal-mentions {
    font-size: 12px;
    opacity: 0.7;
    font-weight: 200;
    margin-top: 20px;
}

/* Style par défaut */
.section-6-majority-text {
    font-size: 54px;
    line-height: 0.8;
}

/* Responsive : réduire la taille sur les écrans plus petits */
@media (max-width: 768px) {
    .section-6-majority-text {
        font-size: 40px;
        line-height: 1;
    }
}

@media (max-width: 480px) {
    .section-6-majority-text {
        font-size: 32px;
        line-height: 1.1;
    }
}

.section-6-card-7 {
    font-size: 42px;
    line-height: 1.1;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .section-6-card-7 {
        font-size: 26px;
        line-height: 1;
        margin-bottom: 16px;
    }
}