.gform_heading, #gf_progressbar_wrapper_1, #gf_progressbar_wrapper_2 {
        display: none;
    }

    .gform_title, .gform_required_legend {
        display: none;
    }

    /* Style des boutons de navigation */
    .gform_next_button,
    .gform_previous_button,
    .gform-theme-button,
    .gform_button,
    .gform_button.button,
    .gform_footer .button,
    .gform_page_footer .button,
    .gform_footer input[type="submit"],
    .gform_page_footer input[type="submit"],
    .gform_submit_button,
    input[type="submit"].gform_button {
        color: white !important;
        padding: 12px 24px !important;
        border-radius: 32px 0 39px 0 !important;
        font-size: 16px !important;
        font-weight: 500 !important;
        border: none !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
        text-decoration: none !important;
        display: inline-block !important;
        line-height: 1.5 !important;
        text-align: center !important;
        vertical-align: middle !important;
        user-select: none !important;
        -webkit-appearance: none !important;
        -moz-appearance: none !important;
        appearance: none !important;
        padding-left: 15px;
        padding-right: 15px;
    }

    .gform_next_button, 
    .gform_submit_button,
    input[type="submit"].gform_button {
        background-color: #0CC0DF !important;
    }
    
    #gform_submit_button_1, #gform_submit_button_2 {
        background-color: #0CC0DF !important;
    }
    
    .gform_previous_button {
        background-color: #666666 !important;
    }
    
    /* Styles de focus pour les boutons */
    .gform_next_button:focus,
    .gform_previous_button:focus,
    .gform-theme-button:focus,
    .gform_button:focus,
    .gform_button.button:focus,
    .gform_footer .button:focus,
    .gform_page_footer .button:focus,
    .gform_footer input[type="submit"]:focus,
    .gform_page_footer input[type="submit"]:focus,
    .gform_submit_button:focus,
    input[type="submit"].gform_button:focus {
        outline: 2px solid #0CC0DF !important;
        outline-offset: 2px !important;
        box-shadow: none !important;
    }

    .gform_next_button:hover,
    .gform_previous_button:hover,
    .gform-theme-button:hover,
    .gform_button:hover,
    .gform_button.button:hover,
    .gform_footer .button:hover,
    .gform_page_footer .button:hover,
    .gform_footer input[type="submit"]:hover,
    .gform_page_footer input[type="submit"]:hover,
    .gform_submit_button:hover,
    input[type="submit"].gform_button:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15) !important;
        color: white !important;
        text-decoration: none !important;
    }

    /* Styles de focus pour les inputs */
    .gform_wrapper input[type="text"]:focus,
    .gform_wrapper input[type="email"]:focus,
    .gform_wrapper input[type="tel"]:focus,
    .gform_wrapper input[type="number"]:focus,
    .gform_wrapper input[type="password"]:focus,
    .gform_wrapper textarea:focus,
    .gform_wrapper select:focus {
        outline: 2px solid #0CC0DF !important;
        outline-offset: 2px !important;
        box-shadow: none !important;
    }

    /********** MAPS **********/
    #map1,
    #map2,
    .map {
        height: 400px;
        width: 720px;
    }

    .mapContainer {
        height: 400px;
        width: 720px;
        position: relative;
        overflow: hidden;
    }

    .cardinal-points div {
        text-align: center;
        background-color: #0cc0df;
        position: relative;
        color: #fff;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.6px;
        padding: 4px 18px 4px 30px;
    }
    
    .cardinal-points div {
        padding: 12px 18px 12px 40px;
        font-size: 18px;
    }
    
    .cardinal-points-west div {
        margin-left: 0;
        border-radius: 0 8px 8px 0;
    }
    
    .cardinal-points-west div {
        border-radius: 8px;
        margin-left: 24px;
    }
    
    .cardinal-points-north div {
        border-radius: 8px;
        margin-top: 24px;
    }
    
    .cardinal-points-east div {
        border-radius: 8px;
        padding: 12px 40px 12px 18px;
        margin-right: 24px;
    }
    
    .cardinal-points-south div {
        border-radius: 8px;
        margin-bottom: 24px;
    }
    
    .cardinal-points div:before {
        content: "";
        position: absolute;
        width: 20px;
        height: 20px;
        background-size: contain;
        left: 6px;
        top: 6px;
        background-image: url(../images/left-white.svg);
    }
    
    .cardinal-points div:before {
        left: 12px;
        width: 24px;
        height: 24px;
        top: 13px;
    }
    
    .cardinal-points-south div:before {
        transform: rotate(-90deg);
    }
    
    .cardinal-points-north div:before {
        transform: rotate(90deg);
    }
    
    .cardinal-points-east div:before {
        right: 6px;
        left: inherit;
        transform: rotate(180deg);
    }

    /********** TILE **********/
    .configurator {
        min-height: 500px;
        display: block;
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-radius: 16px;
        box-shadow: 0 4px 20px #0032501a;
    }
    
    .configurator__layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: background ease-in 0.3s;
        background-size: 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    .configurator__layer.base-layer {
        background-image: url(../images/base-maison.svg);
        background-size: 120%;
        background-position-y: calc(50% + 2px);
    }
    

    /* Styles spécifiques pour les différents types de toits */
    .roof-type_tile.toit-tilt_15 .roof-layer {
    background-image: url(../images/layer-type-toit/15-tile.svg);
    }

    .roof-type_tile.toit-tilt_30 .roof-layer {
    background-image: url(../images/layer-type-toit/30-tile.svg);
    }

    .roof-type_tile.toit-tilt_45 .roof-layer {
    background-image: url(../images/layer-type-toit/45-tile.svg);
    }

    .roof-type_tile.toit-tilt_15.tuile .roof-layer {
    background-image: url(../images/layer-type-toit/15-tile.svg);
    }

    .roof-type_tile.toit-tilt_30.tuile .roof-layer {
    background-image: url(../images/layer-type-toit/15-tile.svg);
    }

    .roof-type_tile.toit-tilt_45.tuile .roof-layer {
    background-image: url(../images/layer-type-toit/45-tile.svg);
    }

    .roof-type_tile.toit-tilt_15.ardoise .roof-layer {
    background-image: url(../images/layer-type-toit/15-slate.svg);
    }

    .roof-type_tile.toit-tilt_30.ardoise .roof-layer {
    background-image: url(../images/layer-type-toit/30-slate.svg);
    }

    .roof-type_tile.toit-tilt_45.ardoise .roof-layer {
    background-image: url(../images/layer-type-toit/45-slate.svg);
    }

    .roof-type_tile.toit-tilt_15.acier .roof-layer {
    background-image: url(../images/layer-type-toit/15-steel.svg);
    }

    .roof-type_tile.toit-tilt_30.acier .roof-layer {
    background-image: url(../images/layer-type-toit/30-steel.svg);
    }

    .roof-type_tile.toit-tilt_45.acier .roof-layer {
    background-image: url(../images/layer-type-toit/45-steel.svg);
    }

    .roof-type_tile.toit-tilt_15.other .roof-layer {
    background-image: url(../images/layer-type-toit/15-other.svg);
    }

    .roof-type_tile.toit-tilt_30.other .roof-layer {
    background-image: url(../images/layer-type-toit/30-other.svg);
    }

    .roof-type_tile.toit-tilt_45.other .roof-layer {
    background-image: url(../images/layer-type-toit/45-other.svg);
    }

    /********** FORM **********/
    .gform_confirmation_message_2 {
    background-color: #f7f9ff;
    border-radius: 20px;
    padding: 20px;
    }

    .gform_wrapper h3 {
    font-size: 24px;
    font-weight: 600;
    }

    .gform_wrapper .gform-field-label {
    font-size: 19px !important;
    }

    .gform_wrapper .subtitle {
    font-size: 20px;
    margin: 15px 0;
    color: #3d3d50;
    }

    .gform-field-row--span-three,
    .row-span-three,
    .gform-field-row--span-3 {
    grid-row: span 3;
    }

    /* DISPOSITION HORIZONTALE DES OPTIONS */
    #gform_wrapper_1 .gfield_radio,
    #gform_wrapper_2 .gfield_radio,
    .gfield_radio,
    .custom-radio .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
    }

    /* Style pour les éléments li */
    #gform_wrapper_1 .gfield_radio li,
    #gform_wrapper_2 .gfield_radio li,
    .gfield_radio li,
    .custom-radio .gfield_radio li {
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    flex-grow: 0 !important;
    list-style: none !important;
    position: relative !important;
    }

    /* Style pour les labels */
    #gform_wrapper_1 .gfield_radio label,
    #gform_wrapper_2 .gfield_radio label,
    .gfield_radio label,
    .custom-radio .gfield_radio label {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer !important;
    }

    /* Style des éléments gchoice standard avec image à droite */
    #gform_wrapper_1 .gchoice,
    #gform_wrapper_2 .gchoice,
    .gchoice,
    .custom-radio .gchoice {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 40px;
    padding: 0 15px;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    text-align: left !important;
    cursor: pointer;
    position: relative;
    min-width: 150px;
    }

    /* Style des pictos pour affichage horizontal */
    #gform_wrapper_1 .pictos .gchoice,
    #gform_wrapper_2 .pictos .gchoice,
    .custom-radio.pictos .gchoice {
        padding-right: 130px !important;
        height: 100px !important;
        min-height: 0 !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        position: relative !important;
    }

    /* Effet hover */
    #gform_wrapper_1 .gchoice:hover,
    #gform_wrapper_2 .gchoice:hover,
    .gchoice:hover,
    .custom-radio .gchoice:hover {
    background-color: #f5f5f5;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
    }

    /* Style pour les éléments sélectionnés */
    #gform_wrapper_1 .gchoice.selected,
    #gform_wrapper_2 .gchoice.selected,
    .gchoice.selected,
    .custom-radio .gchoice.selected,
    .custom-radio input[type="radio"]:checked + label .gchoice {
    background-color: #e6f7ff;
    border: 2px solid #0cc0df;
    box-shadow: 0 4px 15px rgba(12, 192, 223, 0.2);
    font-weight: bold;
    }

    /* Style pour la mise en page des pictos */
    #gform_wrapper_1 .pictos .gfield_radio,
    #gform_wrapper_2 .pictos .gfield_radio,
    .pictos .gfield_radio,
    .custom-radio.pictos .gfield_radio {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    width: 100% !important;
    }

    /* Style des boutons radio intégrés */
    #gform_wrapper_1 .gfield_radio input[type="radio"],
    #gform_wrapper_2 .gfield_radio input[type="radio"],
    .gfield_radio input[type="radio"] {
        position: absolute !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        cursor: pointer !important;
        z-index: 2 !important;
        left: 15px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
    }

    /* Style des boutons personnalisés avec radio intégré */
    #gform_wrapper_1 .gfield_radio .gchoice,
    #gform_wrapper_2 .gfield_radio .gchoice,
    .gfield_radio .gchoice {
        position: relative !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        height: 40px;
        padding: 0 15px 0 40px !important;
        background-color: #fff;
        border-radius: 5px;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
        transition: all 0.3s ease;
        text-align: left !important;
        cursor: pointer;
        min-width: 150px;
    }

    /* Style pour les boutons sélectionnés */
    #gform_wrapper_1 .gfield_radio input[type="radio"]:checked + label .gchoice,
    #gform_wrapper_2 .gfield_radio input[type="radio"]:checked + label .gchoice,
    .gfield_radio input[type="radio"]:checked + label .gchoice {
        background-color: #e6f7ff;
        border: 2px solid #0cc0df;
        box-shadow: 0 4px 15px rgba(12, 192, 223, 0.2);
        font-weight: bold;
    }

    /* Style spécifique pour les angles et matériaux */
    #gform_wrapper_1 .pictos .gchoice_1_8_0,
    #gform_wrapper_1 .pictos .gchoice_1_8_1,
    #gform_wrapper_1 .pictos .gchoice_1_8_2,
    #gform_wrapper_1 .pictos .gchoice_1_8_3,
    #gform_wrapper_1 .pictos .gchoice_1_8_4,
    #gform_wrapper_1 .pictos .gchoice_1_15_0,
    #gform_wrapper_1 .pictos .gchoice_1_15_1,
    #gform_wrapper_1 .pictos .gchoice_1_15_2,
    #gform_wrapper_1 .pictos .gchoice_1_21_0,
    #gform_wrapper_1 .pictos .gchoice_1_21_1,
    #gform_wrapper_1 .pictos .gchoice_1_21_2,
    #gform_wrapper_1 .pictos .gchoice_1_21_3,
    #gform_wrapper_1 .pictos .gchoice_1_21_4,
    #gform_wrapper_2 .pictos .gchoice_2_8_0,
    #gform_wrapper_2 .pictos .gchoice_2_8_1,
    #gform_wrapper_2 .pictos .gchoice_2_8_2,
    #gform_wrapper_2 .pictos .gchoice_2_8_3,
    #gform_wrapper_2 .pictos .gchoice_2_8_4,
    #gform_wrapper_2 .pictos .gchoice_2_15_0,
    #gform_wrapper_2 .pictos .gchoice_2_15_1,
    #gform_wrapper_2 .pictos .gchoice_2_15_2,
    #gform_wrapper_2 .pictos .gchoice_2_21_0,
    #gform_wrapper_2 .pictos .gchoice_2_21_1,
    #gform_wrapper_2 .pictos .gchoice_2_21_2,
    #gform_wrapper_2 .pictos .gchoice_2_21_3,
    #gform_wrapper_2 .pictos .gchoice_2_21_4
    .custom-radio.pictos .gchoice_1_8_0,
    .custom-radio.pictos .gchoice_1_8_1,
    .custom-radio.pictos .gchoice_1_8_2,
    .custom-radio.pictos .gchoice_1_8_3,
    .custom-radio.pictos .gchoice_1_8_4,
    .custom-radio.pictos .gchoice_1_15_0,
    .custom-radio.pictos .gchoice_1_15_1,
    .custom-radio.pictos .gchoice_1_15_2,
    .custom-radio.pictos .gchoice_1_21_0,
    .custom-radio.pictos .gchoice_1_21_1,
    .custom-radio.pictos .gchoice_1_21_2,
    .custom-radio.pictos .gchoice_1_21_3
    .custom-radio.pictos .gchoice_2_8_0,
    .custom-radio.pictos .gchoice_2_8_1,
    .custom-radio.pictos .gchoice_2_8_2,
    .custom-radio.pictos .gchoice_2_8_3,
    .custom-radio.pictos .gchoice_2_8_4,
    .custom-radio.pictos .gchoice_2_15_0,
    .custom-radio.pictos .gchoice_2_15_1,
    .custom-radio.pictos .gchoice_2_15_2,
    .custom-radio.pictos .gchoice_2_21_0,
    .custom-radio.pictos .gchoice_2_21_1,
    .custom-radio.pictos .gchoice_2_21_2,
    .custom-radio.pictos .gchoice_2_21_3{
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding-right: 130px !important;
        width: 100% !important;
    }

    /* Texte des angles et matériaux avec largeur fixe */
    #gform_wrapper_1 .pictos .gchoice_1_8_0 label,
    #gform_wrapper_1 .pictos .gchoice_1_8_1 label,
    #gform_wrapper_1 .pictos .gchoice_1_8_2 label,
    #gform_wrapper_1 .pictos .gchoice_1_8_3 label,
    #gform_wrapper_1 .pictos .gchoice_1_8_4 label,
    #gform_wrapper_1 .pictos .gchoice_1_15_0 label,
    #gform_wrapper_1 .pictos .gchoice_1_15_1 label,
    #gform_wrapper_1 .pictos .gchoice_1_15_2 label,
    #gform_wrapper_1 .pictos .gchoice_1_21_0 label,
    #gform_wrapper_1 .pictos .gchoice_1_21_1 label,
    #gform_wrapper_1 .pictos .gchoice_1_21_2 label,
    #gform_wrapper_1 .pictos .gchoice_1_21_3 label,
    #gform_wrapper_2 .pictos .gchoice_2_8_0 label,
    #gform_wrapper_2 .pictos .gchoice_2_8_1 label,
    #gform_wrapper_2 .pictos .gchoice_2_8_2 label,
    #gform_wrapper_2 .pictos .gchoice_2_8_3 label,
    #gform_wrapper_2 .pictos .gchoice_2_8_4 label,
    #gform_wrapper_2 .pictos .gchoice_2_15_0 label,
    #gform_wrapper_2 .pictos .gchoice_2_15_1 label,
    #gform_wrapper_2 .pictos .gchoice_2_15_2 label,
    #gform_wrapper_2 .pictos .gchoice_2_21_0 label,
    #gform_wrapper_2 .pictos .gchoice_2_21_1 label,
    #gform_wrapper_2 .pictos .gchoice_2_21_2 label,
    #gform_wrapper_2 .pictos .gchoice_2_21_3 label,
    .custom-radio.pictos .gchoice_1_8_0 label,
    .custom-radio.pictos .gchoice_1_8_1 label,
    .custom-radio.pictos .gchoice_1_8_2 label,
    .custom-radio.pictos .gchoice_1_8_3 label,
    .custom-radio.pictos .gchoice_1_8_4 label,
    .custom-radio.pictos .gchoice_1_15_0 label,
    .custom-radio.pictos .gchoice_1_15_1 label,
    .custom-radio.pictos .gchoice_1_15_2 label,
    .custom-radio.pictos .gchoice_1_21_0 label,
    .custom-radio.pictos .gchoice_1_21_1 label,
    .custom-radio.pictos .gchoice_1_21_2 label,
    .custom-radio.pictos .gchoice_1_21_3 label,
    .custom-radio.pictos .gchoice_2_8_0 label,
    .custom-radio.pictos .gchoice_2_8_1 label,
    .custom-radio.pictos .gchoice_2_8_2 label,
    .custom-radio.pictos .gchoice_2_8_3 label,
    .custom-radio.pictos .gchoice_2_8_4 label,
    .custom-radio.pictos .gchoice_2_15_0 label,
    .custom-radio.pictos .gchoice_2_15_1 label,
    .custom-radio.pictos .gchoice_2_15_2 label,
    .custom-radio.pictos .gchoice_2_21_0 label,
    .custom-radio.pictos .gchoice_2_21_1 label,
    .custom-radio.pictos .gchoice_2_21_2 label,
    .custom-radio.pictos .gchoice_2_21_3 label{
        width: 100% !important;
        text-align: left !important;
        margin-right: 20px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
        font-weight: normal !important;
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }


    /* Ajuster les images pour qu'elles apparaissent à droite */
    #gform_wrapper_1 .pictos .gchoice::after,
    #gform_wrapper_2 .pictos .gchoice::after,
    .custom-radio.pictos .gchoice::after {
        position: absolute !important;
        right: 10px !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
        width: 100px !important;
        height: 80px !important;
        margin: 0 !important;
        content: "";
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        border-radius: 5px;
    }

    /* Images spécifiques pour les pictos */
    #gform_wrapper_1 .pictos .gchoice_1_15_0::after,
    #gform_wrapper_2 .pictos .gchoice_2_15_0::after,
    .custom-radio.pictos .gchoice_1_15_0::after,
    .custom-radio.pictos .gchoice_2_15_0::after{
        background-image: url("../images/type-angle/tilt-15.svg");
    }

    #gform_wrapper_1 .pictos .gchoice_1_15_1::after,
    #gform_wrapper_2 .pictos .gchoice_2_15_1::after,
    .custom-radio.pictos .gchoice_1_15_1::after,
    .custom-radio.pictos .gchoice_2_15_1::after {
        background-image: url("../images/type-angle/tilt-30.svg");
    }

    #gform_wrapper_1 .pictos .gchoice_1_15_2::after,
    #gform_wrapper_2 .pictos .gchoice_2_15_2::after,
    .custom-radio.pictos .gchoice_1_15_2::after,
    .custom-radio.pictos .gchoice_2_15_2::after{
        background-image: url("../images/type-angle/tilt-45.svg");
    }

    #gform_wrapper_1 .pictos .gchoice_1_21_0::after,
    #gform_wrapper_2 .pictos .gchoice_2_21_0::after,
    .custom-radio.pictos .gchoice_1_21_0::after,
    .custom-radio.pictos .gchoice_2_21_0::after{
        background-image: url("../images/type-material/tuile.jpg");
    }

    #gform_wrapper_1 .pictos .gchoice_1_21_1::after,
    #gform_wrapper_2 .pictos .gchoice_2_21_1::after,
    .custom-radio.pictos .gchoice_1_21_1::after,
    .custom-radio.pictos .gchoice_2_21_1::after{
        background-image: url("../images/type-material/ardoise.jpg");
    }

    #gform_wrapper_1 .pictos .gchoice_1_21_2::after,
    #gform_wrapper_2 .pictos .gchoice_2_21_2::after,
    .custom-radio.pictos .gchoice_1_21_2::after,
    .custom-radio.pictos .gchoice_2_21_2::after{
        background-image: url("../images/type-material/acier.jpg");
    }

    #gform_wrapper_1 .pictos .gchoice_1_21_3::after,
    #gform_wrapper_2 .pictos .gchoice_2_21_3::after,
    .custom-radio.pictos .gchoice_1_21_3::after,
    .custom-radio.pictos .gchoice_2_21_3::after{
        background-image: url("../images/type-material/autre.jpg");
    }

    /* Responsive : Pour les écrans plus petits */
    @media (max-width: 768px) {
        #gform_wrapper_1 .gfield_radio li,
        #gform_wrapper_2 .gfield_radio li,
        .gfield_radio li {
            width: calc(50% - 15px) !important;
        }
        
        #gform_wrapper_1 .pictos .gchoice,
        #gform_wrapper_2 .pictos .gchoice,
        .custom-radio.pictos .gchoice {
            padding-right: 100px !important;
            min-width: 120px;
        }
        
        #gform_wrapper_1 .pictos .gchoice::after,
        #gform_wrapper_2 .pictos .gchoice::after,
        .custom-radio.pictos .gchoice::after {
            width: 80px !important;
            height: 60px !important;
        }
    }

    @media (max-width: 480px) {
        #gform_wrapper_1 .gfield_radio li,
        #gform_wrapper_2 .gfield_radio li,
        .gfield_radio li {
            width: 100% !important;
        }
        
        #gform_wrapper_1 .pictos .gchoice,
        #gform_wrapper_2 .pictos .gchoice,
        .custom-radio.pictos .gchoice {
            width: 100% !important;
        }
    }