/* ========================================
   RESPONSIVE MOBILE CSS - FRH AVIATION
   CORRECTIONS SIMPLES ET EFFICACES
   ======================================== */

/* ===========================================
   CORRECTIONS MOBILE GÉNÉRALES
   =========================================== */

@media (max-width: 767px) {
    
    /* EMPÊCHER LE SCROLL HORIZONTAL */
    body, html {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }
    
    .body_wrap {
        overflow-x: hidden !important;
        max-width: 100% !important;
    }
    
    /* CONTAINER GÉNÉRAL */
    .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
        max-width: 100% !important;
    }
    
    /* HERO SECTION - TITRE PRINCIPAL */
    .hero-style {
        min-height: 500px !important;
        height: 500px !important;
    }
    
    .hero-style .hero-slide-content {
        padding-top: 100px !important;
        padding-bottom: 100px !important;
        text-align: center !important;
    }
    
    .hero-style .xb-hero_content .sec-title .title {
        font-size: 22px !important;
        line-height: 26px !important;
        letter-spacing: 0.5px !important;
        text-align: center !important;
        padding: 0 20px !important;
        margin-bottom: 30px !important;
        word-wrap: break-word !important;
        white-space: normal !important;
    }
    
    .hero-style .xb-hero_content .sec-title .title span {
        display: block !important;
        font-size: inherit !important;
        line-height: inherit !important;
        white-space: normal !important;
    }
    
    /* BOUTONS HERO */
    .xb-hero-bottom {
        margin-top: 30px !important;
        flex-direction: column !important;
        gap: 20px !important;
        align-items: center !important;
    }
    
    .hero-btn .thm-btn {
        padding: 6px 12px !important;
        font-size: 12px !important;
    }
    
    .xb-hero-video {
        text-align: center !important;
    }
    
    .xb-hero-video span {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }
    
    /* SECTION À PROPOS */
    .about {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    
    .about .row {
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .about .col-xl-8,
    .about .col-xl-4 {
        padding: 0 15px !important;
        margin-bottom: 30px;
    }
    
    .about .col-xl-8 {
        order: 1;
    }
    
    .about .col-xl-4 {
        order: 2;
    }
    
    .xb-about-content {
        margin-bottom: 30px !important;
        text-align: center;
    }
    
    /* FORMULAIRE DE RÉSERVATION */
    .xb-about-form {
        margin: 0 !important;
        padding: 30px 20px 40px !important;
        position: static !important;
        width: 100% !important;
        max-width: none !important;
    }
    
    .xb-about-form .heading {
        font-size: 24px !important;
        text-align: center;
        margin-bottom: 25px !important;
    }
    
    .xb-about-input-form .xb-input-field {
        margin-bottom: 20px;
    }
    
    .xb-about-input-form .xb-input-field .input input,
    .xb-about-input-form .xb-input-field .input select,
    .xb-about-input-form .xb-input-field .input textarea {
        width: 100% !important;
        font-size: 16px !important;
        padding: 12px 15px !important;
    }
    
    .about-sub-btn {
        width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        margin-top: 20px !important;
    }
    
    /* SERVICES SLIDER - MOBILE SIMPLE ET EFFICACE */
    .services-slider-container {
        display: block !important;
        margin: 0 15px !important;
        overflow: visible !important; /* Permettre aux losanges d'être visibles */
        position: relative !important;
    }
    
    .services-slider-frame {
        display: block !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 30px rgba(0,0,0,0.12) !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    .services-slider-wrapper {
        display: block !important;
        margin: 0 !important;
        overflow: hidden !important;
        background: white !important; /* ✅ AJOUTÉ */
    }
    
    .services-slider {
        display: flex !important;
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        will-change: transform !important;
        background: white !important; /* ✅ AJOUTÉ */
    }
    
    .service-slide {
        min-width: 100% !important;
        width: 100% !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        background: white !important; /* ✅ AJOUTÉ */
    }
    
    .slide-content {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
        min-height: 450px !important;
        background: white !important;
    }
    
    .slide-image {
        height: 220px !important;
        width: 100% !important;
        order: 1 !important;
        overflow: hidden !important;
        position: relative !important;
    }
    
    .slide-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
        transition: transform 0.3s ease !important;
    }
    
    /* ZOOM UNIQUEMENT POUR LES CARTES 1, 2 et 4 (PAS la 3ème - avion hangar) */
    .service-slide:nth-child(1) .slide-image img,
    .service-slide:nth-child(2) .slide-image img,
    .service-slide:nth-child(4) .slide-image img {
        transform: scale(1.6) !important;
    }
    
    /* 3ème CARTE (avion hangar) - PAS DE ZOOM */
    .service-slide:nth-child(3) .slide-image img {
        transform: scale(1) !important;
    }
    
    .slide-text {
        order: 2 !important;
        padding: 30px 25px !important;
        text-align: center !important;
        background: white !important;
        flex: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
        min-height: 230px !important;
    }
    
    .slide-title {
        font-size: 20px !important;
        font-weight: 300 !important;
        color: #000 !important;
        margin-bottom: 15px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
    }
    
    .slide-icon {
        margin: 15px auto !important;
        color: #C99700 !important;
    }
    
    .slide-description {
        font-size: 14px !important;
        line-height: 1.6 !important;
        color: #666 !important;
        margin-bottom: 20px !important;
        flex: 1 !important;
    }
    
    .slide-btn {
        display: inline-block !important;
        background: #000 !important;
        color: white !important;
        padding: 12px 25px !important;
        text-decoration: none !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        transition: all 0.3s ease !important;
        border: 2px solid #000 !important;
        align-self: center !important;
    }
    
    .slide-btn:hover {
        background: transparent !important;
        color: #000 !important;
    }
    
    /* NAVIGATION SLIDER - SIMPLE ET EFFICACE */
    .slider-navigation {
        display: flex !important;
        justify-content: space-between !important;
        position: absolute !important;
        top: 45% !important;
        transform: translateY(-50%) !important;
        width: calc(100% + 30px) !important;
        left: -15px !important;
        pointer-events: none !important;
        z-index: 10 !important;
    }
    
    .slider-btn {
        width: 45px !important;
        height: 45px !important;
        background: rgba(0,0,0,0.8) !important;
        border: none !important;
        border-radius: 50% !important;
        color: white !important;
        cursor: pointer !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        pointer-events: auto !important;
        transition: all 0.3s ease !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.2) !important;
        font-size: 16px !important;
    }
    
    .slider-btn:hover,
    .slider-btn:active {
        background: rgba(0,0,0,1) !important;
        transform: scale(1.05) !important;
    }
    
    .slider-btn svg {
        width: 20px !important;
        height: 20px !important;
    }
    
     /* STYLES SUPPLÉMENTAIRES POUR MOBILE SI NÉCESSAIRE */
     
     /* MASQUER LES ANCIENNES FLÈCHES POUR ÉVITER LES CONFLITS */
     .slider-navigation {
         display: none !important;
     }
    
    /* MASQUER LES ANCIENNES FLÈCHES SEULEMENT SUR MOBILE */
    @media (max-width: 767px) {
        .slider-navigation {
            display: none !important;
        }
    }
    
    /* Styles des losanges maintenant dans main.css */
    
    /* OPTIMISATIONS TACTILES MOBILE */
    .slider-btn,
    .dot {
        -webkit-tap-highlight-color: transparent !important;
        touch-action: manipulation !important;
    }
    
    /* PERFORMANCE SLIDER - SANS ÉCRASER TRANSFORM */
    .services-slider {
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
        /* transform retiré pour permettre translateX du JavaScript */
    }
    
    /* MASQUER L'ANCIEN DESIGN SUR MOBILE */
    .services-grid,
    .service-card {
        display: none !important;
    }
    
    /* ===========================================
       PAGE "NOTRE HISTOIRE" - CORRECTIONS SPÉCIFIQUES
       =========================================== */
    
    /* HERO SECTION HISTOIRE */
    .breadcrumb {
        min-height: 60vh !important;
        padding-bottom: 40px !important;
    }
    
    .breadcrumb__title {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 15px !important;
    }
    
    .breadcrumb__text {
        font-size: 16px !important;
        line-height: 1.6 !important;
        max-width: 90% !important;
        padding: 0 15px !important;
    }
    
    /* SECTIONS FEATURE - LAYOUT MOBILE */
    .feature .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .feature .col-xl-4,
    .feature .col-xl-8,
    .feature .col-lg-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }
    
    /* IMAGES FEATURE - FORCÉES AU CENTRE */
    .xb-feature-left,
    .xb-feature-img {
        transform: none !important;
        margin: 0 auto 40px auto !important;
        text-align: center !important;
        max-width: 100% !important;
        display: block !important;
        width: 100% !important;
        padding: 0 20px !important;
    }
    
    .xb-feature-left .xb-feature-img,
    .xb-feature-img .xb-item--img {
        text-align: center !important;
        margin: 0 auto !important;
        display: block !important;
        width: 100% !important;
    }
    
    .xb-feature-img img,
    .xb-item--img img {
        width: 100% !important;
        height: auto !important;
        max-height: 280px !important;
        object-fit: cover !important;
        border-radius: 0 !important;
        margin: 0 auto !important;
        display: block !important;
        text-align: center !important;
    }
    
    .xb-feature-img .shape {
        display: none !important;
    }
    
    /* CONTENU FEATURE - TEXTE */
    .xb-feature-content {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
    
    .luxury-section-title,
    .luxury-text-section {
        text-align: center !important;
        margin-bottom: 0px !important;
    }
    
    .luxury-section-title h6,
    .luxury-text-section .title {
        font-size: 24px !important;
        line-height: 1.2 !important;
        margin-bottom: 0px !important;
    }
    
    .luxury-section-title .sub-title,
    .luxury-text-section .sub-title {
        font-size: 14px !important;
        margin-bottom: 0px !important;
    }
    
    .xb-item--content {
        font-size: 15px !important;
        line-height: 1.5 !important;
        margin-bottom: 0px !important;
        text-align: justify !important;
        padding: 0 10px !important;
    }
    
    /* CITATIONS - STYLE MOBILE SANS BARRE NOIRE */
    .xb-item--content[style*="italic"] {
        font-size: 16px !important;
        padding: 20px 15px !important;
        margin: 20px 0 !important;
        text-align: center !important;
        background: #f9f9f9 !important;
        border-radius: 8px !important;
        border-left: none !important;
        border: 1px solid #e0e0e0 !important;
    }
    
    .xb-item--content[style*="italic"] span {
        font-size: 24px !important;
        position: relative !important;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
    }
    
    /* ÉQUIPE SLIDER - IMAGES FORCÉES MOBILE */
    .team,
    .xb-team-slider {
        overflow: visible !important;
        padding: 0 10px !important;
    }
    
    .team .swiper-container,
    .xb-team-slider.swiper-container {
        overflow: visible !important;
    }
    
    .team .swiper-wrapper,
    .xb-team-slider .swiper-wrapper {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 8px !important;
        transform: none !important;
        align-items: stretch !important;
    }
    
    .team .swiper-slide,
    .xb-team-slider .swiper-slide {
        flex: 0 0 calc(33.33% - 6px) !important;
        width: calc(33.33% - 6px) !important;
        min-width: calc(33.33% - 6px) !important;
        max-width: calc(33.33% - 6px) !important;
        margin: 0 !important;
        display: flex !important;
        align-items: stretch !important;
    }
    
    .team .xb-team-item,
    .xb-team-item {
        margin: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background: white !important;
        border-radius: 8px !important;
        box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
        overflow: hidden !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .team .xb-team-item .xb-item--img,
    .xb-team-item .xb-item--img {
        height: auto !important;
        width: 100% !important;
        overflow: visible !important;
        position: relative !important;
        background: transparent !important;
        display: flex !important;
        flex-direction: column !important;
    }
    
    .team .xb-team-item .xb-item--img img,
    .xb-team-item .xb-item--img img {
        width: 100% !important;
        height: 180px !important;
        object-fit: cover !important;
        object-position: center center !important;
        display: block !important;
        position: static !important;
        top: auto !important;
        left: auto !important;
        transform: none !important;
        opacity: 1 !important;
        visibility: visible !important;
        flex-shrink: 0 !important;
    }
    
    .team .xb-item--holder,
    .xb-item--holder {
        padding: 15px 10px !important;
        text-align: center !important;
        background: #f8f9fa !important;
        position: static !important;
        opacity: 1 !important;
        visibility: visible !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        flex: 1 !important;
        transform: none !important;
        z-index: auto !important;
    }
    
    .team .xb-item--name,
    .xb-item--name {
        font-size: 12px !important;
        font-weight: 600 !important;
        margin-bottom: 5px !important;
        text-transform: uppercase !important;
        letter-spacing: 0.3px !important;
        line-height: 1.2 !important;
        color: #000 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
    
    .team .xb-item--desig,
    .xb-item--desig {
        font-size: 10px !important;
        color: #666 !important;
        margin-bottom: 8px !important;
        line-height: 1.2 !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
    }
    
    .team .xb-item--link,
    .xb-item--link {
        justify-content: center !important;
        gap: 4px !important;
        display: flex !important;
        flex-wrap: wrap !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        margin-top: 10px !important;
    }
    
    .team .xb-item--link li,
    .xb-item--link li {
        margin: 0 1px !important;
    }
    
    .team .xb-item--link a,
    .xb-item--link a {
        font-size: 12px !important;
        padding: 0 !important;
        background: transparent !important;
        color: #000 !important;
        text-decoration: none !important;
        border-radius: 3px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 22px !important;
        height: 22px !important;
        border: 1px solid #000 !important;
        transition: all 0.3s ease !important;
    }
    
    .team .xb-item--link a i,
    .xb-item--link a i {
        color: #000 !important;
    }
    
    .team .xb-item--link a:hover,
    .xb-item--link a:hover {
        background: #000 !important;
    }
    
    .team .xb-item--link a:hover i,
    .xb-item--link a:hover i {
        color: white !important;
    }
    
    /* BOUTON CONTACT - Plus discret et moins large */
    .xb-team-btn {
        margin-top: 30px !important;
        text-align: center !important;
    }
    
    .xb-team-btn .about-sub-btn {
        padding: 10px 16px !important;
        font-size: 12px !important;
        display: inline-block !important;
        background: transparent !important;
        border: 1px solid #000 !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        max-width: max-content !important;
    }
    
    .xb-team-btn .about-sub-btn:hover {
        background: #000 !important;
        color: white !important;
    }
    
    /* ESPACEMENTS SECTIONS */
    .mt-80 {
        margin-top: 40px !important;
    }
    
    .mt-100 {
        margin-top: 50px !important;
    }
    
    .mt-50 {
        margin-top: 30px !important;
    }
    
    .mb-150 {
        margin-bottom: 60px !important;
    }
    
    .mb-30 {
        margin-bottom: 20px !important;
    }
    
    .pt-50 {
        padding-top: 30px !important;
    }
    
    /* ORDRE MOBILE - IMAGE PUIS TEXTE (IMPACT VISUEL) */
    .feature .col-xl-4 {
        order: 1 !important; /* Images en premier pour l'impact */
    }
    
    .feature .col-xl-8 {
        order: 2 !important; /* Texte après l'image */
    }
    
    /* Pour les sections avec ordre inversé sur desktop */
    .feature .col-xl-4.order-1 {
        order: 1 !important; /* Image en premier */
    }
    
    .feature .col-xl-8.order-2 {
        order: 2 !important; /* Texte après */
    }
    
    .feature .col-xl-4.order-lg-2 {
        order: 1 !important; /* Image en premier */
    }
    
    .feature .col-xl-8.order-lg-1 {
        order: 2 !important; /* Texte après */
    }
    
    /* SECTION FLOTTE */
    .project-slider .swiper-slide {
        padding: 0 10px !important;
    }
    
    .xb-item--title {
        font-size: 20px !important;
    }
    
    .xb-item--meta li {
        font-size: 14px !important;
    }
    
    /* SECTION STATISTIQUES */
    .xb-funfact-item {
        margin-bottom: 30px !important;
        text-align: center;
    }
    
    .xb-funfact-item .xb-item--number {
        font-size: 45px !important;
    }
    
    .xb-funfact-item .xb-item--img {
        height: 150px !important;
        margin-bottom: 15px;
    }
    
    .xb-funfact-item .xb-item--img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 8px;
    }
    
    /* SECTION ACTUALITÉS */
    .news-card {
        flex-direction: column !important;
        margin-bottom: 25px !important;
        border-radius: 8px !important;
    }
    
    .news-image {
        width: 100% !important;
        height: 180px !important;
        order: 1;
    }
    
    .news-content {
        order: 2;
        padding: 25px 20px !important;
    }
    
    .news-content h3 {
        font-size: 20px !important;
    }
    
    .news-badge {
        font-size: 10px !important;
        padding: 4px 8px !important;
    }
    
    .news-date {
        font-size: 12px !important;
    }
    
    /* FOOTER */
    .footer .row {
        text-align: center;
    }
    
    .footer .footer-col {
        margin-bottom: 30px;
    }
    
    .xb-footer_widget h3 {
        font-size: 18px !important;
    }
    
    .xb-footer_widget .xb-list li a {
        font-size: 14px !important;
    }
    
    /* BOUTON WHATSAPP FLOTTANT */
    .xb-backtotop {
        bottom: 20px !important;
        right: 20px !important;
        z-index: 9999 !important;
    }
    
    .xb-backtotop .scroll {
        width: 50px !important;
        height: 50px !important;
        font-size: 18px !important;
    }
    
    /* TEXTES GÉNÉRAUX */
    .luxury-text-section .title {
        font-size: 26px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }
    
    .luxury-text-section .sub-title {
        font-size: 14px !important;
        margin-bottom: 15px !important;
        text-align: center !important;
    }
    
    .luxury-text-section p {
        font-size: 15px !important;
        line-height: 1.6 !important;
        text-align: center !important;
    }
    
    /* LISTES À PUCES - ALIGNEMENT CORRIGÉ */
    .luxury-features-list > div {
        margin-bottom: 12px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }
    
    .luxury-features-list > div > div:first-child {
        width: 12px !important;
        height: 12px !important;
        background: #000 !important;
        transform: rotate(45deg) !important;
        flex-shrink: 0 !important;
        margin-right: 15px !important;
    }
    
    .luxury-features-list span {
        font-size: 14px !important;
        flex: 1 !important;
        text-align: left !important;
    }
    
    /* BOUTONS GÉNÉRAUX */
    .thm-btn,
    .marine-btn {
        padding: 12px 20px !important;
        font-size: 14px !important;
    }

    /* ===========================================
       PAGE "NOS SERVICES" - RESPONSIVE MOBILE
       =========================================== */

    /* HERO SECTION SERVICES */
    .breadcrumb[data-background*="nos-services"] {
        min-height: 70vh !important;
        padding-bottom: 60px !important;
    }

    .breadcrumb[data-background*="nos-services"] .breadcrumb__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="nos-services"] .breadcrumb__text {
        font-size: 16px !important;
        line-height: 1.5 !important;
        max-width: 95% !important;
        padding: 0 20px !important;
    }

    /* NAVIGATION SERVICES - MOBILE GRID 2x2 */
    .services-navigation {
        padding: 30px 0 !important;
    }

    .services-navigation h3 {
        font-size: 22px !important;
        margin-bottom: 25px !important;
        padding: 0 15px !important;
        line-height: 1.3 !important;
    }

    .services-navigation .row {
        margin: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .services-navigation .col-lg-3 {
        width: 50% !important;
        flex: 0 0 50% !important;
        max-width: 50% !important;
        padding: 0 8px !important;
        margin-bottom: 15px !important;
    }

    .service-nav-item {
        padding: 20px 12px !important;
        height: 100% !important;
        min-height: 140px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: space-between !important;
    }

    .service-nav-item .service-number {
        font-size: 28px !important;
        margin-bottom: 10px !important;
        width: 40px !important;
        height: 40px !important;
    }

    .service-nav-item h4 {
        font-size: 12px !important;
        margin-bottom: 8px !important;
        line-height: 1.2 !important;
    }

    .service-nav-item p {
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    /* SECTIONS SERVICES - MOBILE LAYOUT */
    .luxury-service-section {
        padding: 60px 0 !important;
    }

    .luxury-service-section .row {
        margin: 0 !important;
    }

    .luxury-service-section .col-lg-6,
    .luxury-service-section .col-lg-8 {
        padding: 0 15px !important;
        margin-bottom: 30px !important;
    }

    /* TITRES SECTIONS */
    .luxury-service-section .sub-title {
        font-size: 14px !important;
        margin-bottom: 15px !important;
    }

    .luxury-service-section h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }

    .luxury-service-section .col-lg-8 p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        max-width: 100% !important;
        padding: 0 10px !important;
    }

    /* CONTENU SERVICES - MOBILE */
    .luxury-content-wrapper {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }

    .luxury-feature-item {
        margin-bottom: 25px !important;
        text-align: left !important;
    }

    .luxury-feature-item h3 {
        font-size: 18px !important;
        margin-bottom: 8px !important;
    }

    .luxury-feature-item p {
        font-size: 15px !important;
        line-height: 1.5 !important;
    }

    /* IMAGES SERVICES - MOBILE */
    .luxury-image-wrapper {
        margin-top: 0 !important;
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .luxury-image-wrapper img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
    }

    /* BOUTONS SERVICES */
    .luxury-content-wrapper a {
        display: block !important;
        text-align: center !important;
        margin: 20px auto 0 !important;
        max-width: 250px !important;
        padding: 12px 20px !important;
        font-size: 14px !important;
    }

    /* ORDRE MOBILE - IMAGE PUIS CONTENU */
    #affretement .col-lg-6:first-child {
        order: 2 !important; /* Contenu après image */
    }

    #affretement .col-lg-6:last-child {
        order: 1 !important; /* Image en premier */
    }

    #achat .col-lg-6:first-child {
        order: 1 !important; /* Image en premier */
    }

    #achat .col-lg-6:last-child {
        order: 2 !important; /* Contenu après */
    }

    #vente .col-lg-6:first-child {
        order: 2 !important; /* Contenu après image */
    }

    #vente .col-lg-6:last-child {
        order: 1 !important; /* Image en premier */
    }

    #jet-club .col-lg-6:first-child {
        order: 1 !important; /* Image en premier */
    }

    #jet-club .col-lg-6:last-child {
        order: 2 !important; /* Contenu après */
    }

    /* LOSANGES - ALIGNEMENT MOBILE */
    .luxury-feature-item > div {
        display: flex !important;
        align-items: flex-start !important;
        gap: 15px !important;
    }

    .luxury-feature-item > div > div:first-child {
        flex-shrink: 0 !important;
        margin-top: 3px !important;
        margin-right: 0 !important;
    }

    .luxury-feature-item > div > div:last-child {
        flex: 1 !important;
    }

    /* ===========================================
       PAGE "ACQUISITION" - RESPONSIVE MOBILE
       =========================================== */

    /* HERO SECTION ACQUISITION */
    .breadcrumb[data-background*="acquisition"] {
        min-height: 70vh !important;
        padding-bottom: 60px !important;
    }

    .breadcrumb[data-background*="acquisition"] .breadcrumb__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="acquisition"] .breadcrumb__text {
        font-size: 16px !important;
        line-height: 1.5 !important;
        max-width: 95% !important;
        padding: 0 20px !important;
    }

    /* SECTION BLOG ACQUISITION */
    .blog {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .yc-blog-top {
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    .yc-blog-top .sec-title .title {
        font-size: 24px !important;
        line-height: 1.3 !important;
        text-align: center !important;
        padding: 0 15px !important;
        margin-bottom: 20px !important;
    }

    /* WRAPPER ARTICLES - MOBILE STACK */
    .yc-blog-wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 30px !important;
        padding: 0 15px !important;
    }

    /* ARTICLES ACQUISITION - MOBILE */
    .yc-blog-item {
        width: 100% !important;
        max-width: 100% !important;
        margin-bottom: 0 !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
        padding: 25px 20px !important;
        text-align: center !important;
    }

    .yc-blog-item .xb-item--holder {
        margin-bottom: 20px !important;
    }

    .yc-blog-item .xb-item--top {
        margin-bottom: 15px !important;
        text-align: center !important;
    }

    .yc-blog-item .xb-item--top span {
        font-size: 14px !important;
        font-weight: 600 !important;
        color: white !important;
        background: #000 !important;
        padding: 6px 12px !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        display: inline-block !important;
        margin-bottom: 8px !important;
        border-radius: 0 !important;
    }

    .yc-blog-item .xb-item--date {
        font-size: 13px !important;
        color: #666 !important;
        line-height: 1.4 !important;
    }

    .yc-blog-item .xb-item--title {
        font-size: 18px !important;
        line-height: 1.3 !important;
        margin-bottom: 0 !important;
        text-align: center !important;
    }

    .yc-blog-item .xb-item--title a {
        color: #000 !important;
        text-decoration: none !important;
        font-weight: 400 !important;
    }

    /* BOUTONS ACQUISITION - MOBILE */
    .yc-blog-item .about-btn {
        margin-top: 20px !important;
        text-align: center !important;
    }

    .yc-blog-item .about-sub-btn {
        display: inline-block !important;
        background: transparent !important;
        color: #000 !important;
        border: 2px solid #000 !important;
        padding: 12px 25px !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        text-decoration: none !important;
        transition: all 0.3s ease !important;
        border-radius: 0 !important;
    }

    .yc-blog-item .about-sub-btn:hover {
        background: #000 !important;
        color: white !important;
    }

    /* SECTION CTA - MASQUER SUR MOBILE */
    .cta.cta-bg {
        display: none !important;
    }

    /* ===========================================
       PAGE "ACHAT" - RESPONSIVE MOBILE
       =========================================== */

    /* HERO SECTION ACHAT */
    .breadcrumb[data-background*="achat"] {
        min-height: 70vh !important;
        padding-bottom: 60px !important;
    }

    .breadcrumb[data-background*="achat"] .breadcrumb__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="achat"] .breadcrumb__text {
        font-size: 16px !important;
        line-height: 1.5 !important;
        max-width: 95% !important;
        padding: 0 20px !important;
    }

    /* SECTION CONTENU ACHAT */
    .content-section {
        padding: 60px 0 !important;
    }

    .content-section .row {
        margin: 0 !important;
        flex-direction: column !important;
    }

    .content-section .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 30px !important;
    }

    .content-section .col-lg-6:first-child {
        order: 1 !important; /* Image en premier */
    }

    .content-section .col-lg-6:last-child {
        order: 2 !important; /* Contenu après */
        padding-left: 15px !important;
    }

    /* IMAGE CONTENU - MOBILE */
    .content-image {
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .content-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
    }

    /* TEXTE CONTENU - MOBILE */
    .content-text {
        text-align: center !important;
        padding: 0 10px !important;
    }

    .content-text .title {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .content-text p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin-bottom: 25px !important;
    }

    /* FEATURES LIST - MOBILE */
    .features-list {
        text-align: left !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .feature-item {
        display: flex !important;
        align-items: flex-start !important;
        margin-bottom: 12px !important;
        gap: 15px !important;
    }

    .feature-item div {
        flex-shrink: 0 !important;
        margin-top: 3px !important;
        margin-right: 0 !important;
    }

    .feature-item span {
        font-size: 16px !important;
        flex: 1 !important;
    }

    .features-list p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-left: 23px !important;
        margin-bottom: 15px !important;
        text-align: left !important;
    }

    /* SECTION FORMULAIRE - MOBILE */
    .form-section {
        padding: 60px 0 !important;
    }

    .xb-about-form {
        margin: 0 15px !important;
        padding: 30px 20px !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
    }

    .xb-about-form .heading {
        font-size: 24px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    /* FORMULAIRE 2 COLONNES → 1 COLONNE */
    .xb-about-input-form .row {
        margin: 0 !important;
    }

    .xb-about-input-form .col-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .xb-input-field {
        margin-bottom: 20px !important;
    }

    .xb-input-field label {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

    .xb-input-field .input input,
    .xb-input-field .input textarea {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 16px !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        background: #fff !important;
        color: #333 !important;
    }

    .xb-input-field .input textarea {
        min-height: 100px !important;
        resize: vertical !important;
    }

    /* BOUTON FORMULAIRE - MOBILE */
    .about-sub-btn {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        background: transparent !important;
        color: #000 !important;
        border: 2px solid #000 !important;
        border-radius: 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
    }

    .about-sub-btn:hover {
        background: #000 !important;
        color: white !important;
    }

    /* CTA VIDÉO - MASQUER SUR MOBILE */
    .cta.bg-video {
        display: none !important;
    }

    /* ===========================================
       PAGE "VENTE" - RESPONSIVE MOBILE
       =========================================== */

    /* HERO SECTION VENTE */
    .breadcrumb[data-background*="vente"] {
        min-height: 70vh !important;
        padding-bottom: 60px !important;
    }

    .breadcrumb[data-background*="vente"] .breadcrumb__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="vente"] .breadcrumb__text {
        font-size: 16px !important;
        line-line: 1.5 !important;
        max-width: 95% !important;
        padding: 0 20px !important;
    }

    /* Réutiliser les mêmes styles que la page Achat pour la cohérence */
    /* SECTION CONTENU VENTE - Identique à Achat */
    .breadcrumb[data-background*="vente"] ~ main .content-section {
        padding: 60px 0 !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .content-section .row {
        margin: 0 !important;
        flex-direction: column !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .content-section .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 30px !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .content-section .col-lg-6:first-child {
        order: 1 !important; /* Image en premier */
    }

    .breadcrumb[data-background*="vente"] ~ main .content-section .col-lg-6:last-child {
        order: 2 !important; /* Contenu après */
        padding-left: 15px !important;
    }

    /* IMAGE ET CONTENU VENTE - Identique à Achat */
    .breadcrumb[data-background*="vente"] ~ main .content-image {
        text-align: center !important;
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .content-image img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        max-height: 300px !important;
        object-fit: cover !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .content-text {
        text-align: center !important;
        padding: 0 10px !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .content-text .title {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
        text-align: center !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .content-text p {
        font-size: 16px !important;
        line-height: 1.6 !important;
        text-align: center !important;
        margin-bottom: 25px !important;
    }

    /* FEATURES VENTE - Identique à Achat */
    .breadcrumb[data-background*="vente"] ~ main .features-list {
        text-align: left !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .feature-item {
        display: flex !important;
        align-items: flex-start !important;
        margin-bottom: 12px !important;
        gap: 15px !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .feature-item div {
        flex-shrink: 0 !important;
        margin-top: 3px !important;
        margin-right: 0 !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .feature-item span {
        font-size: 16px !important;
        flex: 1 !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .features-list p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        margin-left: 23px !important;
        margin-bottom: 15px !important;
        text-align: left !important;
    }

    /* FORMULAIRE VENTE - Identique à Achat */
    .breadcrumb[data-background*="vente"] ~ main .form-section {
        padding: 60px 0 !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-about-form {
        margin: 0 15px !important;
        padding: 30px 20px !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-about-form .heading {
        font-size: 24px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-about-input-form .row {
        margin: 0 !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-about-input-form .col-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-input-field {
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-input-field label {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-input-field .input input,
    .breadcrumb[data-background*="vente"] ~ main .xb-input-field .input textarea {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 16px !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        background: #fff !important;
        color: #333 !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .xb-input-field .input textarea {
        min-height: 100px !important;
        resize: vertical !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .about-sub-btn {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        background: transparent !important;
        color: #000 !important;
        border: 2px solid #000 !important;
        border-radius: 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
    }

    .breadcrumb[data-background*="vente"] ~ main .about-sub-btn:hover {
        background: #000 !important;
        color: white !important;
    }

    /* ===========================================
       PAGE "CONTACT" - RESPONSIVE MOBILE
       =========================================== */

    /* HERO SECTION CONTACT */
    .breadcrumb[data-background*="contact"] {
        min-height: 70vh !important;
        padding-bottom: 60px !important;
    }

    .breadcrumb[data-background*="contact"] .breadcrumb__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="contact"] .breadcrumb__text {
        font-size: 16px !important;
        line-height: 1.5 !important;
        max-width: 95% !important;
        padding: 0 20px !important;
    }

    /* SECTION CONTACT GÉNÉRALE */
    .contact {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    /* SECTION APPROCHE - 3 FEATURES */
    .luxury-content-wrapper h2 {
        font-size: 28px !important;
        line-height: 1.3 !important;
        margin-bottom: 40px !important;
        padding: 0 15px !important;
    }

    .luxury-content-wrapper .row {
        margin: 0 !important;
    }

    .luxury-content-wrapper .col-lg-4 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 30px !important;
    }

    .luxury-feature-item {
        text-align: center !important;
        padding: 25px 15px !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
        height: 100% !important;
    }

    .luxury-feature-item h3 {
        font-size: 18px !important;
        margin-bottom: 12px !important;
    }

    .luxury-feature-item p {
        font-size: 14px !important;
        line-height: 1.5 !important;
    }

    /* INFOS CONTACT - 3 CARTES */
    .contact .row:not(.g-0) {
        margin: 0 !important;
        flex-direction: column !important;
    }

    .contact .row:not(.g-0) .col-lg-4 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 15px !important;
        margin-bottom: 20px !important;
    }

    .xb-contact-info-item {
        padding: 20px !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
        display: flex !important;
        align-items: center !important;
        text-align: left !important;
    }

    .xb-contact-info-item .xb-item--icon {
        flex-shrink: 0 !important;
        margin-right: 15px !important;
        width: 50px !important;
        height: 50px !important;
    }

    .xb-contact-info-item .xb-item--title {
        font-size: 16px !important;
        margin-bottom: 8px !important;
    }

    .xb-contact-info-item .xb-item--text {
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    /* SECTION FORMULAIRE + CARTE */
    .contact .row.g-0 {
        margin: 0 !important;
        flex-direction: column !important;
    }

    .contact .row.g-0 .col-lg-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .contact .row.g-0 .col-lg-6:first-child {
        order: 1 !important; /* Formulaire en premier */
        margin-bottom: 20px !important;
    }

    .contact .row.g-0 .col-lg-6:last-child {
        order: 2 !important; /* Carte après */
    }

    /* FORMULAIRE CONTACT - MOBILE */
    .xb-contact-form {
        padding: 30px 15px !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
        margin: 0 15px !important;
    }

    .form-heading .title {
        font-size: 24px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px !important;
    }

    .form-heading p {
        font-size: 14px !important;
        line-height: 1.5 !important;
        padding: 0 10px !important;
    }

    /* CHAMPS FORMULAIRE - 2 COLONNES → 1 COLONNE */
    .xb-input-form .row {
        margin: 0 !important;
    }

    .xb-input-form .col-lg-6,
    .xb-input-form .col-md-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .xb-input-field {
        margin-bottom: 20px !important;
    }

    .xb-input-field input,
    .xb-input-field textarea {
        width: 100% !important;
        padding: 15px 45px 15px 15px !important;
        font-size: 16px !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        background: #fff !important;
    }

    .xb-input-field label {
        font-size: 14px !important;
        color: #666 !important;
    }

    .xb-input-field img {
        right: 15px !important;
        width: 16px !important;
        height: 16px !important;
    }

    /* BOUTON FORMULAIRE */
    .form-submit-btn .thm-btn {
        width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        justify-content: center !important;
    }

    /* CARTE GOOGLE MAPS - MOBILE */
    .map-frame {
        min-height: 300px !important;
        border-radius: 12px !important;
        margin: 0 15px !important;
    }

    /* MASQUER ÉLÉMENTS DÉCORATIFS */
    .yr-location-wrap {
        display: none !important;
    }

    /* ===========================================
       PAGE "RÉSERVER" - RESPONSIVE MOBILE
       =========================================== */

    /* HERO SECTION RÉSERVER */
    .breadcrumb[data-background*="reserver"] {
        min-height: 70vh !important;
        padding-bottom: 60px !important;
    }

    .breadcrumb[data-background*="reserver"] .breadcrumb__title {
        font-size: 32px !important;
        line-height: 1.2 !important;
        margin-bottom: 20px !important;
    }

    .breadcrumb[data-background*="reserver"] .breadcrumb__text {
        font-size: 16px !important;
        line-height: 1.5 !important;
        max-width: 95% !important;
        padding: 0 20px !important;
    }

    /* SECTION RÉSERVATION */
    .about[data-bg-color="#ffffff"] {
        padding: 60px 0 !important;
    }

    /* FORMULAIRE RÉSERVATION - MOBILE */
    .about[data-bg-color="#ffffff"] .xb-about-form {
        margin: 0 15px !important;
        padding: 30px 20px !important;
        background: white !important;
        border-radius: 12px !important;
        box-shadow: 0 8px 25px rgba(0,0,0,0.1) !important;
    }

    .about[data-bg-color="#ffffff"] .xb-about-form .heading {
        font-size: 24px !important;
        margin-bottom: 30px !important;
        text-align: center !important;
    }

    /* FORMULAIRE 2 COLONNES → 1 COLONNE */
    .about[data-bg-color="#ffffff"] .xb-about-input-form .row {
        margin: 0 !important;
    }

    .about[data-bg-color="#ffffff"] .xb-about-input-form .col-6 {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 !important;
    }

    .about[data-bg-color="#ffffff"] .xb-input-field {
        margin-bottom: 20px !important;
    }

    .about[data-bg-color="#ffffff"] .xb-input-field label {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #333 !important;
        margin-bottom: 8px !important;
        display: block !important;
    }

    .about[data-bg-color="#ffffff"] .xb-input-field .input input,
    .about[data-bg-color="#ffffff"] .xb-input-field .input select,
    .about[data-bg-color="#ffffff"] .xb-input-field .input textarea {
        width: 100% !important;
        padding: 12px 15px !important;
        font-size: 16px !important;
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        background: #fff !important;
        color: #333 !important;
    }

    .about[data-bg-color="#ffffff"] .xb-input-field .input textarea {
        min-height: 100px !important;
        resize: vertical !important;
    }

    /* BOUTON FORMULAIRE RÉSERVER */
    .about[data-bg-color="#ffffff"] .about-sub-btn {
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 20px !important;
        font-size: 16px !important;
        background: transparent !important;
        color: #000 !important;
        border: 2px solid #000 !important;
        border-radius: 0 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.5px !important;
        font-weight: 500 !important;
        transition: all 0.3s ease !important;
        text-align: center !important;
        display: block !important;
        margin: 20px auto 0 !important;
    }

    .about[data-bg-color="#ffffff"] .about-sub-btn:hover {
        background: #000 !important;
        color: white !important;
    }
    
    /* SECTIONS PADDING */
    section {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    
    .pt-140 {
        padding-top: 40px !important;
    }
    
    .pb-140 {
        padding-bottom: 40px !important;
    }
    
    .pt-130 {
        padding-top: 40px !important;
    }
    
    .pb-100 {
        padding-bottom: 30px !important;
    }
    
    /* CORRIGER LES MARGES NÉGATIVES */
    .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    
    .col-xl-8,
    .col-xl-4,
    .col-lg-7,
    .col-lg-5,
    .col-md-6,
    .col-sm-6 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* HEADER - CORRECTIONS MOBILE SEULEMENT */
    .header-style .header__wrap {
        padding: 15px 15px !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        background: rgba(0, 0, 0, 0.8) !important;
        backdrop-filter: blur(10px) !important;
    }
    
    .header-style .xb-header-logo {
        max-width: 180px !important;
    }
    
    .header-style .xb-header-logo img {
        max-height: 40px !important;
        width: auto !important;
    }
    
    /* NAVIGATION DESKTOP - MASQUER SUR MOBILE */
    .main-menu__wrap {
        display: none !important;
    }
    
    .header-right .header-btn {
        display: none !important;
    }
    
    .lang-switcher {
        display: none !important;
    }
    
    /* HAMBURGER MOBILE - AFFICHER ET CORRIGER */
    .header-bar-mobile {
        display: block !important;
    }
    
    .header-bar-mobile .xb-nav-mobile {
        background: rgba(255, 255, 255, 0.1) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        color: white !important;
        padding: 8px 12px !important;
        border-radius: 4px !important;
    }
    
    .header-bar-mobile .xb-nav-mobile .hamburger {
        margin-left: 0 !important;
    }
    
    /* FORCER L'AFFICHAGE DES 3 BARRES HAMBURGER */
    .header-bar-mobile .xb-nav-mobile .hamburger,
    .header-bar-mobile .xb-nav-mobile .hamburger::before,
    .header-bar-mobile .xb-nav-mobile .hamburger::after {
        content: "" !important;
        display: block !important;
        height: 3px !important;
        width: 24px !important;
        background-color: white !important;
        border-radius: 2px !important;
        position: absolute !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        transition: all 0.3s ease !important;
    }
    
    .header-bar-mobile .xb-nav-mobile .hamburger::before {
        top: -8px !important;
    }
    
    .header-bar-mobile .xb-nav-mobile .hamburger::after {
        top: 8px !important;
    }
    
    .header-bar-mobile .xb-nav-mobile .hamburger {
        top: 50% !important;
        transform: translate(-50%, -50%) !important;
    }
    
    /* LOGO MOBILE - TAILLE RÉDUITE */
    .xb-logo-mobile img {
        height: 30px !important;
        max-width: 180px !important;
    }
    
    /* MENU MOBILE - SUPPRESSION COMPLÈTE COULEUR DORÉE */
    .xb-menu-primary li > a:hover, 
    .xb-menu-primary li > a.current, 
    .xb-menu-primary li.current_page_item > a, 
    .xb-menu-primary li.current-menu-item > a, 
    .xb-menu-primary li.current_page_ancestor > a, 
    .xb-menu-primary li.current-menu-ancestor > a {
        color: var(--color-heading) !important;
        background-color: transparent !important;
        position: relative !important;
        border-radius: 0 !important;
        margin: 0 !important;
    }
    
    /* SOULIGNEMENT PRÉCIS - VRAIMENT COLLÉ */
    .xb-menu-primary li > a.current span,
    .xb-menu-primary li.current_page_item > a span,
    .xb-menu-primary li.current-menu-item > a span,
    .xb-menu-primary li.current_page_ancestor > a span,
    .xb-menu-primary li.current-menu-ancestor > a span {
        text-decoration: underline !important;
        text-decoration-color: var(--color-heading) !important;
        text-decoration-thickness: 2px !important;
        text-underline-offset: 2px !important;
        display: inline-block !important;
    }
    
    /* ========================================
       PRELOADER - AJUSTEMENT MOBILE (MÊME ANIMATION, PROPORTIONS OPTIMISÉES)
    ======================================== */
    
    @media (max-width: 767px) {
        /* SUPPRIMER COMPLÈTEMENT LA LIGNE QUI CRÉE LA "FUSÉE" */
        .preloader .loader-line-mask {
            display: none !important;
        }
        
        .preloader .loader-line {
            display: none !important;
        }
        
        /* CRÉER UN CERCLE IDENTIQUE AU DESKTOP - CENTRÉ */
        .preloader .loader-circle {
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            margin: auto !important;
            width: 120px !important;
            height: 120px !important;
            border-radius: 100% !important;
            box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
            position: absolute !important;
        }
        
        /* CRÉER UN CERCLE QUI TOURNE SÉPARÉMENT */
        .preloader .loader-circle::before {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            left: 0 !important;
            right: 0 !important;
            bottom: 0 !important;
            border: 2px solid rgba(255, 255, 255, 0.2) !important;
            border-top: 2px solid rgba(255, 255, 255, 0.6) !important;
            border-radius: 100% !important;
            animation: simpleMobileSpin 1.5s linear infinite !important;
        }
        
        /* LOGO FIXE QUI NE TOURNE PAS */
        .preloader .loader-logo {
            top: 50% !important;
            left: 0 !important;
            right: 0 !important;
            position: absolute !important;
            text-align: center !important;
            transform: translate(0%, -50%) !important;
            z-index: 10 !important;
        }
        
        /* TAILLE DU LOGO IDENTIQUE AU DESKTOP */
        .preloader .loader-logo img {
            max-width: 65% !important;
        }
    }
    
    /* ANIMATION IDENTIQUE AU DESKTOP - MÊME VITESSE */
    @keyframes simpleMobileSpin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }
    
    /* ========================================
       HOMEPAGE - RESPONSIVE MOBILE (MÊME DESIGN DESKTOP)
    ======================================== */
    
    /* HERO SECTION - VIDÉO + TITRE */
    @media (max-width: 767px) {
        .hero.hero-style {
            min-height: 70vh !important;
            height: 70vh !important;
        }
        
        .hero-video-bg {
            height: 70vh !important;
        }
        
        .hero-video-bg video {
            width: 100% !important;
            height: 70vh !important;
            object-fit: cover !important;
        }
        
        .hero-slide-content {
            padding-bottom: 40px !important;
        }
        
        .xb-hero_content {
            margin-top: 0 !important;
        }
        
        .xb-hero_content .sec-title .title {
            font-size: 2rem !important;
            line-height: 1.2 !important;
            margin-bottom: 30px !important;
        }
        
        .xb-hero-bottom {
            margin-top: 20px !important;
            flex-direction: column !important;
            align-items: center !important;
            gap: 20px !important;
        }
        
        .hero-btn .thm-btn {
            padding: 6px 12px !important;
            font-size: 12px !important;
        }
        
        .xb-hero-video {
            flex-direction: column !important;
            align-items: center !important;
            text-align: center !important;
        }
        
        .xb-hero-video span {
            font-size: 14px !important;
            margin-top: 10px !important;
        }
    }
    
    /* SECTION À PROPOS - CONTENU + FORMULAIRE */
    @media (max-width: 767px) {
        .about.pos-rel {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
        
        .about .row.mt-none-50 {
            margin-top: 0 !important;
        }
        
        .about.pos-rel {
            padding-top: 60px !important;
        }
        
        .about .col-xl-8.col-lg-7 {
            width: 100% !important;
            max-width: 100% !important;
            flex: 0 0 100% !important;
            margin-top: 0 !important;
        }
        
        .about .col-xl-4.col-lg-5 {
            display: none !important;
        }
        
        .xb-about-content {
            margin-bottom: 40px !important;
            padding: 0 20px !important;
        }
        
        .luxury-text-section .title {
            font-size: 24px !important;
            margin-bottom: 20px !important;
        }
        
        .luxury-text-section p {
            font-size: 16px !important;
            line-height: 1.6 !important;
            margin-bottom: 25px !important;
        }
        
        .luxury-features-list div {
            margin-bottom: 12px !important;
        }
        
        .luxury-features-list span {
            font-size: 15px !important;
        }
        
        /* FORMULAIRE CACHÉ SUR MOBILE */
        .xb-about-form {
            display: none !important;
        }
    }
    
    /* SECTION SERVICES - SLIDER CUSTOM */
    @media (max-width: 767px) {
        .service.pos-rel {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
        
        .services-slider-container {
            padding: 0 15px !important;
        }
        
        .services-slider-frame {
            border-radius: 12px !important;
            overflow: hidden !important;
        }
        
        .service-slide {
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
        
        .slide-content {
            flex-direction: column !important;
            height: auto !important;
        }
        
        .slide-image {
            width: 100% !important;
            height: 200px !important;
        }
        
        .slide-text {
            padding: 25px 20px !important;
        }
        
        .slide-title {
            font-size: 20px !important;
            margin-bottom: 15px !important;
        }
        
        .slide-description {
            font-size: 14px !important;
            line-height: 1.5 !important;
            margin-bottom: 20px !important;
        }
        
        .slide-btn {
            padding: 10px 20px !important;
            font-size: 14px !important;
        }
        
        .slider-navigation {
            margin-top: 20px !important;
        }
        
        .slider-dots {
            margin-top: 15px !important;
        }
    }
    
    /* SECTION FLOTTE - SWIPER */
    @media (max-width: 767px) {
        .project.pos-rel {
            padding-top: 40px !important;
            padding-bottom: 100px !important;
        }
        
        .project-slider .swiper-slide {
            padding: 0 15px !important;
        }
        
        .project-slide-item {
            background: white !important;
            border-radius: 12px !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
            padding: 20px !important;
        }
        
        /* DESIGN SIMPLIFIÉ - SOLUTION PROPRE */
        .project-slide-btn {
            position: relative !important;
            height: 80px !important;
            display: flex !important;
            align-items: center !important;
            justify-content: space-between !important;
            padding: 0 20px !important;
            visibility: visible !important;
        }
        
        /* FLÈCHES AVEC CSS PUR - SANS CONFLITS */
        .project-slide-btn .swiper-button-next,
        .project-slide-btn .swiper-button-prev {
            position: static !important;
            width: 40px !important;
            height: 40px !important;
            background: none !important;
            border: none !important;
            z-index: 9999 !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            visibility: visible !important;
            opacity: 1 !important;
            box-shadow: none !important;
            transition: all 0.2s ease !important;
            margin: 0 !important;
            cursor: pointer !important;
        }
        
        /* SUPPRIMER TOUS LES PSEUDO-ÉLÉMENTS DES FLÈCHES */
        .project-slide-btn .swiper-button-next::before,
        .project-slide-btn .swiper-button-next::after,
        .project-slide-btn .swiper-button-prev::before,
        .project-slide-btn .swiper-button-prev::after {
            display: none !important;
        }
        
        /* CACHER LES SVG ORIGINAUX */
        .project-slide-btn .swiper-button-next svg,
        .project-slide-btn .swiper-button-prev svg {
            display: none !important;
        }
        
        /* CRÉER LES FLÈCHES AVEC DU CONTENU TEXTE */
        .project-slide-btn .swiper-button-next {
            font-size: 24px !important;
            color: #333 !important;
            font-weight: bold !important;
        }
        
        .project-slide-btn .swiper-button-next::after {
            content: '→' !important;
            display: block !important;
        }
        
        .project-slide-btn .swiper-button-prev {
            font-size: 24px !important;
            color: #333 !important;
            font-weight: bold !important;
        }
        
        .project-slide-btn .swiper-button-prev::after {
            content: '←' !important;
            display: block !important;
        }
        
        /* BARRE DE PROGRESSION UNIQUE - SANS CONFLITS */
        .project-slide-btn::before {
            content: '' !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            width: 22px !important;
            height: 3px !important;
            background: #333 !important;
            z-index: 1 !important;
            margin-right: 28px !important;
        }
        
        .project-slide-btn::after {
            content: '' !important;
            position: absolute !important;
            top: 50% !important;
            left: 50% !important;
            transform: translate(-50%, -50%) !important;
            width: 22px !important;
            height: 3px !important;
            background: #ddd !important;
            z-index: 1 !important;
            margin-left: 28px !important;
        }
        
        /* SUPPRIMER L'ANCIEN TRAIT DE PROGRESSION */
        
        .xb-item--title {
            font-size: 18px !important;
            margin-bottom: 15px !important;
        }
        
        .xb-item--meta li {
            font-size: 14px !important;
            margin-bottom: 8px !important;
        }
        
        .project-slide-btn {
            margin-top: 20px !important;
        }
    }
    
    /* SECTION STATISTIQUES - BACKGROUND + STATS */
    @media (max-width: 767px) {
        .service[style*="aeroport_courchevel"] {
            padding-top: 60px !important;
            padding-bottom: 0 !important;
        }
        
        .funfact {
            padding-bottom: 60px !important;
        }
        
        .luxury-text-section .title {
            font-size: 24px !important;
            margin-bottom: 20px !important;
        }
        
        .service-header p {
            font-size: 15px !important;
            padding: 0 20px !important;
        }
        
        .xb-funfact-item {
            margin-bottom: 30px !important;
            padding: 20px !important;
            background: rgba(255,255,255,0.95) !important;
            border-radius: 12px !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
        }
        
        .xb-item--sub-title {
            font-size: 14px !important;
            margin-bottom: 15px !important;
        }
        
        .xb-item--number {
            font-size: 28px !important;
        }
        
        .funfact p {
            font-size: 15px !important;
            padding: 0 20px !important;
            text-align: center !important;
        }
    }
    
    /* SECTION ACTUALITÉS */
    @media (max-width: 767px) {
        .blog {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
        
        .news-card {
            flex-direction: column !important;
            margin-bottom: 30px !important;
            background: white !important;
            border-radius: 0 !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
            overflow: hidden !important;
        }
        
        .news-image {
            width: 100% !important;
            height: auto !important;
            max-height: 300px !important;
            border-radius: 0 !important;
            overflow: hidden !important;
            position: relative !important;
            display: flex !important;
            justify-content: center !important;
            align-items: center !important;
        }
        
        .news-image img {
            width: auto !important;
            height: auto !important;
            max-width: 100% !important;
            max-height: 300px !important;
            object-fit: contain !important;
            object-position: center center !important;
            border-radius: 0 !important;
        }
        
        .news-content {
            padding: 20px !important;
        }
        
        .news-content h3 {
            font-size: 20px !important;
            margin-bottom: 12px !important;
        }
        
        .news-content p {
            font-size: 15px !important;
            line-height: 1.5 !important;
        }
    }
    
    /* ========================================
       JET CLUB PAGE - RESPONSIVE MOBILE
    ======================================== */
    
    /* HERO SECTION JET CLUB */
    @media (max-width: 767px) {
        .breadcrumb {
            min-height: 70vh !important;
            padding-bottom: 40px !important;
        }
        
        .breadcrumb__content h6.breadcrumb__title {
            font-size: 32px !important;
            margin-bottom: 15px !important;
        }
        
        .breadcrumb__content h6.title {
            font-size: 18px !important;
            margin-bottom: 15px !important;
        }
        
        .breadcrumb__content p.breadcrumb__text {
            font-size: 16px !important;
            max-width: 90% !important;
            padding: 0 20px !important;
        }
    }
    
    /* SECTION À PROPOS JET CLUB - CORRECTION POSITIONING */
    @media (max-width: 767px) {
        .about.pos-rel {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
        
        .row.mt-none-50.align-items-xl-end {
            margin-top: 0 !important;
        }
        
        .col-xl-8.col-lg-7.mt-50 {
            transform: none !important;
            margin-top: 0 !important;
            order: 1 !important;
        }
        
        .col-xl-4.col-lg-5.mt-50 {
            margin-top: 0 !important;
            order: 2 !important;
        }
        
        .xb-about-content {
            margin-bottom: 0px !important;
            padding: 0 20px !important;
        }
        
        .xb-about-form {
            margin-top: 0 !important;
            margin-bottom: 40px !important;
            padding: 20px !important;
            background: white !important;
            border-radius: 12px !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
        }
        
        /* RÉDUCTION ESPACES ENTRE SECTIONS */
        .col-xl-8.col-lg-7.mt-50,
        .col-xl-4.col-lg-5.mt-50 {
            padding-bottom: 0 !important;
        }
        
        .xb-about-inner-content {
            margin-bottom: 0px !important;
        }
        
        .xb-about-inner-content:last-child {
            margin-bottom: 0 !important;
        }
        
        .luxury-text-section {
            margin-bottom: 0px !important;
        }
        
        /* SUPPRESSION TOTALE DE TOUS LES ESPACES */
        .xb-about-content > div {
            margin-bottom: 0 !important;
            margin-top: 0 !important;
        }
        
        .col-xl-8.col-lg-7.mt-50 {
            margin-bottom: -10px !important;
        }
    }
    
    /* TYPOGRAPHY JET CLUB MOBILE */
    @media (max-width: 767px) {
        .luxury-text-section .sub-title {
            font-size: 12px !important;
            margin-bottom: 10px !important;
        }
        
        .luxury-text-section .title {
            font-size: 24px !important;
            margin-bottom: 15px !important;
            line-height: 1.3 !important;
        }
        
        .xb-about-inner-content p {
            font-size: 15px !important;
            line-height: 1.6 !important;
            margin-bottom: 20px !important;
        }
        
        .luxury-features-list div {
            margin-bottom: 12px !important;
        }
        
        .luxury-features-list span {
            font-size: 15px !important;
        }
    }
    
    /* FORMULAIRE JET CLUB MOBILE */
    @media (max-width: 767px) {
        .luxury-form-heading .heading {
            font-size: 20px !important;
            margin-bottom: 20px !important;
        }
        
        .xb-input-field {
            margin-bottom: 20px !important;
        }
        
        .xb-input-field input,
        .xb-input-field textarea {
            width: 100% !important;
            padding: 12px 15px !important;
            font-size: 16px !important;
            border: 1px solid #ddd !important;
            border-radius: 4px !important;
        }
        
        .xb-input-field label {
            font-size: 14px !important;
            font-weight: 500 !important;
            margin-bottom: 8px !important;
            display: block !important;
        }
        
        .about-sub-btn {
            width: 100% !important;
            padding: 15px 20px !important;
            font-size: 16px !important;
            margin: 20px auto !important;
        }
    }
    
    /* SECTION FLOTTE MOBILE */
    @media (max-width: 767px) {
        .project.pos-rel {
            padding-top: 40px !important;
            padding-bottom: 40px !important;
        }
        
        .project-slider .swiper-slide {
            padding: 0 15px !important;
        }
        
        .project-slide-item {
            background: white !important;
            border-radius: 12px !important;
            box-shadow: 0 4px 20px rgba(0,0,0,0.1) !important;
            padding: 20px !important;
        }
        
        .xb-item--title {
            font-size: 20px !important;
            margin-bottom: 15px !important;
        }
        
        .xb-item--meta li {
            font-size: 14px !important;
            margin-bottom: 8px !important;
        }
        
        .project-slide-btn {
            margin-top: 20px !important;
        }
    }
    
    /* SECTION DESTINATIONS MOBILE */
    @media (max-width: 767px) {
        .destination {
            padding-top: 40px !important;
            margin-bottom: 40px !important;
        }
        
        .xb-destination-img {
            margin-bottom: 30px !important;
        }
        
        .xb-destination-img img {
            width: 100% !important;
            height: auto !important;
        }
        
        .loc-img {
            transform: scale(0.8) !important;
        }
        
        .destination-slider .swiper-slide {
            padding: 0 10px !important;
        }
        
        .destination-slider-item {
            text-align: center !important;
            padding: 15px !important;
            background: white !important;
            border-radius: 8px !important;
            box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
        }
        
        .xb-item--country {
            font-size: 14px !important;
            margin-top: 10px !important;
        }
    }
    
    .header-right.ul_li {
        margin-right: 0 !important;
    }
    
     /* MASQUER ÉLÉMENTS DÉCORATIFS ET SHAPES */
     .xb-about-shape,
     .hero-shape,
     .about-shape,
     .about-shape .shape,
     .about-shape .shape--1,
     .about-shape .shape--2,
     .about-shape .shape--3,
     .xb-shape,
     .shape {
         display: none !important;
     }
    
    /* OPTIMISATIONS PERFORMANCE */
    .wow {
        animation: none !important;
    }
    
    * {
        transition-duration: 0.2s !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    
    img {
        max-width: 100% !important;
        height: auto !important;
    }
}

/* ===========================================
   TRÈS PETITS ÉCRANS (480px et moins)
   =========================================== */

@media (max-width: 480px) {
    
    .hero-style .xb-hero_content .sec-title .title {
        font-size: 18px !important;
        line-height: 22px !important;
        padding: 0 15px !important;
    }
    
    .hero-style {
        min-height: 450px !important;
        height: 450px !important;
    }
    
    .xb-about-form {
        padding: 25px 15px 35px !important;
    }
    
    .xb-about-form .heading {
        font-size: 22px !important;
    }
    
    .slide-text {
        padding: 20px 15px !important;
    }
    
    .slide-title {
        font-size: 18px !important;
    }
    
    .slide-description {
        font-size: 13px !important;
    }
    
    .xb-funfact-item .xb-item--number {
        font-size: 40px !important;
    }
    
    .news-content {
        padding: 20px 15px !important;
    }
    
    .news-content h3 {
        font-size: 18px !important;
    }
    
    .luxury-text-section .title {
        font-size: 24px !important;
    }
}

/* ===========================================
   TRÈS ANCIENS MOBILES (375px et moins)
   =========================================== */

@media (max-width: 375px) {
    
    .hero-style .xb-hero_content .sec-title .title {
        font-size: 16px !important;
        line-height: 20px !important;
        padding: 0 10px !important;
    }
    
    .hero-style {
        min-height: 400px !important;
        height: 400px !important;
    }
    
    .hero-style .hero-slide-content {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }
    
    .container {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
    
    .xb-about-form {
        margin: 0 5px !important;
        padding: 20px 10px 30px !important;
    }
    
    .xb-about-form .heading {
        font-size: 20px !important;
    }
    
    .slide-text {
        padding: 15px 10px !important;
    }
    
    .slide-title {
        font-size: 16px !important;
    }
    
    .slide-description {
        font-size: 12px !important;
    }
    
    .xb-funfact-item .xb-item--number {
        font-size: 35px !important;
    }
    
    .news-content {
        padding: 15px 10px !important;
    }
    
    .news-content h3 {
        font-size: 16px !important;
    }
    
    .luxury-text-section .title {
        font-size: 22px !important;
    }
}

/* ===========================================
   MODE PAYSAGE MOBILE
   =========================================== */

@media (max-width: 767px) and (orientation: landscape) {
    
    .hero-style {
        min-height: 350px !important;
        height: 350px !important;
    }
    
    .hero-style .hero-slide-content {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    .hero-style .xb-hero_content .sec-title .title {
        font-size: 20px !important;
        line-height: 24px !important;
    }
}

/* ========================================
   CAROUSEL DESTINATIONS EXCLUSIVES - MOBILE UNIQUEMENT
   ======================================== */

/* MASQUER DESKTOP, AFFICHER MOBILE */
.destinations-desktop-grid {
    display: block !important;
}

.destinations-slider-container {
    display: none !important;
}

@media (max-width: 767px) {
    .destinations-desktop-grid {
        display: none !important;
    }
    
    .destinations-slider-container {
        display: block !important;
        margin: 0 15px !important;
        overflow: visible !important;
        position: relative !important;
    }
    
    .destinations-slider-frame {
        display: block !important;
        background: rgba(255, 255, 255, 0.1) !important;
        border-radius: 10px !important;
        backdrop-filter: blur(10px) !important;
        border: 1px solid rgba(255, 255, 255, 0.2) !important;
        overflow: hidden !important;
        position: relative !important;
        padding: 15px 15px 6px 15px !important; /* Encore plus réduit */
        max-width: 280px !important;
        margin: 0 auto !important;
    }
    
    .destinations-slider-wrapper {
        display: block !important;
        margin: 0 !important;
        overflow: hidden !important;
    }
    
    .destinations-slider {
        display: flex !important;
        transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
        will-change: transform !important;
        backface-visibility: hidden !important;
        -webkit-backface-visibility: hidden !important;
    }
    
    .destination-slide {
        min-width: 100% !important;
        width: 100% !important;
        flex-shrink: 0 !important;
        flex-grow: 0 !important;
        padding: 0 !important;
    }
    
    .destination-slide .xb-funfact-item {
        text-align: center !important;
        background: transparent !important;
        border: none !important;
        padding: 15px 15px 5px 15px !important; /* Encore plus réduit */
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .destination-slide .xb-item--sub-title {
        color: rgba(255, 255, 255, 0.9) !important;
        font-size: 12px !important;
        font-weight: 500 !important;
        text-transform: uppercase !important;
        letter-spacing: 0.8px !important;
        margin-bottom: 15px !important;
    }
    
    .destination-slide .xb-item--img {
        width: 150px !important;
        height: 150px !important;
        margin: 0 auto 15px auto !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        opacity: 1 !important; /* FORCER VISIBILITÉ SUR MOBILE */
        transform: scale(1) !important; /* ANNULER L'EFFET SCALE */
    }
    
    .destination-slide .xb-item--img img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        transition: transform 0.3s ease !important;
    }
    
    .destination-slide .xb-item--number {
        color: white !important;
        font-size: 36px !important;
        font-weight: 700 !important;
        margin: 0 !important;
        text-align: center !important;
        width: 100% !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }
    
    .destination-slide .xb-item--number .suffix {
        font-size: 36px !important; /* Même taille que le nombre principal */
        color: rgba(255, 255, 255, 0.8) !important;
        font-weight: 700 !important; /* Même poids que le nombre */
    }
    
    /* NAVIGATION DESTINATIONS - FLÈCHES + LOSANGES */
    .destinations-slider-dots {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 40px !important;
        margin-top: 30px !important;
        padding: 15px 20px !important;
        position: relative !important;
        z-index: 10 !important;
        overflow: visible !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .destinations-dots-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 12px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .destinations-slider-arrow {
        background: transparent !important;
        border: none !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        cursor: pointer !important;
        transition: all 0.3s ease !important;
        color: rgba(255, 255, 255, 0.7) !important;
        padding: 0 !important;
        height: 20px !important;
        width: 30px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .destinations-slider-arrow:hover {
        color: white !important;
        transform: scale(1.1) !important;
    }
    
    .destinations-slider-arrow.prev::before {
        content: '‹' !important;
        font-size: 28px !important;
        font-weight: bold !important;
        line-height: 1 !important;
        display: block !important;
        margin-top: -2px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .destinations-slider-arrow.next::before {
        content: '›' !important;
        font-size: 28px !important;
        font-weight: bold !important;
        line-height: 1 !important;
        display: block !important;
        margin-top: -2px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .destinations-dot {
        width: 8px !important;
        height: 8px !important;
        border-radius: 0 !important;
        background: rgba(255, 255, 255, 0.3) !important;
        cursor: pointer !important;
        transition: all 0.4s ease !important;
        transform: rotate(45deg) !important;
        border: none !important;
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .destinations-dot.active {
        background: white !important;
        transform: rotate(45deg) scale(1.3) !important;
        box-shadow: 0 2px 8px rgba(255,255,255,0.3) !important;
    }
    
        .destinations-dot:hover {
            background: rgba(255, 255, 255, 0.6) !important;
            transform: rotate(45deg) scale(1.1) !important;
        }
    }
    
    /* RÉDUIRE L'ESPACE DU TEXTE DE CONCLUSION SUR MOBILE */
    @media (max-width: 767px) {
        .funfact p[style*="color: #ffffff"] {
            margin-top: 10px !important;
            margin-bottom: 0 !important;
        }
        
        .funfact p[style*="color: #ffffff"] br {
            display: none !important; /* Supprimer les <br> sur mobile */
        }
    }
    
    /* CENTRAGE PARFAIT DU LOGO WHATSAPP SUR MOBILE */
    @media (max-width: 767px) {
        .xb-backtotop .scroll {
            width: 40px !important;
            height: 40px !important;
            display: grid !important;
            place-items: center !important;
            padding: 0 !important;
            margin: 0 !important;
            box-sizing: border-box !important;
        }
        
        .xb-backtotop .scroll i,
        .xb-backtotop .scroll svg {
            font-size: 22px !important; /* Agrandi pour meilleure visibilité */
            width: 22px !important;
            height: 22px !important;
            margin: 0 !important;
            padding: 0 !important;
            display: block !important;
        }
        
        /* Centrage spécifique pour SVG avec ajustement fin */
        .xb-backtotop .scroll svg {
            transform: translate(0.5px, 0px) !important; /* Micro-ajustement horizontal */
        }
        
        .xb-backtotop .scroll svg path {
            fill: white !important;
        }
        
        /* Si c'est une icône Font Awesome */
        .xb-backtotop .scroll i {
            line-height: 1 !important;
            text-align: center !important;
        }
    }