@media (min-width: 1024px) {
    /* Style boutons taille normale */
    .slot-btn {
        padding: 10px 18px !important;
        font-size: 12px !important;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    /* Cache le radio mais le laisse actif */
    .slot-btn input[type="radio"] {
        transform: scale(1.3);
        margin-right: 6px;
        left: 34px;
        top : 12px;
    }

    /* Bouton sélectionné */
    .slot-btn.active {
        background-color: #0d6efd !important;
        color: white !important;
        border-color: #0b5ed7 !important;
    }

    .form-check {
        padding-left: 0px;
    }

    /* Style boutons taille normale accueil */
    #q1, #q2, #q3 {
        top: 12px;
        left: 34px;
    }

    .btn.btn-dark.slot-btno.me-2.mb-2 {
        padding: 12px 12px !important;
        font-size: 14px !important;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        gap: 4px;
        margin-top: 6px;
    }

    /* Cache le radio mais le laisse actif */
    .btn.btn-dark.slot-btno.me-2.mb-2 input[type="checkbox"] {
        transform: scale(1.3);
        margin-right: 6px;
    }

    /* Bouton sélectionné */
    .btn.btn-dark.slot-btno.me-2.mb-2.active {
        background-color: #0d6efd !important;
        color: white !important;
        border-color: #0b5ed7 !important;
    }
}

/* ======== FULL ============================================================================================ */
.mt-4 {
  margin-top: 0px !important;
}

.mt-5 {
  margin-top: 0rem !important;
}

.form-check {
  padding-left: 0px;
}

.mb-2 {
    margin-bottom: 0px !important;
}

.py-5 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* ======== CAROUSSEL ========== */
.full-carousel {
    width: 100%;
    height: 400px;
    overflow: hidden;
}

.full-carousel .carousel-img {
    height: 400px;
    width: 100%;
    object-fit: cover; /* garde une belle image sans déformation */
}


/* ======== OPTIMISATION MOBILE =============================================================================== */
@media only screen and (max-width: 429px) and (orientation: portrait) {
    /* Style boutons taille normale */
    .slot-btn {
        padding: 2px 6px !important;
        font-size: 18px !important;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }

    /* Cache le radio mais le laisse actif */
    .slot-btn input[type="radio"] {
        transform: scale(1.3);
        margin-right: 6px;
    }

    /* Bouton sélectionné */
    .slot-btn.active {
        background-color: #0d6efd !important;
        color: white !important;
        border-color: #0b5ed7 !important;
    }

    /* Style boutons taille normale accueil */
    #q1, #q2, #q3 {
        top: 12px;
        left: 34px;
    }

    .slot-btno {
        padding: 2px 6px !important;
        font-size: 18px !important;
        border-radius: 8px;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        margin-top: 6px;
    }

    /* Cache le radio mais le laisse actif */
    .slot-btno input[type="checkbox"] {
        transform: scale(1.3);
        margin-right: 6px;
    }

    /* Bouton sélectionné */
    .slot-btno.active {
        background-color: #0d6efd !important;
        color: white !important;
        border-color: #0b5ed7 !important;
    }
}