.refonte-grid {
    display: grid !important;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: auto 1fr;
    gap: 3rem 8rem !important;

    .left-top {
        grid-column: 1;
        grid-row: 1;
        align-self: start;

        p.left {
            color: var(--pv-heading-color);
            font-size: 2rem;

            span {
                color: var(--pv-color-primary-orange);
            }
        }
    }

    .left-bottom {
        grid-column: 1;
        grid-row: 2;
        align-self: start;

        ul {
            li {
                &::marker {
                    font-size: 1.3rem;
                }

                span {
                    font-weight: bold;
                }
            }
        }
    }


    .form-right {
        grid-column: 2;
        grid-row: 1 / 3;

        .form-double {
            display: flex;
            flex-direction: row;
            gap: 2rem;

        }

        .form-bloc {
            width: 100%;
            max-height: 1000px;
            overflow: hidden;
            transition: all 1000ms ease;
            opacity: 1;

            &:is([aria-hidden="true"]) {
                max-height: 0;
                opacity: 0;
                margin-bottom: 0 !important;
            }

            select {
                background-color: white;
                max-width: 350px;
                width: 100%;

                &.solo {
                    width: 100%;
                    max-width: 100%;
                }

                &:disabled {
                    cursor: not-allowed;
                    opacity: 0.6;
                    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
                }

                option {
                    background-color: white;
                    color: var(--pv-color-tertiary-black);
                    outline: none;
                }
            }

            input {
                max-width: 350px;
                width: 100%;

                &.solo {
                    width: calc(50% - 1rem);
                }
            }

            &.cgu-bloc {

                margin-top: 0px !important;
            }
        }
    }
}


/* Mobile : tout en colonne, formulaire au milieu */
@media (max-width: 991px) {
    .refonte-grid {
        display: flex !important;
        flex-direction: column !important;

        .left-top {
            order: 1;

            p.left {
                font-size: 1.7rem;
            }
        }

        .left-bottom {
            order: 3;
        }
    }

    .form-right {
        order: 2;
    }
}

@media (max-width: 767px) {
    .refonte-grid {
        & .form-right {
            & .form-double {
                flex-direction: column;
                gap: 0rem;
            }

            & .form-bloc {

                select {
                    max-width: unset;

                    &.solo {
                        width: 100%;
                    }
                }

                input {
                    max-width: unset;

                    &.solo {
                        width: 100%;
                    }
                }
            }
        }
    }