/* =========================================================
   Page du guide — complète la feuille de style du site.
   ========================================================= */

.guide__hero { padding-top: clamp(3rem, 8vw, 6rem); }

.guide__haut {
  display: grid;
  grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
  gap: clamp(2rem, 5vw, 4rem);
  align-items: start;
}
@media (max-width: 860px) {
  .guide__haut { grid-template-columns: 1fr; justify-items: center; text-align: center; }
  .guide__texte { text-align: center; }
}

.guide__couv img {
  display: block; width: 100%; height: auto;
  border-radius: var(--radius);
  box-shadow: 0 24px 60px rgba(0,0,0,.22), 0 2px 8px rgba(0,0,0,.10);
}

.guide__texte h1 {
  font-family: var(--titre); font-weight: 800; letter-spacing: -.035em;
  font-size: clamp(1.9rem, 4vw, 2.9rem); line-height: 1.05;
  margin: .3rem 0 .8rem; text-wrap: balance;
}
.guide__par { color: var(--muted); font-size: .95rem; margin-bottom: 1.6rem; }

.guide__prix {
  display: flex; align-items: baseline; gap: .7rem; flex-wrap: wrap;
  padding: 1rem 0 1.3rem; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  margin-bottom: 1.6rem;
}
@media (max-width: 860px) { .guide__prix { justify-content: center; } }
.guide__montant {
  font-family: var(--titre); font-weight: 800; letter-spacing: -.04em;
  font-size: clamp(2rem, 4vw, 2.6rem); color: var(--gold-deep);
}
.guide__mention { font-size: .84rem; color: var(--muted); }

.guide__commande .check { margin-bottom: .9rem; text-align: left; }
.guide__commande .check span { font-size: .88rem; line-height: 1.55; }
.guide__rassure { font-size: .78rem; color: var(--muted); margin-top: .9rem; }
.guide__erreur {
  background: #FBEFEF; border: 1px solid #E3C4C4; border-radius: var(--radius);
  color: #8A2B2B; padding: .7rem .9rem; font-size: .88rem; margin-bottom: 1rem;
}

.guide__somm { margin: 2rem 0 0; padding: 0 0 0 1.3rem; text-align: left; }
.guide__somm li { margin-bottom: 1rem; line-height: 1.65; }
.guide__somm strong { color: var(--ink); }
.guide__annexes, .guide__avert { margin-top: 1.6rem; text-align: left; }
.guide__avert { font-size: .86rem; color: var(--muted); }

.guide__cta { display: flex; gap: .8rem; justify-content: center; flex-wrap: wrap; margin: 2rem 0 1.4rem; }
.guide__note { font-size: .88rem; color: var(--muted); max-width: 52ch; margin: 0 auto 1rem; }
.guide__note--fine { font-size: .8rem; }

.guide__porte { padding-top: 3rem; }
.guide__porte-form { max-width: 24rem; margin: 2rem auto 0; text-align: left; }

.guide__cgv h2 {
  font-family: var(--titre); font-weight: 700; letter-spacing: -.02em;
  font-size: 1.15rem; margin: 2.2rem 0 .6rem;
}
.guide__cgv ul { padding-left: 1.2rem; }
.guide__cgv li { margin-bottom: .5rem; }

.guide__pied {
  border-top: 1px solid var(--line); padding: 2rem 0 3rem;
  text-align: center; font-size: .82rem; color: var(--muted);
}
.guide__pied p { margin: 0 0 .4rem; }

/* Lien de retour vers le site (ajout du 25/10/2026) */
.guide__retour { margin: 0; padding: .9rem clamp(1rem, 4vw, 2rem); font-size: .9rem; border-bottom: 1px solid rgba(0,0,0,.08); }
.guide__retour a { color: var(--muted); text-decoration: none; }
.guide__retour a:hover { color: inherit; text-decoration: underline; }