/* --------------------------------------------------------------------------
   PAGES LEGALES + AVERTISSEMENT SANITAIRE
   -------------------------------------------------------------------------- */

.lg-wrap{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start}

/* Sommaire lateral, colle en haut pendant la lecture. */
.lg-nav{position:sticky;top:82px;display:flex;flex-direction:column;gap:2px}
.lg-nav a{padding:9px 13px;border-radius:11px;font:600 13.5px/1.35 var(--font);
  color:var(--muted);text-decoration:none;
  border-inline-start:2px solid transparent;transition:background .2s,color .2s,border-color .2s}
.lg-nav a:hover{background:#FFF3EF;color:var(--coral)}
.lg-nav a.on{background:#FFF0EC;color:var(--coral);border-inline-start-color:var(--coral)}

.lg-body{min-width:0}
.lg-sec{background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:clamp(20px,3vw,32px);box-shadow:var(--shadow-sm)}
.lg-sec + .lg-sec{margin-top:20px}
/* Le sommaire est colle en haut : sans marge, l'ancre placerait le titre
   dessous. */
.lg-sec{scroll-margin-top:96px}

.lg-sec h2{font-family:var(--display);font-size:clamp(20px,2.4vw,26px);
  padding-bottom:12px;border-bottom:2px solid var(--line);margin-bottom:16px}
.lg-sec h3{font-size:15.5px;font-weight:800;margin:22px 0 8px;color:var(--ink)}
.lg-sec h3:first-of-type{margin-top:4px}
.lg-sec p{font-size:14.5px;line-height:1.72;color:#5C4C56;margin:0 0 11px}
.lg-sec ul{margin:0 0 13px;padding-inline-start:20px}
.lg-sec li{font-size:14.5px;line-height:1.68;color:#5C4C56;margin-bottom:6px}
.lg-sec b{color:var(--ink)}
.lg-sec a{color:var(--coral);font-weight:700}
.lg-sec code{background:#F6EFEC;border-radius:5px;padding:1px 6px;font-size:12.5px}
.lg-date{margin-top:20px;font-size:12.5px;color:var(--muted);font-style:italic}

/* Ce qui reste a fournir (numero d'entreprise) — visible, pas noye. */
.lg-todo{background:#FEF3DC;color:#7A5410;border:1px dashed #E2B457;
  border-radius:7px;padding:2px 8px;font-weight:800;font-size:13px}

/* -------------------------------------------------------- AVERTISSEMENT
   La loi decrit un format precis pour l'avertissement sanitaire (annexe) :
   lettres NOIRES sur fond BLANC, encadre noir dont l'epaisseur egale celle
   des lettres, le mot « אזהרה » en gras. On le reproduit ici, meme si
   l'obligation formelle ne vise que l'emballage et la publicite imprimee :
   l'afficher ne coute rien et temoigne de la diligence du magasin. */
.warnbox{max-width:1200px;margin:0 auto;padding:0 clamp(16px,4vw,34px)}
.warnbox .inner{background:#fff;color:#000;border:3px solid #000;
  border-radius:4px;padding:11px 16px;text-align:center;
  font:600 13px/1.5 var(--font)}
.warnbox .inner b{font-weight:900}
.foot-warn{padding:20px 0 8px}

/* Avis "vente interdite aux mineurs" — le pendant, en couleur du site. */
.minors{max-width:1200px;margin:0 auto;padding:14px clamp(16px,4vw,34px) 0}
.minors .inner{display:flex;align-items:center;gap:11px;justify-content:center;
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
  border-radius:12px;padding:11px 16px;
  font:600 12.5px/1.5 var(--font);color:#D8CFD6;text-align:center}
.minors .n18{flex:none;width:26px;height:26px;border-radius:50%;display:grid;
  place-items:center;background:#C63F48;color:#fff;font:900 11px/1 var(--font)}

/* Liens legaux du pied de page. */
.foot-legal-links{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:center;
  padding:14px clamp(16px,4vw,34px) 0;max-width:1200px;margin:0 auto}
.foot-legal-links a{color:#B8AEB8;font-size:12.5px;text-decoration:none}
.foot-legal-links a:hover{color:#fff;text-decoration:underline}

@media(max-width:820px){
  .lg-wrap{grid-template-columns:1fr;gap:18px}
  .lg-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:7px}
  .lg-nav a{border-inline-start:0;border:1px solid var(--line);font-size:12.5px;padding:8px 12px}
}