@media (min-device-width: 1024px)
and (aspect-ratio >= 1){

    :root {
        --uc-axis: 58vh;
    }

    /* ============================= */
    /* MODE DESKTOP WIDE             */
    /* ============================= */

    /* LAYOUT GLOBAL — WIDE */
    .layout {
        position: relative;
        padding-left: 4vw;
        padding-right: 4vw;
        z-index: 1;
        max-width: 1800px;
        margin: 0 auto;
    }


    .button-menu {
        transform: scale(0.95);
    }

    /* HEADER : LOGO — WIDE */
    .logo-slot {
        position: absolute;
        top: min(61vh, var(--uc-axis)) !important;
        left: 12vw; /* un peu plus proche du bord */
        transform: translateY(-50%) !important;
        width: calc((55vw - 4vw) * 0.5265);
        height: calc((55vw - 4vw) * 0.5265);
        z-index: 50;
    }

    .lang-container {
        position: absolute;
        top: 6vh;
        left: 16vw;
        z-index: 9999;
    }

    .pro-login-trigger {
        position: absolute;
        top: 6vh;
        right: 16vw;
        z-index: 9999;
    }

    /* HERO — WIDE */
    .hero-wrapper {
        position: relative;
        margin-top: 10vh;
        width: 100%;
        text-align: left;
    }

    .hero-title {
        margin: 0;
        font-size: calc((55vw - 5vw) * 0.045);
        padding-left: 4vw;
        padding-right: 4vw;
        z-index: 50;
    }

    /* BOUTON UC — WIDE */
    .button-menu {
        position: absolute;
        top: calc(2vh + 6vmin);
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 50;
    }

/* ============================= */
/* UC BLOCK — DESKTOP WIDE       */
/* ============================= */

    .uc-block {
        margin-top: calc(10vh + 2vmin);
        width: calc(55vw - 4vw); /* marge latérale +2vw */
        margin-left: auto;
        margin-right: 6vw;
        height: auto; /* libéré */
        border-radius: 2vmin 2vmin 0 0 !important;
        overflow:hidden !important;
        border-radius: 2vmin 2vmin 0 0; /* arrondi haut seulement */
        overflow: visible; /* permet au texte de dépasser */
    }

    /* ============================= */
    /* UC IMAGE — DESKTOP WIDE       */
    /* ============================= */

    .uc-image {
        aspect-ratio: 1.65;           /* ratio wide */
        background-size: 100% auto;  /* dézoom premium */
    }

    /* ============================= */
    /* UC TEXT — DESKTOP WIDE        */
    /* ============================= */

    .uc-text {
        margin-top: 3vh;
        padding: 2vmin;
        font-size: clamp(1rem, 1.8vmin, 2.2vmin);
        overflow: visible;
        max-height: none;
    }
}