/* Landing pages publicitaires : mêmes polices, couleurs et formes que le site */
:root{
  --bg:#E4DBD5;        /* fond général du site */
  --panel:#F4F1EF;     /* blocs clairs */
  --text:#1F1D1B;
  --text-soft:#575654;
  --muted:#8F8E8D;
  --accent:#8A6033;    /* titres bronze */
  --cta:#D15E00;       /* boutons */
  --title:'Barlow Condensed', 'DIN Condensed', sans-serif;
  --body:'Poppins', sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--body);font-weight:300;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
b,strong{font-weight:700;color:var(--text-soft)}
.lp-wrap{max-width:1100px;margin:0 auto;padding:0 24px}

/* ---------- Bandeau marque (sans menu) ---------- */
.lp-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;background:var(--bg);box-shadow:0 1px 4px rgba(0,0,0,.08);font-size:15px;line-height:20px}
.lp-brand img{width:46px;height:46px;object-fit:contain}
.lp-brand b{color:var(--text)}

/* ---------- Haut de page ---------- */
.lp-hero{text-align:center}
.lp-hero-in{max-width:1100px;margin:28px auto 0;padding:56px 24px 44px;background:var(--panel)}
.lp-hero h1{font-family:var(--title);font-weight:600;font-size:76px;line-height:1.05;color:var(--accent)}
.lp-hero .sub{font-family:var(--title);font-size:28px;font-weight:300;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-top:14px}
.lp-hero-cta{margin-top:30px}
.lp-reassure{margin-top:18px;font-size:14px;color:var(--text-soft);font-weight:400}
.lp-stars{color:var(--cta);letter-spacing:1px}
.lp-hero .wave{display:none}

/* ---------- Bandes ---------- */
.lp-band{padding:0}
.lp-band > .lp-wrap,.lp-band.soft > .lp-wrap{max-width:1100px;margin:28px auto 0;background:var(--panel)}
.lp-band.soft{padding:0}
.lp-band.soft > .lp-wrap > *{max-width:none}
.wave{display:none}

/* ---------- Blocs texte + image ---------- */
.lp-split{display:grid;grid-template-columns:1fr 340px;gap:60px;align-items:center;padding:50px 64px}
.lp-split.reverse{grid-template-columns:300px 1fr}
.lp-split.tall{grid-template-columns:1fr 300px}
.lp-split.tall.reverse{grid-template-columns:300px 1fr}
.lp-split h2,.lp-avis h2,.lp-about h2{font-family:var(--title);font-weight:400;font-size:40px;line-height:1.15;color:var(--accent);margin-bottom:24px}

/* Liste à puces sobre, comme sur le site */
.lp-list{list-style:disc;padding-left:22px;color:var(--text-soft);text-align:justify}
.lp-list li{margin-bottom:12px}
.lp-pace{font-family:var(--title);font-size:24px;color:var(--accent);margin-top:8px}

/* Photos : coins arrondis comme sur le site */
.lp-frame{border-radius:20px;overflow:hidden;background:#C7C7C6}
.lp-frame::before{display:none}
.lp-frame img{width:100%;aspect-ratio:1/1;object-fit:cover}
.lp-frame.portrait img{aspect-ratio:4/5;object-position:50% 15%}
.lp-split.tall .lp-frame img{aspect-ratio:2/3}

/* ---------- Boutons : identiques au site ---------- */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;min-width:200px;height:52px;padding:0 30px;
  background:var(--cta);color:var(--panel);border:0;border-radius:20px;
  font-family:var(--title);font-weight:400;font-size:22px;text-decoration:none;transition:background .2s,transform .2s}
.lp-btn:hover{background:#b44f00;transform:translateY(-1px)}
.lp-btn::after{display:none}
.lp-btn.dark{background:var(--cta)}
.lp-cta{margin-top:30px}

/* ---------- Avis ---------- */
.lp-avis{text-align:center;padding:44px 64px}
.lp-avis-note{font-size:14px;font-weight:400;color:var(--text-soft);margin:-10px 0 26px}
.lp-avis-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start;text-align:left}
.lp-avis-grid img{width:100%;height:auto;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08)}

/* ---------- Présentation ---------- */
.lp-about{padding:44px 64px 30px}
.lp-about h2{font-size:38px;text-align:center;max-width:760px;margin-left:auto;margin-right:auto}
.lp-about .lp-split{padding:10px 0 10px}
.lp-about ul{list-style:disc;padding-left:22px;color:var(--text-soft);text-align:justify}
.lp-about li{margin-bottom:12px}
.lp-about li::before{content:none}
.lp-quote{text-align:center;font-family:var(--title);font-size:30px;color:var(--accent);margin:26px 0 6px}
.lp-quote::before{content:"“"}
.lp-quote::after{content:"”"}

/* ---------- Appel découverte ---------- */
.lp-call{text-align:center;margin:28px auto 0;padding:44px 24px;background:var(--panel)}
.lp-call p{font-family:var(--title);font-size:30px;line-height:1.2;color:var(--accent);margin-bottom:22px}
.lp-call .lp-call-alt{font-family:var(--body);font-size:14px;color:var(--text-soft);margin:16px 0 0}
.lp-call-alt a{color:var(--accent);font-weight:600}

/* ---------- Mentions ---------- */
.lp-legal{text-align:center;font-size:13px;padding:24px 10px 30px;color:var(--muted)}
.lp-legal a{color:inherit}

/* ---------- Bouton fixe (mobile uniquement) ---------- */
.lp-sticky{display:none}

/* ---------- Responsive ---------- */
@media (max-width:860px){
  .lp-hero-in{margin-top:16px;padding:38px 20px 30px}
  .lp-hero h1{font-size:46px}
  .lp-hero .sub{font-size:22px}
  .lp-split,.lp-split.reverse,.lp-split.tall,.lp-split.tall.reverse{grid-template-columns:1fr;gap:28px;padding:34px 22px}
  .lp-split .lp-frame{order:-1;width:100%;max-width:320px;margin:0 auto}
  .lp-split.tall .lp-frame{max-width:260px}
  .lp-split h2,.lp-avis h2,.lp-about h2{font-size:32px}
  .lp-avis,.lp-about{padding:34px 22px}
  .lp-avis-grid{grid-template-columns:1fr}
  .lp-cta{text-align:center}
  .lp-band > .lp-wrap,.lp-band.soft > .lp-wrap,.lp-call{margin-top:16px}
  .lp-sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:20;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(228,219,213,.96);box-shadow:0 -2px 10px rgba(0,0,0,.08)}
  .lp-sticky .lp-btn{width:100%}
  .lp-legal{padding-bottom:90px}
}
@media (max-width:400px){ .lp-hero h1{font-size:40px} }

/* Mots en gras dans le titre de présentation */
.lp-about h2 b{font-weight:600;color:inherit}