/* ════════════════════════════════════════════════════════════════════
   PAGES D'INFORMATION (politiques, conditions, garantie).
   Une seule colonne, très lisible : ces pages se lisent, elles ne se
   parcourent pas. Mobile d'abord comme le reste du site.
   ════════════════════════════════════════════════════════════════════ */

.lg-wrap{ max-width:760px; margin:0 auto; padding:26px 20px 50px; }

.lg-head{ text-align:center; margin-bottom:34px; }
.lg-ic{ display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px;
  border-radius:20px; font-size:1.8rem; margin-bottom:16px;
  background:linear-gradient(150deg,var(--cream),var(--cream-2)); border:1px solid var(--line-2);
  box-shadow:var(--shadow-sm); }
.lg-head h1{ font-family:var(--font-disp); font-size:clamp(1.7rem,6vw,2.5rem); font-weight:600;
  letter-spacing:-.015em; line-height:1.15; }
.lg-head p{ color:var(--ink-soft); font-size:1.02rem; line-height:1.8; margin:14px auto 0; max-width:560px; }
.lg-date{ display:inline-block; margin-top:16px; font-size:.74rem; font-weight:700; letter-spacing:.06em;
  text-transform:uppercase; color:var(--muted); background:var(--paper); border:1px solid var(--line);
  border-radius:100px; padding:6px 14px; }

.lg-body{ display:flex; flex-direction:column; gap:14px; }
.lg-sec{ background:var(--paper); border:1px solid var(--line); border-radius:var(--radius-sm);
  padding:22px 24px; box-shadow:var(--shadow-sm); }
.lg-sec h2{ font-family:var(--font-disp); font-size:1.12rem; font-weight:600; color:var(--ink);
  margin-bottom:10px; line-height:1.35; }
.lg-sec p{ color:var(--ink-soft); font-size:.97rem; line-height:1.85; }
.lg-sec ul{ list-style:none; margin-top:12px; display:flex; flex-direction:column; gap:9px; }
.lg-sec li{ display:flex; align-items:flex-start; gap:11px; color:var(--ink-soft);
  font-size:.95rem; line-height:1.7; }
.lg-sec li::before{ content:""; flex-shrink:0; width:7px; height:7px; border-radius:50%;
  background:var(--honey-deep); margin-top:.6em; }

/* Un bloc « à retenir » : ce que le client doit lire même s'il survole. */
.lg-sec.is-note{ background:linear-gradient(160deg,var(--cream),var(--paper));
  border-color:rgba(232,119,11,.32); }
.lg-sec.is-note h2{ color:var(--honey-deep); }

.lg-cta{ margin-top:34px; text-align:center; background:var(--paper); border:1px solid var(--line);
  border-radius:var(--radius); padding:28px 24px; box-shadow:var(--shadow-sm); }
.lg-cta p{ color:var(--ink-soft); font-size:1rem; margin-bottom:16px; }
.lg-cta div{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; }

@media (min-width:720px){
  .lg-wrap{ padding:34px 20px 64px; }
  .lg-sec{ padding:26px 30px; }
}