/**
 * SOPADEP - OMODA E5
 * Version : 3.0.3
 * Date    : 2026-09-08 11:52 (Europe/Paris)
 * CSS intégralement encapsulé sous .omoda-e5-page.
 * Changelog 3.0.3 :
 * - Corps de texte OMODA en Manrope 400.
 * - Manrope 600/700 disponible pour labels, boutons et accents.
 * - TT Autonomous conservée exclusivement pour les titres H1-H6.
 */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700&display=swap");



@font-face {
    font-family:"TT Autonomous Trl";
    src:url("../fonts/TT Autonomous Trial Light.woff") format("woff");
    font-style:normal;
    font-weight:300;
    font-display:swap;
}

@font-face {
    font-family:"TT Autonomous Trl";
    src:url("../fonts/TT Autonomous Trial Regular.woff") format("woff");
    font-style:normal;
    font-weight:400;
    font-display:swap;
}

@font-face {
    font-family:"TT Autonomous Trl";
    src:url("../fonts/TT Autonomous Trial Medium.woff") format("woff");
    font-style:normal;
    font-weight:500;
    font-display:swap;
}



.omoda-e5-page {
    --e5-black:#0a0b0d;
    --e5-dark:#14171b;
    --e5-text:#1d2228;
    --e5-grey:#f3f5f6;
    --e5-line:#d9dfe3;
    --e5-blue:#58b7cb;
    --e5-blue-dark:#287d91;
    --e5-red:#d71920;
    font-family:"Manrope", sans-serif;
    font-style:normal;
    font-weight:400;
    color:var(--e5-text);
    background:#fff;
}
.omoda-e5-page *, .omoda-e5-page *::before, .omoda-e5-page *::after { box-sizing:border-box; }

.omoda-e5-page input,
.omoda-e5-page textarea,
.omoda-e5-page select,
.omoda-e5-page button {
    font-family:"Manrope", sans-serif !important;
}

.omoda-e5-page .omoda-e5-shell { width:100%; margin-left:0 !important; }
.omoda-e5-page img { max-width:100%; }

.omoda-e5-page h1,
.omoda-e5-page h2,
.omoda-e5-page h3,
.omoda-e5-page h4,
.omoda-e5-page h5,
.omoda-e5-page h6,
.omoda-e5-page .menu__heading__default {
    font-family:"TT Autonomous Trl", sans-serif !important;
    text-transform:uppercase !important;
    font-weight:400 !important;
}

.omoda-e5-page .omoda-e5-brand-header { min-height:108px; display:flex; align-items:center; justify-content:center; padding:25px 30px; background:#000; }
.omoda-e5-page .omoda-e5-brand-logo { width:min(620px,82%); height:auto; display:block; margin:0 auto; }

.omoda-e5-page .omoda-e5-hero { position:relative; min-height:610px; overflow:hidden; background:#0d1d26; }
.omoda-e5-page .omoda-e5-hero-image { display:block; width:100%; height:610px; object-fit:cover; object-position:center center; }
.omoda-e5-page .omoda-e5-hero::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,13,20,.72) 0%,rgba(3,13,20,.32) 38%,rgba(3,13,20,0) 68%); }
.omoda-e5-page .omoda-e5-hero-copy { position:absolute; z-index:2; left:6.5%; top:30%; transform:translateY(-50%); width:min(560px,48%); color:#fff; text-align:left; }
.omoda-e5-page .omoda-e5-eyebrow, .omoda-e5-page .omoda-e5-overline { margin:0 0 14px; font-size:13px; line-height:1.3; font-weight:700; letter-spacing:.18em; color:var(--e5-blue-dark); }
.omoda-e5-page .omoda-e5-eyebrow { color:#fff; opacity:.9; }
.omoda-e5-page .omoda-e5-hero h1 { margin:0; font-size:55px; line-height:.98; font-weight:500; letter-spacing:.045em; color:#fff; }
.omoda-e5-page .omoda-e5-hero-tagline { margin:18px 0 30px; font-size:24px; line-height:1.35; font-weight:300; color:#fff; }
.omoda-e5-page .omoda-e5-hero-cta { display:inline-flex; align-items:center; justify-content:center; text-align:center; gap:18px; padding:15px 22px; border:1px solid #fff; background:#fff; color:#111 !important; text-decoration:none !important; font-size:13px; font-weight:700; letter-spacing:.055em; transition:.2s ease; }
.omoda-e5-page .omoda-e5-hero-cta:hover { background:transparent; color:#fff !important; }

.omoda-e5-page .omoda-e5-intro { width:min(950px,88%); margin:0 auto; padding:82px 0 68px; text-align:center; }
.omoda-e5-page .omoda-e5-intro h2, .omoda-e5-page .omoda-e5-section-heading h2, .omoda-e5-page .omoda-e5-feature-copy h2, .omoda-e5-page .omoda-e5-safety-copy h2 { margin:0 0 24px; font-size:30px; line-height:1.18; font-weight:500; letter-spacing:.025em; color:#111; }
.omoda-e5-page .omoda-e5-intro p:not(.omoda-e5-overline), .omoda-e5-page .omoda-e5-section-heading > p:last-child { margin:0 auto; max-width:900px; font-size:20px; line-height:1.7; color:#4c5359; }

.omoda-e5-page .omoda-e5-keyfacts { display:grid; grid-template-columns:repeat(4,1fr); width:100%; background:var(--e5-dark); color:#fff; }
.omoda-e5-page .omoda-e5-keyfact { min-height:150px; padding:35px 22px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; border-right:1px solid rgba(255,255,255,.14); }
.omoda-e5-page .omoda-e5-keyfact:last-child { border-right:0; }
.omoda-e5-page .omoda-e5-keyfact strong { display:block; margin-bottom:8px; font-size:30px; line-height:1; font-weight:400; color:#fff; }
.omoda-e5-page .omoda-e5-keyfact span { font-size:13px; letter-spacing:.08em; text-transform:uppercase; color:#cfd6d9; }

.omoda-e5-page .omoda-e5-feature { display:grid; grid-template-columns:58% 42%; align-items:stretch; min-height:560px; background:#fff; }
.omoda-e5-page .omoda-e5-feature-reverse { grid-template-columns:42% 58%; }
.omoda-e5-page .omoda-e5-feature-reverse .omoda-e5-feature-media { order:2; }
.omoda-e5-page .omoda-e5-feature-reverse .omoda-e5-feature-copy { order:1; }
.omoda-e5-page .omoda-e5-feature-media { min-height:560px; overflow:hidden; background:#e9edef; }
.omoda-e5-page .omoda-e5-feature-media img { display:block; width:100%; height:100%; min-height:560px; object-fit:cover; }
.omoda-e5-page .omoda-e5-feature-copy { display:flex; flex-direction:column; justify-content:center; padding:70px 8%; text-align:left; }
.omoda-e5-page .omoda-e5-feature-copy p:not(.omoda-e5-overline) { margin:0; font-size:19px; line-height:1.7; color:#4c5359; }
.omoda-e5-page .omoda-e5-feature-electric { background:var(--e5-grey); }
.omoda-e5-page .omoda-e5-mini-facts { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:30px; }
.omoda-e5-page .omoda-e5-mini-facts span { padding:18px 16px; border-top:2px solid var(--e5-blue); font-size:14px; line-height:1.45; color:#4b5358; }
.omoda-e5-page .omoda-e5-mini-facts strong { display:block; margin-bottom:4px; font-size:22px; font-weight:500; color:#111; }

.omoda-e5-page .omoda-e5-tech-section { padding:82px 5.5% 90px; background:#fff; }
.omoda-e5-page .omoda-e5-section-heading { width:min(900px,92%); margin:0 auto 48px; text-align:center; }
.omoda-e5-page .omoda-e5-tech-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.omoda-e5-page .omoda-e5-tech-grid figure { position:relative; min-height:330px; margin:0; overflow:hidden; background:#111; }
.omoda-e5-page .omoda-e5-tech-grid img { display:block; width:100%; height:330px; object-fit:cover; transition:transform .35s ease; }
.omoda-e5-page .omoda-e5-tech-grid figure:hover img { transform:scale(1.02); }
.omoda-e5-page .omoda-e5-tech-grid figcaption { position:absolute; left:0; right:0; bottom:0; padding:18px 20px; background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,0)); color:#fff; font-size:13px; letter-spacing:.1em; text-align:left; }

.omoda-e5-page .omoda-e5-safety { display:grid; grid-template-columns:56% 44%; min-height:570px; background:#0f1114; color:#fff; }
.omoda-e5-page .omoda-e5-safety-image { overflow:hidden; min-height:570px; }
.omoda-e5-page .omoda-e5-safety-image img { display:block; width:100%; height:100%; min-height:570px; object-fit:cover; }
.omoda-e5-page .omoda-e5-safety-copy { display:flex; flex-direction:column; justify-content:center; padding:70px 9%; }
.omoda-e5-page .omoda-e5-safety-copy h2 { color:#fff; }
.omoda-e5-page .omoda-e5-safety-copy p:not(.omoda-e5-overline):not(.omoda-e5-rating) { margin:0; font-size:16px; line-height:1.7; color:#d2d7da; }
.omoda-e5-page .omoda-e5-rating { display:inline-block; align-self:flex-start; margin:30px 0 0; padding:12px 16px; border:1px solid rgba(255,255,255,.45); font-size:13px; font-weight:700; letter-spacing:.1em; color:#fff; }

.omoda-e5-page .omoda-e5-specs { padding:82px 5.5% 78px; background:var(--e5-grey); }
.omoda-e5-page .omoda-e5-specs-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; width:min(1160px,100%); margin:0 auto; }
.omoda-e5-page .omoda-e5-specs-grid dl { margin:0; background:#fff; border-top:3px solid var(--e5-blue); }
.omoda-e5-page .omoda-e5-specs-grid dl div { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:15px 18px; border-bottom:1px solid var(--e5-line); }
.omoda-e5-page .omoda-e5-specs-grid dt, .omoda-e5-page .omoda-e5-specs-grid dd { margin:0; font-size:14px; line-height:1.4; }
.omoda-e5-page .omoda-e5-specs-grid dt { font-weight:600; color:#2e3439; }
.omoda-e5-page .omoda-e5-specs-grid dd { text-align:right; color:#596168; }
.omoda-e5-page .omoda-e5-disclaimer { width:min(1050px,92%); margin:28px auto 0; font-size:11px; line-height:1.5; text-align:center; color:#7a8288; }

.omoda-e5-page .omoda-e5-fullvisual { width:100%; max-height:650px; overflow:hidden; background:#c8d2d7; }
.omoda-e5-page .omoda-e5-fullvisual img { display:block; width:100%; height:650px; object-fit:cover; object-position:center; }

.omoda-e5-page .omoda-e5-form-zone {
    width:100%;
    margin:0;
    padding:0;
    background:#eef5f6;
    border-top:1px solid #dbe7e9;
}
.omoda-e5-page .omoda-e5-form-inner {
    width:min(1180px,92%);
    margin:0 auto;
    padding:86px 0 78px;
}
.omoda-e5-page .omoda-e5-form-heading {
    width:100%;
    margin:0 0 46px;
    text-align:left;
}
.omoda-e5-page .omoda-e5-form-heading h2 {
    margin:0 0 16px;
    font-size:40px;
    line-height:1.12;
    font-weight:500;
    letter-spacing:-.02em;
    color:#111517;
}
.omoda-e5-page .omoda-e5-form-heading > p:last-child {
    margin:0;
    font-size:17px;
    line-height:1.65;
    color:#59656a;
}
.omoda-e5-page .omoda-e5-form {
    width:100%;
    margin:0;
    padding:42px 44px 40px;
    background:#fff;
    border:1px solid #d8e3e5;
    box-shadow:0 16px 44px rgba(34,67,74,.07);
}
.omoda-e5-page .omoda-e5-form .quform-input { padding:0 !important; }
.omoda-e5-page .omoda-e5-form-topline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin:0 0 30px;
    padding:0 0 18px;
    border-bottom:1px solid #000000;
}
.omoda-e5-page .omoda-e5-form-topline > span {
    font-size:13px;
    line-height:1;
    font-weight:700;
    letter-spacing:.14em;
    color:#1c2428;
}
.omoda-e5-page .omoda-e5-form-topline small {
    font-size:11px;
    font-weight:400;
    text-transform:uppercase;
    letter-spacing:.04em;
    color:#778388;
}
.omoda-e5-page .omoda-e5-form-topline small b,
.omoda-e5-page .omoda-e5-field label span,
.omoda-e5-page .omoda-e5-required-star,
.omoda-e5-page .omoda-e5-captcha-label span { color:#d71920; }
.omoda-e5-page .omoda-e5-form-grid {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:28px;
    row-gap:18px; /* 24 px */
    width:100%;
}
.omoda-e5-page .omoda-e5-field { min-width:0; }
.omoda-e5-page .omoda-e5-field label,
.omoda-e5-page .omoda-e5-captcha-label {
    display:block;
    margin:0 0 5px 0;
    padding-bottom: 5px;
    font-size:14px;
    line-height:1.35;
    font-weight:600;
    color:#1f282c;
    background:none !important;
}
.omoda-e5-page .omoda-e5-field-model { grid-column:1 / -1; }
.omoda-e5-page .omoda-e5-field-message { grid-column:1 / -1; }
.omoda-e5-page .omoda-e5-fixed-model {
    display:flex;
    align-items:center;
    min-height:54px;
    padding:0 17px;
    border:1px solid #000000;
    background:#f6f9f9;
    color:#111517;
    font-size:15px;
    font-weight:600;
    letter-spacing:.02em;
}
.omoda-e5-page .omoda-e5-input,
.omoda-e5-page .omoda-e5-textarea,
.omoda-e5-page .omoda-e5-captcha-input {
    display:block;
    width:100% !important;
    border:1px solid #000000 !important;
    border-radius:0 !important;
    color:#182025 !important;
    background:#fff !important;
    box-shadow:none !important;
    font-family:inherit;
    transition:border-color .18s ease, box-shadow .18s ease;
}
.omoda-e5-page .omoda-e5-input {
    height:54px !important;
    min-height:54px;
    padding:0 17px !important;
}
.omoda-e5-page .omoda-e5-textarea {
    height:155px;
    min-height:155px;
    padding:15px 17px !important;
    resize:vertical;
}
.omoda-e5-page .omoda-e5-input::placeholder,
.omoda-e5-page .omoda-e5-textarea::placeholder { color:#94a0a5; opacity:1; }
.omoda-e5-page .omoda-e5-input:focus,
.omoda-e5-page .omoda-e5-textarea:focus,
.omoda-e5-page .omoda-e5-captcha-input:focus {
    border-color:var(--e5-blue-dark) !important;
    box-shadow:0 0 0 2px rgba(88,183,203,.12) !important;
    outline:none !important;
}
.omoda-e5-page .omoda-e5-consent-box {
    margin:30px 0 0;
    padding:22px 24px;
    background:#f6f9f9;
    border-left:3px solid var(--e5-blue);
}
.omoda-e5-page .omoda-e5-rgpd-label {
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin:0;
    padding:0;
    background:none !important;
    cursor:pointer;
}
.omoda-e5-page .omoda-e5-checkbox {
    flex:0 0 auto;
    margin:1px 0 0;
    overflow:hidden !important;
    border-radius:999px !important;
}
.omoda-e5-page .omoda-e5-rgpd-text {
    display:block;
    font-size:12px;
    line-height:1.65;
    color:#667277 !important;
    text-align:left;
}
.omoda-e5-page .omoda-e5-rgpd-text a {
    color:#1f778b !important;
    text-decoration:underline !important;
    text-underline-offset:2px;
}
.omoda-e5-page .omoda-e5-form-bottom {
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:35px;
    align-items:end;
    margin:30px 0 0;
    padding:30px 0 0;
    border-top:1px solid #000000;
}
.omoda-e5-page .omoda-e5-captcha-block { min-width:0; }
.omoda-e5-page .omoda-e5-captcha-line {
    display:flex;
    align-items:center;
    gap:12px;
}
.omoda-e5-page .omoda-e5-captcha-input-wrap {
    width:260px;
    margin:0;
}
.omoda-e5-page .omoda-e5-captcha-input {
    height:48px !important;
    min-height:48px;
    padding:0 14px !important;
}
.omoda-e5-page .omoda-e5-captcha-image,
.omoda-e5-page .omoda-e5-captcha-inner { margin:0 !important; }
.omoda-e5-page .omoda-e5-captcha-image img {
    display:block;
    width:auto;
    height:48px;
    border:1px solid #becdd0;
}
.omoda-e5-page .omoda-e5-submit-wrap {
    display:flex;
    justify-content:flex-end;
    align-items:flex-end;
}
.omoda-e5-page .omoda-e5-submit {
    width:260px;
    min-height:54px;
    margin:0;
    padding:0 22px !important;
    border:1px solid #111517 !important;
    border-radius:0 !important;
    background:#111517 !important;
    color:#fff !important;
    text-transform:uppercase;
    transition:background .18s ease,border-color .18s ease;
}
.omoda-e5-page .omoda-e5-submit span {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:28px;
    width:100%;
    font-size:13px;
    font-weight:600;
    letter-spacing:.08em;
}
.omoda-e5-page .omoda-e5-submit i { font-size:17px; }
.omoda-e5-page .omoda-e5-submit:hover {
    border-color:var(--e5-blue-dark) !important;
    background:var(--e5-blue-dark) !important;
}
.omoda-e5-page .omoda-e5-loading { padding:22px 0 0 !important; }
.omoda-e5-page .omoda-e5-loading table { margin:0 auto; }
.omoda-e5-page .omoda-e5-loading-text { color:#777; font-size:14px; }

.omoda-e5-page .omoda-e5-brand-footer { width:100%; padding:55px 30px 50px; background:#000; color:#fff; text-align:center; }
.omoda-e5-page .omoda-e5-brand-logo-footer { width:min(470px,76%); margin-bottom:20px; }
.omoda-e5-page .omoda-e5-brand-footer p { margin:0; color:#c8cdd0; font-size:15px; letter-spacing:.03em; }

@media (max-width: 900px) {
    .omoda-e5-page .omoda-e5-keyfacts { grid-template-columns:repeat(2,1fr); }
    .omoda-e5-page .omoda-e5-keyfact:nth-child(2) { border-right:0; }
    .omoda-e5-page .omoda-e5-keyfact:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.14); }
    .omoda-e5-page .omoda-e5-feature, .omoda-e5-page .omoda-e5-feature-reverse, .omoda-e5-page .omoda-e5-safety { grid-template-columns:1fr; }
    .omoda-e5-page .omoda-e5-feature-reverse .omoda-e5-feature-media, .omoda-e5-page .omoda-e5-feature-reverse .omoda-e5-feature-copy { order:initial; }
    .omoda-e5-page .omoda-e5-feature-media, .omoda-e5-page .omoda-e5-feature-media img, .omoda-e5-page .omoda-e5-safety-image, .omoda-e5-page .omoda-e5-safety-image img { min-height:430px; }
    .omoda-e5-page .omoda-e5-tech-grid, .omoda-e5-page .omoda-e5-specs-grid { grid-template-columns:1fr; }
    .omoda-e5-page .omoda-e5-tech-grid figure, .omoda-e5-page .omoda-e5-tech-grid img { min-height:420px; height:420px; }
}

@media (max-width: 767px) {
    .omoda-e5-page .omoda-e5-brand-header { min-height:80px; padding:20px 16px; }
    .omoda-e5-page .omoda-e5-brand-logo { width:min(460px,90%); }
    .omoda-e5-page .omoda-e5-hero, .omoda-e5-page .omoda-e5-hero-image { min-height:560px; height:560px; }
    .omoda-e5-page .omoda-e5-hero-image { object-position:62% center; }
    .omoda-e5-page .omoda-e5-hero::after { background:linear-gradient(0deg,rgba(3,13,20,.83) 0%,rgba(3,13,20,.22) 72%,rgba(3,13,20,.05) 100%); }
    .omoda-e5-page .omoda-e5-hero-tagline { margin:200px 0 30px; font-size:24px; line-height:1.35; font-weight:300; color:#fff; }
    .omoda-e5-page .omoda-e5-hero-copy { left:7%; right:7%; top:auto; bottom:35px; transform:none; width:auto; }
    .omoda-e5-page .omoda-e5-hero h1 { font-size:48px; }
    .omoda-e5-page .omoda-e5-hero-tagline { font-size:20px; }
    .omoda-e5-page .omoda-e5-intro { width:90%; padding:58px 0 50px; }
    .omoda-e5-page .omoda-e5-intro h2, .omoda-e5-page .omoda-e5-section-heading h2, .omoda-e5-page .omoda-e5-feature-copy h2, .omoda-e5-page .omoda-e5-safety-copy h2 { font-size:28px; }
    .omoda-e5-page .omoda-e5-intro p:not(.omoda-e5-overline), .omoda-e5-page .omoda-e5-section-heading > p:last-child, .omoda-e5-page .omoda-e5-feature-copy p:not(.omoda-e5-overline), .omoda-e5-page .omoda-e5-safety-copy p:not(.omoda-e5-overline):not(.omoda-e5-rating) { font-size:17px; line-height:1.62; }
    .omoda-e5-page .omoda-e5-keyfact { min-height:125px; padding:28px 10px; }
    .omoda-e5-page .omoda-e5-keyfact strong { font-size:29px; }
    .omoda-e5-page .omoda-e5-keyfact span { font-size:11px; }
    .omoda-e5-page .omoda-e5-feature-media, .omoda-e5-page .omoda-e5-feature-media img, .omoda-e5-page .omoda-e5-safety-image, .omoda-e5-page .omoda-e5-safety-image img { min-height:330px; }
    .omoda-e5-page .omoda-e5-feature-copy, .omoda-e5-page .omoda-e5-safety-copy { padding:50px 7%; }
    .omoda-e5-page .omoda-e5-mini-facts { grid-template-columns:1fr; }
    .omoda-e5-page .omoda-e5-tech-section, .omoda-e5-page .omoda-e5-specs { padding:58px 5% 62px; }
    .omoda-e5-page .omoda-e5-tech-grid figure, .omoda-e5-page .omoda-e5-tech-grid img { min-height:300px; height:300px; }
    .omoda-e5-page .omoda-e5-specs-grid dl div { grid-template-columns:1.15fr .85fr; }
    .omoda-e5-page .omoda-e5-fullvisual img { height:270px; }
    .omoda-e5-page .omoda-e5-form-inner { width:90%; padding:58px 0 54px; }
    .omoda-e5-page .omoda-e5-form-heading { margin-bottom:30px; padding: 0 15px; }
    .omoda-e5-page .omoda-e5-form-heading h2 { font-size:30px; }
    .omoda-e5-page .omoda-e5-form { padding:30px 22px 28px; }
    .omoda-e5-page .omoda-e5-form-topline { align-items:flex-start; flex-direction:column; gap:8px; }
    .omoda-e5-page .omoda-e5-form-grid { grid-template-columns:1fr; row-gap:20px; }
    .omoda-e5-page .omoda-e5-field-model, .omoda-e5-page .omoda-e5-field-message { grid-column:auto; }
    .omoda-e5-page .omoda-e5-textarea { height:150px; min-height:150px; }
    .omoda-e5-page .omoda-e5-consent-box { padding:18px; }
    .omoda-e5-page .omoda-e5-form-bottom { grid-template-columns:1fr; gap:26px; align-items:stretch; }
    .omoda-e5-page .omoda-e5-captcha-line { flex-wrap:wrap; }
    .omoda-e5-page .omoda-e5-captcha-input-wrap { width:min(260px,100%); }
    .omoda-e5-page .omoda-e5-submit-wrap { justify-content:flex-start; }
    .omoda-e5-page .omoda-e5-submit { width:100%; max-width:none; }
}

/* =========================================================
   OMODA E5 - SWITCH RGPD PROPRE
   Neutralisation complète du vieux ON / OFF SOPADEP
   ========================================================= */

.omoda-e5-page .omoda-e5-checkbox {
    position:relative !important;
    display:block !important;
    flex:0 0 52px !important;

    width:52px !important;
    min-width:52px !important;
    height:26px !important;

    margin:0 !important;
    padding:0 !important;

    background:none !important;
    border:0 !important;
    overflow:visible !important;
}

.omoda-e5-page .omoda-e5-checkbox .checkbox-change-content {
    position:absolute !important;
    top:0 !important;
    left:0 !important;

    display:block !important;

    width:52px !important;
    height:26px !important;

    margin:0 !important;
    padding:0 !important;

    background:#9c9c9c !important;
    border:0 !important;
    border-radius:13px !important;

    overflow:hidden !important;
    box-shadow:none !important;
}

/* On tue complètement l'ancien affichage ON/OFF */
.omoda-e5-page .omoda-e5-checkbox .on,
.omoda-e5-page .omoda-e5-checkbox .off,
.omoda-e5-page .omoda-e5-checkbox .interm {
    display:none !important;
    float:none !important;
    width:0 !important;
    height:0 !important;
    padding:0 !important;
    margin:0 !important;
    background:none !important;
}

/* Pastille blanche */
.omoda-e5-page .omoda-e5-checkbox .checkbox-change-content::after {
    content:"" !important;

    position:absolute !important;
    top:3px !important;
    left:3px !important;

    width:20px !important;
    height:20px !important;

    background:#ffffff !important;
    border-radius:50% !important;

    transition:left .2s ease !important;
}

/* Input invisible mais cliquable */
.omoda-e5-page .omoda-e5-checkbox > input[type="checkbox"] {
    position:absolute !important;
    z-index:10 !important;

    top:0 !important;
    left:0 !important;

    width:52px !important;
    height:26px !important;

    margin:0 !important;

    opacity:0 !important;
    cursor:pointer !important;
}

/* État coché */
.omoda-e5-page .omoda-e5-checkbox > input[type="checkbox"]:checked + .checkbox-change-content {
    background:var(--e5-blue-dark) !important;
}

.omoda-e5-page .omoda-e5-checkbox > input[type="checkbox"]:checked + .checkbox-change-content::after {
    left:29px !important;
}

/* OMODA E5 - Texte bouton ENVOYER */
.omoda-e5-page .omoda-e5-submit {
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    width:260px;
    min-height:54px;
    margin:0;
    padding:0 22px !important;

    border:1px solid #111517 !important;
    border-radius:0 !important;

    background:#111517 !important;
    background-image:none !important;

    color:#ffffff !important;
    font-family:"Manrope", sans-serif !important;
    font-size:13px !important;
    font-weight:600 !important;
    letter-spacing:.08em;
    text-transform:uppercase;

    transition:background .18s ease, border-color .18s ease;
}

.omoda-e5-page .omoda-e5-submit i {
    color:#ffffff !important;
    font-size:17px;
}

.omoda-e5-page .omoda-e5-submit:hover {
    background:var(--e5-blue-dark) !important;
    border-color:var(--e5-blue-dark) !important;
    color:#ffffff !important;
}

.omoda-e5-page .omoda-e5-submit:hover i {
    color:#ffffff !important;
}

/* OMODA E5 - Messages d'erreur formulaire */
.omoda-e5-page .quform-errors > .quform-error,
.omoda-e5-page .quform-error > .quform-error,
.omoda-e5-page .quform-error {
    background-color:#58B7CB !important;
    border-color:#58B7CB !important;
}


/* =========================================================
   OMODA E5 - MOBILE
   Optimisation largeur utile / marges latérales
   ========================================================= */

@media (max-width: 767px) {

    /* Conteneur principal OMODA */
    .omoda-e5-page,
    .omoda-e5-page .omoda-e5-shell {
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    /* Sections éditoriales */
    .omoda-e5-page .omoda-e5-intro,
    .omoda-e5-page .omoda-e5-section-heading {
        width:94% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    /* Blocs texte Design / Électrique / Sécurité */
    .omoda-e5-page .omoda-e5-feature-copy,
    .omoda-e5-page .omoda-e5-safety-copy {
        padding-left:6% !important;
        padding-right:6% !important;
    }

    /* Technologie */
    .omoda-e5-page .omoda-e5-tech-section {
        padding-left:3% !important;
        padding-right:3% !important;
    }

    /* Fiche technique */
    .omoda-e5-page .omoda-e5-specs {
        padding-left:3% !important;
        padding-right:3% !important;
    }

    .omoda-e5-page .omoda-e5-specs-grid {
        width:100% !important;
        max-width:none !important;
    }

    /* Formulaire */
    .omoda-e5-page .omoda-e5-form-inner {
        width:96% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    .omoda-e5-page .omoda-e5-form {
        width:100% !important;
        padding-left:4% !important;
        padding-right:4% !important;
    }
}

/* =========================================================
   OMODA E5 - MOBILE
   Réduction forte des marges du gabarit SOPADEP
   ========================================================= */

@media (max-width:767px) {

    .theme-page.omoda-e5-page {
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .theme-page.omoda-e5-page > .row {
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }

    .theme-page.omoda-e5-page > .row > .column.column-1-1.omoda-e5-shell {
        float:none !important;
        width:92% !important;
        max-width:none !important;
        margin-left:auto !important;
        margin-right:auto !important;
        padding-left:0 !important;
        padding-right:0 !important;
    }
    
    /* OMODA E5 - Formulaire mobile : resserrement vertical */
    .omoda-e5-page .omoda-e5-form-grid {
        row-gap:13px !important;
    }

    .omoda-e5-page .omoda-e5-field label,
    .omoda-e5-page .omoda-e5-captcha-label {
        margin-bottom:5px !important;
        padding-bottom:5px !important;
        font-size:13px !important;
    }
    
}