.mde-newsletter,
.mde-newsletter * {
    box-sizing: border-box;
}

.mde-newsletter {
    position: relative;
    overflow: hidden;
    width: min(1120px, 100%);
    margin: 48px auto;
    padding: 1px;
    border-radius: 34px;
    background: linear-gradient(135deg, rgba(217, 184, 111, .95), rgba(255, 250, 230, .32), rgba(70, 90, 140, .45));
    box-shadow: 0 28px 90px rgba(10, 14, 35, .32);
}

.mde-newsletter__glow {
    position: absolute;
    inset: -30%;
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 235, 170, .32), transparent 28%),
        radial-gradient(circle at 82% 12%, rgba(128, 148, 255, .20), transparent 26%),
        radial-gradient(circle at 50% 100%, rgba(255, 216, 122, .18), transparent 34%);
    pointer-events: none;
}

.mde-newsletter__inner {
    position: relative;
    padding: clamp(28px, 5vw, 64px);
    border-radius: 33px;
    background:
        linear-gradient(135deg, rgba(15, 20, 49, .96), rgba(23, 27, 66, .94)),
        radial-gradient(circle at center, rgba(255,255,255,.1), transparent 45%);
    color: #fff9e8;
    text-align: center;
}

.mde-newsletter__inner:before,
.mde-newsletter__inner:after {
    content: "✦";
    position: absolute;
    color: rgba(230, 196, 124, .56);
    font-size: 28px;
}

.mde-newsletter__inner:before {
    top: 26px;
    left: 34px;
}

.mde-newsletter__inner:after {
    right: 34px;
    bottom: 26px;
}

.mde-newsletter__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    padding: 8px 16px;
    border: 1px solid rgba(231, 202, 139, .45);
    border-radius: 999px;
    color: #ead092;
    font-size: 12px;
    letter-spacing: .16em;
    text-transform: uppercase;
}

.mde-newsletter__title {
    margin: 0;
    color: #fff4ca;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(32px, 5vw, 58px);
    line-height: 1.02;
    font-weight: 500;
    text-shadow: 0 0 24px rgba(226, 187, 95, .22);
}

.mde-newsletter__subtitle {
    margin: 12px auto 0;
    max-width: 720px;
    color: #e3c981;
    font-size: clamp(17px, 2.3vw, 22px);
    font-style: italic;
}

.mde-newsletter__text {
    margin: 18px auto 26px;
    max-width: 760px;
    color: rgba(255, 249, 232, .86);
    font-size: 16px;
    line-height: 1.75;
}

.mde-newsletter__form {
    width: min(760px, 100%);
    margin: 0 auto;
}

.mde-newsletter__fields {
    display: grid;
    grid-template-columns: 1fr 1.35fr;
    gap: 14px;
}

.mde-newsletter__field {
    display: block;
    text-align: left;
}

.mde-newsletter__field span {
    display: block;
    margin: 0 0 7px 2px;
    color: rgba(255, 246, 218, .9);
    font-size: 13px;
    letter-spacing: .03em;
}

.mde-newsletter__field em {
    opacity: .66;
    font-style: normal;
}

.mde-newsletter__field input {
    width: 100%;
    min-height: 52px;
    border: 1px solid rgba(231, 202, 139, .42);
    border-radius: 16px;
    background: rgba(255, 255, 255, .92);
    color: #172042;
    padding: 0 16px;
    font-size: 16px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.mde-newsletter__field input:focus {
    border-color: rgba(239, 207, 137, .95);
    box-shadow: 0 0 0 4px rgba(239, 207, 137, .2);
    background: #fff;
}

.mde-newsletter__consent {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 16px 0 18px;
    color: rgba(255, 249, 232, .78);
    font-size: 13px;
    line-height: 1.5;
    text-align: left;
}

.mde-newsletter__consent input {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 2px;
    accent-color: #d9b86f;
}

.mde-newsletter__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 54px;
    min-width: 240px;
    padding: 0 26px;
    border: 0;
    border-radius: 999px;
    background: linear-gradient(135deg, #f8df9a, #c89b44);
    color: #151936;
    font-weight: 700;
    font-size: 15px;
    letter-spacing: .04em;
    cursor: pointer;
    box-shadow: 0 14px 34px rgba(201, 154, 65, .28);
    transition: transform .2s ease, box-shadow .2s ease, filter .2s ease;
}

.mde-newsletter__button:hover,
.mde-newsletter__button:focus {
    transform: translateY(-1px);
    box-shadow: 0 18px 40px rgba(201, 154, 65, .36);
    filter: brightness(1.03);
}

.mde-newsletter__button.is-loading {
    opacity: .72;
    cursor: wait;
}

.mde-newsletter__message {
    min-height: 22px;
    margin: 16px 0 0;
    font-weight: 600;
}

.mde-newsletter__message.is-success {
    color: #c8f7d3;
}

.mde-newsletter__message.is-error {
    color: #ffd0d0;
}

.mde-newsletter__privacy {
    margin: 10px 0 0;
    color: rgba(255, 249, 232, .55);
    font-size: 12px;
}

/* Compact wide bar */
.mde-newsletter.is-compact {
    width: 100%;
    max-width: 100%;
    margin: 18px auto 40px;
    padding: 1px;
    border-radius: 26px;
    background: linear-gradient(135deg, rgba(217, 184, 111, .85), rgba(255, 250, 230, .55));
    box-shadow: 0 14px 42px rgba(127, 95, 34, .16);
}

.mde-newsletter.is-compact .mde-newsletter__glow,
.mde-newsletter.is-compact .mde-newsletter__inner:before,
.mde-newsletter.is-compact .mde-newsletter__inner:after,
.mde-newsletter.is-compact .mde-newsletter__eyebrow,
.mde-newsletter.is-compact .mde-newsletter__text,
.mde-newsletter.is-compact .mde-newsletter__privacy {
    display: none !important;
}

.mde-newsletter.is-compact .mde-newsletter__inner {
    display: block;
    padding: 28px 40px 26px;
    border-radius: 25px;
    background: linear-gradient(135deg, rgba(255, 248, 225, .94), rgba(248, 235, 197, .9));
    color: #211725;
    text-align: left;
}

.mde-newsletter.is-compact .mde-newsletter__compact-head {
    display: block;
    margin: 0 0 18px;
}

.mde-newsletter.is-compact .mde-newsletter__title {
    margin: 0;
    color: #0f1424;
    font-family: Georgia, 'Times New Roman', serif;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.02;
    font-weight: 500;
    text-shadow: none;
}

.mde-newsletter.is-compact .mde-newsletter__subtitle {
    margin: 8px 0 0;
    max-width: none;
    color: #4a3422;
    font-size: 15px;
    line-height: 1.35;
    font-style: italic;
}

.mde-newsletter.is-compact .mde-newsletter__form {
    width: 100%;
    max-width: none;
    margin: 0;
}

.mde-newsletter.is-compact .mde-newsletter__fields {
    display: grid;
    grid-template-columns: minmax(130px, .75fr) minmax(190px, 1.15fr) auto;
    align-items: center;
    gap: 12px;
    width: 100%;
}

.mde-newsletter.is-compact .mde-newsletter__field {
    min-width: 0;
}

.mde-newsletter.is-compact .mde-newsletter__field span {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
}

.mde-newsletter.is-compact .mde-newsletter__field input {
    width: 100%;
    min-height: 46px;
    margin: 0;
    padding: 0 17px;
    border: 1px solid rgba(166, 126, 54, .26);
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: #211725;
    font-size: 14px;
    box-shadow: none;
}

.mde-newsletter.is-compact button.mde-newsletter__button,
.mde-newsletter.is-compact .mde-newsletter__button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 170px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 24px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, #d9ad50, #b57c18) !important;
    color: #fff9e8 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 24px rgba(181, 124, 24, .22) !important;
    cursor: pointer !important;
}

.mde-newsletter.is-compact .mde-newsletter__consent {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0 0;
    color: rgba(33, 23, 37, .72);
    font-size: 11.5px;
    line-height: 1.35;
    text-align: left;
}

.mde-newsletter.is-compact .mde-newsletter__consent input {
    width: 15px;
    height: 15px;
    flex: 0 0 15px;
    margin: 0;
    accent-color: #b57c18;
}

.mde-newsletter.is-compact .mde-newsletter__message {
    min-height: 0;
    margin: 8px 0 0;
    color: #211725;
    font-size: 13px;
}

.mde-newsletter.is-compact .mde-newsletter__message.is-success {
    color: #276437;
}

.mde-newsletter.is-compact .mde-newsletter__message.is-error {
    color: #9b2a2a;
}

@media (max-width: 900px) {
    .mde-newsletter.is-compact .mde-newsletter__inner {
        padding: 24px 22px;
        text-align: center;
    }

    .mde-newsletter.is-compact .mde-newsletter__fields {
        grid-template-columns: 1fr;
    }

    .mde-newsletter.is-compact button.mde-newsletter__button,
    .mde-newsletter.is-compact .mde-newsletter__button {
        width: 100% !important;
    }

    .mde-newsletter.is-compact .mde-newsletter__consent {
        text-align: left;
    }
}

@media (max-width: 720px) {
    .mde-newsletter {
        width: 100%;
        margin: 30px auto;
        border-radius: 26px;
    }

    .mde-newsletter__inner {
        border-radius: 25px;
        padding: 28px 18px;
    }

    .mde-newsletter__fields {
        grid-template-columns: 1fr;
    }

    .mde-newsletter__button {
        width: 100%;
    }

    .mde-newsletter__inner:before,
    .mde-newsletter__inner:after {
        display: none;
    }
}

/* Variante spéciale : Lettre des Veilleurs / enveloppe */
.mde-newsletter--veilleurs{width:min(980px,100%);margin:46px auto;padding:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.mde-veilleurs__frame,.mde-veilleurs__frame *{box-sizing:border-box}
.mde-veilleurs__frame{position:relative;overflow:hidden;min-height:980px;padding:clamp(28px,4vw,48px);border:2px solid rgba(181,124,24,.72);background:radial-gradient(circle at 15% 22%,rgba(255,255,255,.72),transparent 12%),radial-gradient(circle at 86% 24%,rgba(255,255,255,.66),transparent 12%),linear-gradient(135deg,#fffaf0 0%,#f8ecd0 48%,#fff7e5 100%);color:#0d1933;box-shadow:0 24px 70px rgba(90,61,19,.18)}
.mde-veilleurs__frame:before,.mde-veilleurs__frame:after{content:"";position:absolute;inset:22px;border:1px solid rgba(181,124,24,.56);pointer-events:none}
.mde-veilleurs__frame:after{inset:38px;border-color:rgba(181,124,24,.18)}
.mde-veilleurs__moon{position:relative;z-index:2;width:72px;height:72px;margin:0 auto 26px;display:grid;place-items:center;border:2px solid rgba(181,124,24,.7);border-radius:50%;color:#b57c18;font-size:30px;background:rgba(255,248,230,.72);box-shadow:0 0 0 14px rgba(181,124,24,.05)}
.mde-veilleurs__letter{position:relative;z-index:3;width:min(660px,86%);margin:0 auto;padding:54px 64px 210px;border:1px solid rgba(181,124,24,.36);background:linear-gradient(rgba(255,255,255,.56),rgba(255,255,255,.28)),#fff5dc;text-align:center;box-shadow:0 18px 46px rgba(95,64,21,.20)}
.mde-veilleurs__letter:before,.mde-veilleurs__letter:after{content:"";position:absolute;inset:22px;border:1px solid rgba(181,124,24,.46);pointer-events:none}
.mde-veilleurs__letter:after{inset:34px;border-color:rgba(181,124,24,.16)}
.mde-veilleurs__ornament,.mde-veilleurs__leaf,.mde-veilleurs__separator{color:#b57c18}
.mde-veilleurs__ornament{position:relative;z-index:1;margin-bottom:18px;font-size:22px;letter-spacing:.16em}
.mde-veilleurs__title{position:relative;z-index:1;margin:0;color:#0d1933;font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6vw,78px);line-height:.96;font-weight:500;letter-spacing:-.04em}
.mde-veilleurs__subtitle{position:relative;z-index:1;margin:28px 0 0;color:#a87928;font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2.2vw,27px);font-style:italic;line-height:1.35}
.mde-veilleurs__separator{position:relative;z-index:1;margin:18px auto;font-size:22px}
.mde-veilleurs__text{position:relative;z-index:1;max-width:520px;margin:0 auto;color:#0d1933;font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,2.5vw,28px);line-height:1.35}
.mde-veilleurs__leaf{position:relative;z-index:1;margin-top:26px;font-size:26px}
.mde-veilleurs__envelope{position:relative;z-index:4;width:min(760px,94%);height:270px;margin:-250px auto 0;background:linear-gradient(135deg,#faedce,#f3dfb5);border:1px solid rgba(181,124,24,.32);box-shadow:0 18px 38px rgba(95,64,21,.13)}
.mde-veilleurs__fold{position:absolute;bottom:0;width:55%;height:100%;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(181,124,24,.10));border-top:2px solid rgba(255,255,255,.45)}
.mde-veilleurs__fold--left{left:0;clip-path:polygon(0 0,100% 100%,0 100%);border-right:1px solid rgba(181,124,24,.20)}
.mde-veilleurs__fold--right{right:0;clip-path:polygon(100% 0,100% 100%,0 100%);border-left:1px solid rgba(181,124,24,.20)}
.mde-veilleurs__seal{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:78px;height:78px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#ffe7a6 0 32%,#c78e2f 34% 62%,#9d6717 64% 100%);color:#0d1933;font-size:26px;box-shadow:0 8px 20px rgba(88,54,12,.28)}
.mde-veilleurs__form{position:relative;z-index:6;width:min(780px,94%);margin:-16px auto 0;padding:34px 38px 28px;border:1px solid rgba(181,124,24,.45);background:rgba(255,247,226,.96);box-shadow:0 18px 42px rgba(95,64,21,.16)}
.mde-veilleurs__form:before,.mde-veilleurs__form:after{content:"";position:absolute;inset:14px;border:1px solid rgba(181,124,24,.38);pointer-events:none}
.mde-veilleurs__form:after{inset:24px;border-color:rgba(181,124,24,.12)}
.mde-veilleurs__fields{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.mde-veilleurs__field{position:relative;display:block}
.mde-veilleurs__field input{width:100%;min-height:68px;padding:0 56px 0 26px;border:1px solid rgba(181,124,24,.68);border-radius:0;background:rgba(255,251,241,.72);color:#0d1933;font-family:Georgia,'Times New Roman',serif;font-size:23px;outline:none}
.mde-veilleurs__field input::placeholder{color:rgba(139,96,30,.82);opacity:1}
.mde-veilleurs__field input:focus{border-color:#b57c18;box-shadow:0 0 0 4px rgba(181,124,24,.12);background:#fffaf0}
.mde-veilleurs__field i{position:absolute;right:20px;top:50%;transform:translateY(-50%);color:#b57c18;font-style:normal;font-size:25px;line-height:1;pointer-events:none}
.mde-veilleurs__button{position:relative;z-index:1;width:min(560px,100%);min-height:78px;margin:0 auto 22px;display:flex;align-items:center;justify-content:center;border:2px solid rgba(181,124,24,.76);border-radius:10px;background:rgba(255,251,241,.38);color:#0d1933;font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3vw,36px);font-weight:500;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 0 0 5px rgba(181,124,24,.10);transition:transform .18s ease,background .18s ease,box-shadow .18s ease}
.mde-veilleurs__button:before,.mde-veilleurs__button:after{content:"✦";color:#b57c18;font-size:24px;margin:0 28px}
.mde-veilleurs__button:hover,.mde-veilleurs__button:focus{transform:translateY(-1px);background:rgba(255,246,219,.86);box-shadow:inset 0 0 0 5px rgba(181,124,24,.16),0 10px 28px rgba(181,124,24,.16)}
.mde-veilleurs__consent{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:12px;max-width:690px;margin:0 auto;color:#0d1933;font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,2vw,24px);line-height:1.25;text-align:center}
.mde-veilleurs__consent input{width:22px;height:22px;flex:0 0 22px;margin-top:3px;accent-color:#b57c18}
.mde-veilleurs__message{position:relative;z-index:1;margin:16px 0 0;text-align:center;color:#0d1933}
.mde-veilleurs__message.is-success{color:#276437}
.mde-veilleurs__message.is-error{color:#9b2a2a}
@media(max-width:820px){.mde-veilleurs__frame{min-height:0;padding:22px}.mde-veilleurs__moon{width:54px;height:54px;margin-bottom:18px;font-size:22px}.mde-veilleurs__letter{width:100%;padding:38px 24px 140px}.mde-veilleurs__envelope{width:100%;height:190px;margin-top:-160px}.mde-veilleurs__seal{width:58px;height:58px;font-size:20px}.mde-veilleurs__form{width:100%;padding:28px 22px 24px}.mde-veilleurs__fields{grid-template-columns:1fr;gap:14px}.mde-veilleurs__field input{min-height:56px;font-size:18px}.mde-veilleurs__button{min-height:64px}.mde-veilleurs__button:before,.mde-veilleurs__button:after{margin:0 10px;font-size:18px}}


/* Variante avec image intégrée — format compact 3:1 */
.mde-newsletter--veilleurs-image {
    width: min(2172px, 100%);
    margin: 28px auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    overflow: visible;
}

.mde-veilleurs-image,
.mde-veilleurs-image * {
    box-sizing: border-box;
}

.mde-veilleurs-image {
    position: relative;
}

.mde-veilleurs-image__visual {
    display: block;
    width: 100%;
    height: auto;
}

.mde-veilleurs-image__form {
    position: absolute;
    inset: 0;
}

.mde-veilleurs-image__field {
    position: absolute;
    display: block;
}

/* Image 2172 x 724 — zones calées sur les champs imprimés */
.mde-veilleurs-image__field--first-name {
    left: 46.0%;
    top: 48.0%;
    width: 22.4%;
    height: 12.1%;
}

.mde-veilleurs-image__field--email {
    left: 69.5%;
    top: 48.0%;
    width: 22.8%;
    height: 12.1%;
}

.mde-veilleurs-image__field input {
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 4.2% 0 17% !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    color: #213764 !important;
    caret-color: #213764 !important;
    outline: none !important;
    box-shadow: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(11px, 1.05vw, 19px) !important;
    line-height: 1 !important;
    transition: background .18s ease, box-shadow .18s ease;
}

.mde-veilleurs-image__field input::placeholder {
    color: transparent !important;
    opacity: 0 !important;
}

/* petit surlignement parchemin quand l’utilisateur écrit */
.mde-veilleurs-image__field input:not(:placeholder-shown) {
    background: linear-gradient(
        to bottom,
        transparent 20%,
        rgba(244, 234, 208, 0.93) 20%,
        rgba(244, 234, 208, 0.93) 82%,
        transparent 82%
    ) !important;
    box-shadow: inset 0 0 0 1px rgba(181, 124, 24, 0.08) !important;
}

.mde-veilleurs-image__field input:focus {
    background: linear-gradient(
        to bottom,
        transparent 20%,
        rgba(248, 239, 217, 0.97) 20%,
        rgba(248, 239, 217, 0.97) 82%,
        transparent 82%
    ) !important;
    box-shadow: inset 0 0 0 2px rgba(181, 124, 24, 0.12) !important;
}

/* Bouton : l’image porte déjà le texte, on garde juste la zone cliquable */
.mde-veilleurs-image__button {
    position: absolute;
    left: 51.2%;
    top: 72.8%;
    width: 36.0%;
    height: 15.6%;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: transparent !important;
    color: transparent !important;
    box-shadow: none !important;
    cursor: pointer;
    -webkit-appearance: none !important;
    appearance: none !important;
}

.mde-veilleurs-image__button:hover,
.mde-veilleurs-image__button:focus {
    outline: none !important;
    background: rgba(252, 247, 234, 0.04) !important;
    box-shadow: inset 0 0 0 3px rgba(181, 124, 24, 0.14) !important;
}

/* Checkbox invisible au repos, visible quand cochée */
.mde-veilleurs-image__consent {
    position: absolute;
    left: 44.6%;
    top: 63.5%;
    width: 50.8%;
    height: 9.8%;
    display: flex;
    align-items: flex-start;
    gap: 0;
    margin: 0;
    padding: 0;
    font-size: 0;
    color: transparent;
    cursor: pointer;
}

.mde-veilleurs-image__consent input {
    width: 3.7%;
    height: auto;
    aspect-ratio: 1 / 1;
    flex: 0 0 auto;
    margin: 0.15% 0 0 -0.10%;
    border: 0 !important;
    border-radius: 6px;
    background: transparent;
    box-shadow: none;
    opacity: 0.001;
    accent-color: #c08d35;
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    overflow: visible;
    cursor: pointer;
}

.mde-veilleurs-image__consent .screen-reader-text {
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    clip: auto !important;
    clip-path: none !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    opacity: 0 !important;
    cursor: pointer;
}

.mde-veilleurs-image__consent input:checked {
    opacity: 1;
    background: rgba(232, 242, 220, 0.98);
    box-shadow:
      inset 0 0 0 2px #6d8f46,
      0 1px 4px rgba(55, 90, 38, 0.22);
}

.mde-veilleurs-image__consent input:checked::before {
    content: '';
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -58%) rotate(45deg);
    width: 48%;
    height: 82%;
    border-right: clamp(4px, .28vw, 6px) solid #2f8a2e;
    border-bottom: clamp(4px, .28vw, 6px) solid #2f8a2e;
}

.mde-veilleurs-image__consent input:checked::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 6px;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.28);
}

.mde-veilleurs-image__consent:focus-within {
    outline: none;
}


.mde-veilleurs-image__message {
    position: absolute;
    left: 42%;
    right: 10%;
    bottom: 2.0%;
    min-height: 0;
    margin: 0;
    padding: 7px 12px;
    text-align: center;
    font-size: clamp(11px, .9vw, 14px);
    line-height: 1.25;
    border-radius: 10px;
    background: rgba(255, 251, 241, 0.94) !important;
    color: #17325f !important;
    border: 1px solid rgba(181, 124, 24, 0.25);
    box-shadow: 0 4px 14px rgba(45, 31, 9, 0.12);
    text-shadow: none !important;
    z-index: 5;
}

.mde-veilleurs-image__message:empty {
    display: none;
}

.mde-veilleurs-image__message.is-success {
    background: rgba(244, 250, 236, 0.96) !important;
    color: #24572d !important;
    border-color: rgba(70, 128, 55, 0.32) !important;
}

.mde-veilleurs-image__message.is-error {
    background: rgba(255, 241, 236, 0.96) !important;
    color: #8f2b1f !important;
    border-color: rgba(165, 61, 46, 0.32) !important;
}

@media (max-width: 900px) {
    .mde-veilleurs-image__field input {
        font-size: 11px !important;
    }

    .mde-veilleurs-image__button {
        border-radius: 12px !important;
    }

    .mde-veilleurs-image__message {
        left: 8%;
        right: 8%;
        bottom: 1.2%;
        font-size: 11px;
        padding: 4px 8px;
    }
}