@media (max-width:991px) {
    body.poster {
        margin-top: 60vh;
    }
}

body.poster {
    background-attachment: fixed;
}

.top-5 {
    top: 5px;
}

itemname {
    grid-area: 1 / 1 / 5 / 2;
}
/* Section iframe */
.iframe-section {
    width: 100%;
    padding-bottom: 40px;
}

/* Wrapper externe : largeur seulement */
.iframe-scale-wrapper {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}

/* Wrapper interne commun */
.iframe-wrapper {
    width: 100%;
    height: 1950px; /* hauteur desktop par défaut */
}

/* Variante travel form (PLUS COURT) */
.iframe-wrapper-travelform {
    height: 1350px; /* DESKTOP travel */
}

/* Iframe */
#bookingIframe {
    width: 100%;
    height: 100%;
    border: 0;
    overflow: hidden;
    display: block;
}

/* ===== MOBILE ===== */
@media (max-width: 768px) {

    .iframe-scale-wrapper {
        width: 100%;
    }

    .iframe-wrapper {
        height: 3200px; /* mobile standard */
    }

    .iframe-wrapper-travelform {
        height: 2100px; /* mobile travel */
    }
}

/* ===== iOS 16 : largeur ===== */
@supports (-webkit-touch-callout: none) {
    body.ios16 .iframe-scale-wrapper {
        transform: scale(0.92);
        transform-origin: top center;
        width: 650px;
    }
}

/* ==========================================
   IFRAME – formulaire court (Zoho)
   ========================================== */

.iframe-wrapper-shortform {
    width: 100%;
    max-width: 100%;
    height: 700px;           /* hauteur desktop par défaut */
    overflow: hidden;
    border-radius: 6px;
    background: #fff;
}

/* iframe interne */
.iframe-wrapper-shortform iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

/* tablette */
@media (max-width: 991px) {
    .iframe-wrapper-shortform {
        height: 850px;
    }
}

/* mobile */
@media (max-width: 576px) {
    .iframe-wrapper-shortform {
        height: 1000px;
    }
}

/* iOS 16 fix (clavier / scroll) */
body.ios16 .iframe-wrapper-shortform {
    height: auto;
    min-height: 1000px;
}


/* ================================
   HERO – page Thank You / Danke
   ================================ */

.hero-thankyou {
    width: 100%;
    height: 300px; /* ajustable */
    background-image: url('DSE_9048-Col-du-Rousset-767.jpg');
    background-size: cover;
    background-position: center;
    position: relative;
}