/* =========================================================
   Livre offert — Les Copywriters
   Feuille de style unique de la page.
   ========================================================= */

/* ---------- Base de la page ---------- */
html{scroll-behavior:smooth}
body{margin:0;background:#fff}

/* ---------- Couleurs et typo (modifier ici pour toute la page) ---------- */
.lcp{
  --blue:#1f5fd6;--blue-2:#2f74f0;--blue-deep:#123c94;
  --navy:#0a1633;--navy-2:#121f44;
  --tint:#eef4ff;--tint-2:#f6f9ff;
  --ink:#141821;--muted:#5b6475;
  --hl:#fff06a;--star:#f5b301;--line:#dbe4f3;
  --cta:#ff7a00;--cta-2:#ff8f1f;
  font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  color:var(--ink);background:#fff;font-size:18px;line-height:1.62;
  -webkit-font-smoothing:antialiased;text-align:left
}
.lcp *,.lcp *::before,.lcp *::after{box-sizing:border-box}
.lcp p{margin:0 0 .9em}
.lcp img{max-width:100%;height:auto;display:block}
.lcp strong,.lcp b{font-weight:700}

/* ---------- Utilitaires de texte ---------- */
.lcp .hl{background:var(--hl);padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.lcp .u{text-decoration:underline;text-underline-offset:3px}
.lcp .u-thin{text-decoration:underline;text-decoration-color:#141821;text-decoration-thickness:2px;text-underline-offset:3px}
.lcp .blue{color:var(--blue)}
.lcp .u-ink{text-decoration:underline;text-decoration-color:#141821;text-decoration-thickness:3px;text-underline-offset:6px}
.lcp .say{font-style:italic;color:#24304a}
.lcp .stars{color:var(--star);letter-spacing:2px}
.lcp .note{font-size:14px;color:var(--muted);font-style:italic}

/* ---------- Sections et conteneurs ---------- */
.lcp .sec{padding:64px 16px}
.lcp .sec.tint{background:var(--tint-2)}
.lcp .sec.dark{background:var(--navy);color:#fff}
.lcp .wrap{max-width:1040px;margin:0 auto}
.lcp .col{max-width:620px;margin:0 auto}
.lcp .col.center{text-align:center}
.lcp .mt-30{margin-top:30px}
.lcp .center{text-align:center}
.lcp .nowrap{white-space:nowrap}
.lcp .sec.checkout{padding-bottom:30px}
.lcp .fig.guar-img{max-width:200px;margin:0 auto 18px}

/* ---------- Titres ---------- */
.lcp .h{font-family:"Anton","Oswald","Impact","Arial Narrow",sans-serif;font-weight:400;text-transform:uppercase;line-height:1.2;letter-spacing:.3px;text-align:center;margin:0 auto 28px;max-width:880px;font-size:clamp(30px,4.6vw,58px);color:var(--ink)}
.lcp .h.md{font-size:clamp(26px,3.6vw,46px)}
.lcp .h .b{color:var(--blue)}
.lcp .sub{text-align:center;max-width:680px;margin:-10px auto 28px;font-size:19px;color:var(--muted)}
.lcp .divider{width:56px;height:3px;background:var(--blue);margin:8px 0 26px}

/* ---------- Images et légendes ---------- */
.lcp .fig{margin:30px auto;max-width:620px}
.lcp .fig img{margin:0 auto}
.lcp .fig img,.lcp .fig .ph{border-radius:8px;box-shadow:0 10px 30px rgba(10,22,51,.12)}
.lcp .fig.flat img{box-shadow:none;border-radius:0}
.lcp .cap{font-size:15px;color:var(--muted);font-style:italic;text-align:center;margin-top:10px}

/* ---------- Listes ---------- */
.lcp ul.dots{list-style:none;padding:0;margin:0 0 1.2em}
.lcp ul.dots li{position:relative;padding-left:34px;margin:0 0 16px}
.lcp ul.dots li::before{content:"";position:absolute;left:4px;top:.5em;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(31,95,214,.15)}
.lcp ul.dots li .pg{white-space:nowrap;font-weight:700;color:var(--blue)}
.lcp .arrow{padding-left:4px}
.lcp .arrow b{color:var(--blue)}

/* ---------- Barre du haut + hero ---------- */
.lcp .topbar{background:var(--navy);color:#cfd8ea;font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:8px 12px}
.lcp .topbar b{color:#fff}
.lcp .hero{background:radial-gradient(1200px 600px at 50% 0%,#2f74f0 0%,#1f5fd6 45%,#16489f 100%);color:#fff;padding:26px 16px 40px;text-align:center;overflow:hidden}
.lcp .pill{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;background:#fff;color:var(--ink);border-radius:999px;padding:5px 14px 5px 5px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.02em;box-shadow:0 4px 14px rgba(0,0,0,.15)}
.lcp .pill .tag{background:var(--hl);border-radius:999px;padding:3px 10px;font-weight:800;font-size:11px}
.lcp .pill .sep{width:1px;height:16px;background:#cbd5e6}
.lcp .hero .h{color:#fff;margin:22px auto 16px;text-shadow:0 2px 14px rgba(5,20,60,.35);max-width:900px;font-size:clamp(28px,4.4vw,56px)}
.lcp .hero .h .hl-hero{text-decoration:underline;text-decoration-color:#fff;text-decoration-thickness:4px;text-underline-offset:7px;text-decoration-skip-ink:none}
.lcp .hero .lead{max-width:640px;margin:0 auto 14px;font-size:18px;font-weight:500;color:#e8efff}
.lcp .stage{position:relative;max-width:900px;margin:0 auto 26px;display:grid;grid-template-columns:120px 1fr 120px;align-items:start;gap:0}
.lcp .stage .side{display:flex;flex-direction:column;gap:0}
.lcp .stage .side>*+*{margin-top:-24px}
.lcp .stage .side .ph,.lcp .stage .side img{width:126px;aspect-ratio:4/5;object-fit:cover;border:5px solid #fff;border-radius:3px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.lcp .stage .side.l>*:nth-child(1){transform:rotate(-6deg) translate(6px,8px)}
.lcp .stage .side.l>*:nth-child(2){transform:rotate(4deg) translate(-8px,-6px)}
.lcp .stage .side.l>*:nth-child(3){transform:rotate(-3deg) translate(4px,-18px)}
.lcp .stage .side.r>*:nth-child(1){transform:rotate(6deg) translate(-16px,8px)}
.lcp .stage .side.r>*:nth-child(2){transform:rotate(-4deg) translate(-4px,-6px)}
.lcp .stage .side.r>*:nth-child(3){transform:rotate(3deg) translate(-14px,-18px)}
.lcp .video{position:relative;z-index:2;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 18px 50px rgba(3,12,40,.45)}

/* ---------- Boutons d'appel à l'action ---------- */
.lcp .cta{text-align:center;margin:34px auto 6px}
.lcp .btn,.lcp-pop .btn{display:inline-block;max-width:700px;width:100%;background:var(--cta);color:#fff!important;text-decoration:none!important;font-family:"Anton","Oswald","Impact","Arial Narrow",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(18px,2vw,25px);letter-spacing:.3px;line-height:1.15;padding:20px 28px;border-radius:8px;box-shadow:0 10px 26px rgba(255,122,0,.38);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;cursor:pointer;border:0;will-change:transform}
.lcp .btn:hover,.lcp-pop .btn:hover{transform:scale(1.05);filter:brightness(1.05);box-shadow:0 16px 36px rgba(255,122,0,.5)}
.lcp .btn:active,.lcp-pop .btn:active{transform:scale(1.02)}
.lcp .btn.dark{background:var(--cta);box-shadow:0 10px 30px rgba(10,22,51,.45)}
.lcp .btn.dark:hover{box-shadow:0 16px 40px rgba(10,22,51,.55)}

/* ---------- Jauge de stock ---------- */
.lcp .stock{margin-top:18px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.lcp .hero .stock{color:#e3ebff}
.lcp .bar{display:inline-flex;gap:3px;margin-top:7px}
.lcp .bar i{display:block;width:9px;height:14px;background:#7a8396;border-radius:1px}
.lcp .hero .bar i{background:rgba(10,22,51,.55)}
.lcp .bar i.ok{background:#ff2a2a;animation:lcpBlink 1s steps(2,start) infinite;box-shadow:0 0 6px rgba(255,42,42,.7)}
@keyframes lcpBlink{to{visibility:hidden}}

/* ---------- Bandeau d'autorité ---------- */
.lcp .authority{background:#fff;padding:26px 16px;border-bottom:1px solid var(--line)}
.lcp .authority .fig{margin:0 auto;max-width:620px}
.lcp .authority .fig img{box-shadow:none}

/* ---------- Grilles ---------- */
.lcp .masonry{column-count:3;column-gap:16px;max-width:1040px;margin:0 auto}
.lcp .masonry.narrow{max-width:620px;column-count:2;column-gap:12px}
.lcp .masonry.narrow>*{margin-bottom:12px}
.lcp .masonry>*{break-inside:avoid;margin:0 0 16px;border-radius:10px;box-shadow:0 6px 20px rgba(10,22,51,.10);overflow:hidden;background:#fff;border:1px solid var(--line)}
.lcp .rating{display:flex;justify-content:center;align-items:center;gap:10px;font-size:17px;margin:34px 0 16px}
.lcp .rating b{font-size:19px}
.lcp .row3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:620px;margin:30px auto}
.lcp .row2{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:620px;margin:30px auto}
.lcp .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1040px;margin:0 auto;align-items:start}
.lcp .grid3>*{border-radius:10px;box-shadow:0 6px 20px rgba(10,22,51,.10);overflow:hidden;background:#fff;border:1px solid var(--line)}
.lcp .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1100px;margin:30px auto;align-items:stretch}
.lcp .grid4 .card-t{display:flex;flex-direction:column;justify-content:flex-end}
.lcp .grid4 .card-t .q{font-size:14px;line-height:1.4;padding:12px 12px 10px;flex:1}
.lcp .grid4 .card-t img{width:100%;aspect-ratio:16/9;object-fit:cover}

/* ---------- Cartes témoignages ---------- */
.lcp .card-t{background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line);box-shadow:0 6px 20px rgba(10,22,51,.08)}
.lcp .card-t .q{font-weight:700;font-size:16px;line-height:1.35;padding:14px 14px 10px}

/* ---------- Carrousel des témoignages (interviews) ---------- */
.lcp .itw{margin:30px -16px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.lcp .itw>div{margin-bottom:18px}
.lcp .itw-track{display:flex;gap:18px;width:max-content;animation:lcpScroll 70s linear infinite}
.lcp .itw-row.rev .itw-track{animation-direction:reverse;animation-duration:60s}
.lcp .itw-row:nth-child(3) .itw-track{animation-duration:80s}
.lcp .itw:hover .itw-track{animation-play-state:paused}
.lcp .itw .card-t{width:300px;flex:0 0 auto;display:flex;flex-direction:column;justify-content:flex-end}
.lcp .itw .card-t .q{font-size:15px;line-height:1.4;padding:14px 14px 12px;flex:1}
.lcp .itw .card-t img,.lcp .itw .card-t .ph{width:100%;aspect-ratio:16/9;object-fit:cover;min-height:0}

/* ---------- Avis clients ---------- */
.lcp .rev-big{font-family:"Anton",sans-serif;font-size:clamp(70px,10vw,120px);line-height:1;text-align:center;color:transparent;-webkit-text-stroke:2px #fff}
.lcp .rev-title{font-family:"Anton",sans-serif;font-style:italic;text-transform:uppercase;font-size:clamp(40px,6vw,72px);line-height:1;text-align:center;margin:4px 0 14px}
.lcp .rev-score{text-align:center;font-size:15px;color:#c9d4ec;margin-bottom:34px}
.lcp .elfsight-wrap{max-width:1100px;margin:0 auto}
.lcp .marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.lcp .track{display:flex;gap:14px;width:max-content;animation:lcpScroll 60s linear infinite;margin-bottom:14px}
.lcp .track.rev{animation-direction:reverse;animation-duration:70s}
.lcp .marquee:hover .track{animation-play-state:paused}
@keyframes lcpScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.lcp .rv{width:300px;flex:0 0 auto;background:var(--navy-2);border:1px solid #23325e;border-radius:6px;padding:16px;font-size:14px;line-height:1.5;color:#c9d4ec}
.lcp .rv .n{color:#fff;font-weight:700;font-size:14px}
.lcp .rv .v{color:#7f8db0;font-size:11px;margin-left:6px}
.lcp .rv .t{color:#fff;font-weight:700;margin:6px 0 4px}
.lcp .rv.todo{border-style:dashed;color:#8794b6}

/* ---------- Citation, bonus, garantie ---------- */
.lcp .quote{max-width:760px;margin:0 auto 30px;text-align:center}
.lcp .quote .h{margin-bottom:12px}
.lcp .quote .by{color:var(--muted);font-size:15px}
.lcp .bonus{max-width:720px;margin:0 auto;background:#fff;border:2px solid var(--blue);border-radius:14px;padding:30px 28px 18px;box-shadow:0 14px 40px rgba(31,95,214,.12);position:relative}
.lcp .bonus .badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:var(--blue);color:#fff;font-family:"Anton",sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:6px 16px;border-radius:999px;font-size:15px}
.lcp .bonus .h{font-size:clamp(22px,2.8vw,32px);margin-bottom:20px}
.lcp .bonus s{opacity:.6}
.lcp .bonus .free{color:var(--blue)}
.lcp .guar{max-width:720px;margin:0 auto;background:var(--tint);border-radius:14px;padding:34px 28px 20px;border:1px solid var(--line)}
.lcp .seal{width:96px;height:96px;margin:0 auto 14px;border-radius:50%;background:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:"Anton",sans-serif;text-transform:uppercase;line-height:1;box-shadow:0 0 0 6px #fff,0 0 0 8px var(--blue)}
.lcp .seal b{font-size:30px;font-weight:400}
.lcp .seal span{font-size:11px;letter-spacing:.08em}
.lcp .checkout .h{font-size:clamp(20px,2.6vw,30px);color:var(--blue-deep)}

/* ---------- Signature, P.S., FAQ ---------- */
.lcp .sig{font-family:"Caveat","Segoe Script",cursive;font-size:34px;color:var(--blue-deep);margin:4px 0 18px}
.lcp .ps{font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--blue);font-size:20px;margin:30px 0 8px}
.lcp .faq{max-width:760px;margin:0 auto}
.lcp .faq details{border:1px solid var(--line);border-radius:10px;background:#fff;margin:0 0 12px;overflow:hidden}
.lcp .faq summary{list-style:none;cursor:pointer;padding:18px 56px 18px 20px;font-weight:700;font-size:18px;position:relative}
.lcp .faq summary::-webkit-details-marker{display:none}
.lcp .faq summary::after{content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:var(--tint);color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.lcp .faq details[open] summary::after{content:"–"}
.lcp .faq .a{padding:0 20px 8px;font-size:17px}

/* ---------- Emplacements d'images (si une image est absente) ---------- */
.lcp .ph{display:flex;align-items:center;justify-content:center;text-align:center;background:repeating-linear-gradient(45deg,#e8eef9,#e8eef9 10px,#f2f6fd 10px,#f2f6fd 20px);border:2px dashed #9fb3d9;color:#4a5a7c;font-size:13px;font-weight:600;padding:14px;min-height:170px;width:100%;word-break:break-word;border-radius:8px}
.lcp .ph.black{background:#111;border-color:#333;color:#888}

/* ---------- Barre collante en bas + popup ---------- */
.lcp-sticky,.lcp-pop{box-sizing:border-box}
.lcp-pop *,.lcp-sticky *{box-sizing:border-box}
.lcp-sticky{position:fixed;left:0;right:0;bottom:0;z-index:9990;background:#1f5fd6;padding:8px 12px 6px;text-align:center;box-shadow:0 -6px 20px rgba(0,0,0,.18);transform:translateY(110%);transition:transform .3s;font-family:"Inter",system-ui,sans-serif}
.lcp-sticky.on{transform:none}
.lcp-sticky a{display:inline-block;transition:transform .18s ease;background:#ff7a00;color:#fff!important;text-decoration:none!important;font-family:"Anton","Oswald",sans-serif;font-style:italic;text-transform:uppercase;font-size:18px;padding:8px 26px;border-radius:5px;letter-spacing:.3px}
.lcp-sticky a:hover{transform:scale(1.05)}
.lcp-sticky .s{font-size:11px;color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-top:3px}
.lcp-sticky .s span{color:#ffd23f;letter-spacing:1px}
.lcp-pop{--cta:#ff7a00;--blue:#1f5fd6;--blue-deep:#123c94;position:fixed;inset:0;z-index:9999;background:rgba(6,14,36,.72);display:none;align-items:center;justify-content:center;padding:16px;font-family:"Inter",system-ui,sans-serif}
.lcp-pop.on{display:flex;animation:lcpFade .25s ease}
@keyframes lcpFade{from{opacity:0}to{opacity:1}}
.lcp-pop .box{position:relative;background:#fff;color:#141821;max-width:520px;width:100%;border-radius:14px;padding:30px 26px 24px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.4)}
.lcp-pop .x{position:absolute;top:8px;right:12px;border:0;background:none;font-size:28px;line-height:1;color:#8a93a6;cursor:pointer}
.lcp-pop .pb{height:16px;background:#e6ecf7;border-radius:999px;overflow:hidden;margin:0 0 6px}
.lcp-pop .pb i{display:block;height:100%;width:75%;background:repeating-linear-gradient(45deg,#1f5fd6,#1f5fd6 12px,#2f74f0 12px,#2f74f0 24px);animation:lcpStripes 1s linear infinite;background-size:34px 34px}
@keyframes lcpStripes{from{background-position:0 0}to{background-position:34px 0}}
.lcp-pop .pt{font-size:12px;color:#5b6475;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}
.lcp-pop h3{font-family:"Anton","Oswald",sans-serif;font-weight:400;text-transform:uppercase;font-size:32px;line-height:1.05;margin:0 0 12px;color:#0a1633}
.lcp-pop p{margin:0 0 10px;font-size:17px;line-height:1.5}
.lcp-pop .btn{margin-top:10px;font-size:22px}
.lcp-pop .pop-img{margin:14px auto 4px}
.lcp-pop .pop-img img{display:block;margin:0 auto;max-width:100%;max-height:220px;width:auto;height:auto;object-fit:contain}

/* ---------- Formulaire de commande (hors .lcp : pas d'agrandissement) ---------- */
.order,.order *{box-sizing:border-box}
.order{background:#0a1633 url("images/degradebleunuitcinematographique.png") center center;padding:50px;font-family:"Montserrat",Arial,sans-serif;scroll-margin-top:0}
.order-grid{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.order-visual img{display:block;width:100%;height:auto}
.order-stock{text-align:center;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;padding:10px 0}
.order-stock .stock{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#fff}
.order-stock .bar{display:inline-flex;gap:3px;margin-top:7px}
.order-stock .bar i{display:block;width:9px;height:14px;background:rgba(255,255,255,.4);border-radius:1px}
.order-stock .bar i.ok{background:#ff2a2a;box-shadow:0 0 6px rgba(255,42,42,.7);animation:lcpBlink 1s steps(2,start) infinite}
.order-card{background:rgba(52,71,111,.98);border:1px solid rgba(85,121,195,0);border-radius:10px;overflow:hidden;box-shadow:0 0 25px rgba(0,0,0,.2),0 0 15px rgba(0,0,0,.2),0 0 3px rgba(0,0,0,.4)}
.order-card-head{background:#2b3a58;color:#fff;font-size:20px;padding:10px;text-align:left}
.order-card-body{padding:15px 20px}
.order-alert{background:#ff7900;border-radius:8px;padding:5px 12px;box-shadow:0 1px 5px rgba(0,0,0,.2);color:#fff;font-size:20px;line-height:26px;text-align:center;margin-bottom:20px}
.order-alert strong{font-weight:700}
/* Formulaire d'inscription (même rendu que l'ancien formulaire systeme.io) */
.optin{display:grid;gap:12px}
.optin-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.optin input{width:100%;padding:12px 14px;border:1px solid #d5d9e0;border-radius:5px;background:#fff;color:#1d2330;font:600 14px/1.3 "Montserrat",Arial,sans-serif;outline:none}
.optin input::placeholder{color:#6f7682}
.optin input:focus{border-color:#ff7a00;box-shadow:0 0 0 3px rgba(255,122,0,.18)}
.optin input.invalide{border-color:#e0533f}
.optin-tel{position:relative}
.optin-tel .flag{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:16px;line-height:1}
.optin-tel input{padding-left:40px}
.optin-erreur{margin:0;padding:8px 12px;border-radius:5px;background:#fdf1f0;color:#c4473a;font-size:14px;line-height:19px;text-align:center}
.optin-btn{display:block;width:100%;margin-top:4px;padding:14px 16px;border:0;border-radius:6px;background:#f0832d;color:#fff;cursor:pointer;text-align:center;font-family:"Montserrat",Arial,sans-serif;box-shadow:0 6px 18px rgba(240,131,45,.35);transition:filter .18s,transform .18s}
.optin-btn:hover{filter:brightness(1.06);transform:translateY(-1px)}
.optin-btn[disabled]{opacity:.7;cursor:wait;transform:none}
.optin-btn .t{display:block;font-size:20px;font-weight:700;line-height:1.2}
.optin-btn .s{display:block;margin-top:3px;font-size:13px;font-weight:600;opacity:.95}
.order-note{margin:20px 0 0;color:#d7d4d4;font-size:14px;line-height:18px;text-align:center}

/* ---------- Pied de page ---------- */
.site-footer{background:#000;padding:20px 40px;font-family:"Montserrat",Arial,sans-serif;color:#fff;text-align:center}
.site-footer .inner{max-width:960px;margin:0 auto;padding:10px}
.site-footer img{display:block;width:120px;height:auto;margin:0 auto 10px}
.site-footer p{margin:0;font-size:14px;line-height:27px}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .gap{height:27px}

/* ---------- Responsive ---------- */
@media (max-width:900px){
  .lcp .grid4{grid-template-columns:repeat(2,1fr);gap:10px}
}
@media (max-width:820px){
  .lcp{font-size:17px}
  .lcp .sec{padding:48px 16px}
  .lcp .stage{grid-template-columns:1fr}
  .lcp .stage .side{display:none}
  .lcp .masonry{column-count:2;column-gap:10px}
  .lcp .masonry.narrow{column-gap:12px}
  .lcp .masonry>*{margin-bottom:10px}
  .lcp .masonry.narrow>*{margin-bottom:12px}
  .lcp .row3,.lcp .row2{grid-template-columns:1fr}
  .lcp .pill .sep{display:none}
  .lcp .btn,.lcp-pop .btn{padding:16px 18px}
  .lcp .itw .card-t{width:260px}
  .lcp .itw .card-t .q{font-size:14px}
}
@media (max-width:767px),(hover:none) and (pointer:coarse){
  .lcp .hero .h .hl-hero{text-decoration:none!important}
}
@media (max-width:480px){
  .lcp .masonry{column-count:1}
  .lcp .grid3{grid-template-columns:repeat(2,1fr);gap:8px}
}
@media (max-width:767px){
  .order{padding:15px 5px}
  .order-grid{grid-template-columns:1fr}
  .order-card-head{font-size:16px}
  .order-card-body{padding:15px 10px}
  .order-alert{font-size:16px;line-height:21px;margin-bottom:15px}
  .optin-row{grid-template-columns:1fr}
  .optin-btn .t{font-size:18px}
  .site-footer{padding:40px 15px}
  .site-footer p{font-size:12px;line-height:22px}
  .site-footer .gap{height:22px}
}
@media (max-height:700px){
  .lcp-pop .pop-img img{max-height:140px}
}

/* Rendu légèrement agrandi sur grand écran */
@media (min-width:900px) and (max-width:1199px){.lcp,.lcp-sticky,.lcp-pop,.order-stock{zoom:1.1}}
@media (min-width:1200px){.lcp,.lcp-sticky,.lcp-pop,.order-stock{zoom:1.25}}