/* Page de vente des guidances : présentation, parcours et invitation mobile. */
.guidance-sale { padding-bottom:0; background:#fff9f2; }
.guidance-sale::after { background:rgba(255,248,240,.9); }
.guidance-sale .guidance-hero { padding:44px 24px 38px; }
.guidance-sale .hero-layout { display:grid; grid-template-columns:1.15fr 1fr; max-width:1120px; margin:auto; align-items:stretch; gap:24px; }
.guidance-sale .head-card { text-align:left; padding:34px; background:#fffcf8; }
.guidance-sale .hero-kicker,.guidance-sale .section-kicker { color:#765321; font-size:11px; letter-spacing:.16em; font-weight:700; line-height:1.6; margin-bottom:12px; }
.guidance-sale .hero-question { font-family:var(--serif); color:#765575; font-size:24px; line-height:1.2; margin-bottom:14px; }
.guidance-sale h1 { font-size:clamp(34px,3.6vw,49px); line-height:1.08; text-wrap:balance; }
.guidance-sale h1 em { color:#985b79; }
.guidance-sale .hero-description { color:#625166; font-size:16px; line-height:1.7; margin:20px 0; }
.guidance-sale .hero-facts { color:#645366; font-size:14px; line-height:1.8; }
.guidance-sale .hero-facts strong { font-family:var(--serif); font-size:30px; color:#412953; }
.guidance-sale .hero-actions { display:flex; flex-direction:column; align-items:flex-start; gap:10px; margin-top:18px; }
.guidance-sale .btn-haut,.guidance-sale .btn-stripe,.guidance-sale .wl-form button { background:linear-gradient(115deg,#4a2b63,#71517c); color:#fff9ef; border:1px solid #c9a85f; box-shadow:0 6px 18px #51345d22; line-height:1.4; }
.guidance-sale .btn-haut:hover,.guidance-sale .btn-stripe:hover,.guidance-sale .wl-form button:hover { background:#412453; }
.guidance-sale .hero-secondary { color:#765575; font-size:14px; padding:6px 0; text-decoration:underline; text-underline-offset:4px; }
.guidance-sale .availability { font-size:13px; color:#765575; }
.guidance-sale .hero-img { position:relative; margin:0; min-width:0; background:#32233d; }
.guidance-sale .hero-img img { width:100%; height:100%; object-fit:cover; }
.guidance-sale .hero-img figcaption { position:absolute; left:0; right:0; bottom:0; padding:55px 24px 26px; background:linear-gradient(transparent,#21142feb); color:#fff3d8; font-family:var(--serif); font-size:29px; line-height:1.2; text-align:center; }
.guidance-sale .guidance-content { max-width:1040px; padding:0 24px 40px; }
.guidance-sale .presentation { display:grid; grid-template-columns:160px 1fr; gap:30px; align-items:center; padding:32px; margin:26px 0 46px; background:#f0e8f1; border:1px solid #dfcfe0; border-radius:22px; }
.guidance-sale .presentation-portrait { text-align:center; }
.guidance-sale .presentation-portrait img { width:112px; height:112px; border-radius:50%; object-fit:cover; margin:0 auto 10px; border:3px solid #e0c58a; }
.guidance-sale .presentation-portrait span { color:#705275; font-size:12px; }
.guidance-sale .presentation h2,.guidance-sale .parcours h2,.guidance-sale .buy h2 { font-family:var(--serif); color:#432c54; font-size:32px; line-height:1.15; margin:0 0 12px; font-weight:600; }
.guidance-sale .presentation p:not(.section-kicker) { color:#64516a; }
.guidance-sale .video-soon { display:inline-block; margin-top:16px; padding:10px 15px; border:1px solid #c5a47a; border-radius:12px; font-size:14px; background:#fffcf6; }
.guidance-sale .parcours { margin:40px 0; text-align:center; }
.guidance-sale .etapes { list-style:none; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin-top:24px; }
.guidance-sale .etapes li { text-align:left; background:#fffcf8; border:1px solid #e6d4bf; border-radius:18px; padding:24px; }
.guidance-sale .step-number { display:block; font-family:var(--serif); font-size:38px; color:#967132; line-height:1; margin-bottom:15px; }
.guidance-sale .etapes h3 { font-family:var(--serif); font-size:24px; color:#432c54; line-height:1.1; margin-bottom:12px; }
.guidance-sale .etapes p { color:#6b596a; font-size:14px; line-height:1.7; }
.guidance-sale .card { padding:28px 32px; margin:24px auto; max-width:820px; }
.guidance-sale .card p + p { margin-top:12px; }
.guidance-sale .recois { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.guidance-sale ul.recois li { padding:0; border:0; font-size:14px; }
.guidance-sale ul.recois .ic { position:static; display:block; margin-bottom:8px; }
.guidance-sale .wl,.guidance-sale .buy,.guidance-sale .dates-pub,.guidance-sale .faq { max-width:820px; margin:28px auto; }
.guidance-sale .wl-form > label:first-child { font-size:14px; color:#5f4669; }
.guidance-sale .wl-form input[type=email] { font-size:16px; }
.guidance-sale .buy { padding:36px; }
.guidance-sale .buy .price { margin:16px 0; }
.guidance-sale .livraison { max-width:540px; margin:auto; }
.guidance-sale .faq a { text-decoration:underline; }
.guidance-sale #acheter,.guidance-sale #liste-attente,.guidance-sale #comment-ca-se-passe { scroll-margin-top:110px; }
.guidance-sale a:focus-visible,.guidance-sale button:focus-visible { outline:3px solid #9160ae; outline-offset:4px; }
.guidance-dock { display:none; }
@keyframes guidance-arrive { from { opacity:.65; transform:translateY(14px); } to { opacity:1; transform:none; } }
.guidance-sale .guidance-arrive { animation:guidance-arrive .6s ease-out both; }
@media(max-width:820px) {
  .guidance-sale .hero-layout { grid-template-columns:1fr; max-width:650px; }
  .guidance-sale .hero-img { max-height:340px; aspect-ratio:4/3; }
  .guidance-sale .hero-img img { object-position:center; }
  .guidance-sale .head-card { padding:26px; }
  .guidance-sale .etapes { grid-template-columns:1fr; }
  .guidance-sale .etapes li { position:relative; padding:22px 22px 22px 80px; }
  .guidance-sale .step-number { position:absolute; left:20px; top:22px; font-size:32px; }
  .guidance-sale .presentation { grid-template-columns:110px 1fr; gap:22px; padding:24px; }
  .guidance-sale .recois { grid-template-columns:1fr; gap:18px; }
  .guidance-sale ul.recois li { padding-left:36px; }
  .guidance-sale ul.recois .ic { position:absolute; left:0; top:0; }
  /* Les styles partagés plaçaient le bouton dans le flux de la navigation. */
  .guidance-sale nav.nav.lh-sanctuary-nav > .nav-burger { position:absolute; z-index:61; }
  .guidance-sale nav.nav.lh-sanctuary-nav[data-nav-ready] ul { overflow-y:auto !important; overflow-x:hidden !important; max-height:calc(100dvh - 84px); }
  .guidance-sale nav.nav.lh-sanctuary-nav:not([data-nav-ready]) { flex-wrap:wrap !important; padding:8px 16px !important; }
  .guidance-sale nav.nav.lh-sanctuary-nav:not([data-nav-ready]) ul { width:100%; }
}
@media(max-width:600px) {
  .guidance-sale .guidance-hero { padding:24px 16px; }
  .guidance-sale .guidance-content { padding:0 16px 32px; }
  .guidance-sale .hero-kicker { font-size:10px; letter-spacing:.1em; }
  .guidance-sale .hero-question { font-size:22px; }
  .guidance-sale .hero-description { font-size:15px; margin:16px 0; }
  .guidance-sale .head-card { padding:24px 20px; }
  .guidance-sale .hero-actions .btn-haut { max-width:none; padding:13px 16px; font-size:15px; }
  .guidance-sale .hero-facts { font-size:13px; }
  .guidance-sale .presentation { grid-template-columns:1fr; gap:18px; text-align:center; padding:24px 18px; }
  .guidance-sale .presentation h2,.guidance-sale .parcours h2,.guidance-sale .buy h2 { font-size:28px; }
  .guidance-sale .card,.guidance-sale .buy { padding:24px 20px; }
  .guidance-sale .btn-pay { padding:14px 16px; font-size:15px; }
  .guidance-sale.has-guidance-dock { padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
  .guidance-dock:not([hidden]) { display:flex; position:fixed; bottom:0; left:0; right:0; z-index:40; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px)); background:#fffaf3; border-top:1px solid #d9bc7d; box-shadow:0 -5px 22px #432c5420; }
  .guidance-dock .dock-label { display:flex; flex-direction:column; font-size:13px; line-height:1.6; color:#432c54; }
  .guidance-dock .dock-label > span { font-size:11px; }
  .guidance-dock a { padding:12px 17px; background:#533367; border:1px solid #c9a85f; border-radius:24px; color:#fff8e8; font-size:14px; font-weight:700; line-height:1.4; }
}
@media(max-width:380px) {
  .guidance-sale nav.nav.lh-sanctuary-nav .logo-img .lh-coeur { height:44px; }
  .guidance-sale nav.nav.lh-sanctuary-nav .logo-img .lh-mot { height:33px; }
}
@media(prefers-reduced-motion:reduce) {
  html:has(.guidance-sale) { scroll-behavior:auto; }
  .guidance-sale .guidance-arrive { animation:none; }
  .guidance-sale .btn-haut,.guidance-sale .btn-pay,.guidance-sale .wl-form button { transition:none; transform:none; }
}