/* ==========================================================================
   BLOC 76 — PAGE SEVRAGE TABAC
   Site    : hypnose-changer.fr
   Version : 2026-05-03 — production
   Rôle    : styles autonomes pour la page pilier sevrage tabac
   Scope   : .sevrage-tabac-page
   ========================================================================== */

/* ==========================================================================
   BLOC XX — PAGE / OUTIL SEVRAGE TABAC
   Site    : hypnose-changer.fr
   Version : 2026-05-02 — clean prod
   Rôle    : styles autonomes pour page longue + quiz + timeline + CTA
   ========================================================================== */

/* ==========================================================================
   00 — TOKENS
   ========================================================================== */

.sevrage-tabac-page{
--bg:#f9f6ef;
  --paper:#fffdf8;
  --white:#fff;

  --ink:#24313b;
  --muted:#5c6670;

  --blue:#1b3c5f;
  --blue2:#15314f;

  --gold:#d5a76e;
  --copper:#8b3f2b;
  --copper2:#6f2f20;

  --rose:#fff4ec;
  --line:rgba(31,46,59,.13);
  --shadow:0 18px 44px rgba(31,46,59,.08);
  --radius:18px;

  --violet:#6e61a8;
  --violet2:#5b4f91;
  --deep-red:#7c1f16;
  --deep-violet:#433878;

  --green:#2e7d32;
  --orange:#d9831f;
  --red:#b3261e;
}

/* ==========================================================================
   01 — SOCLE PAGE
   ========================================================================== */

.sevrage-tabac-page, .sevrage-tabac-page *{
box-sizing:border-box;
}

.sevrage-tabac-page{
scroll-behavior:smooth;
}

.sevrage-tabac-page{
margin:0;
  background:
    radial-gradient(circle at 10% 0%, rgba(213,167,110,.16), transparent 34%),
    linear-gradient(180deg,#fbf8f1 0%,#f9f6ef 55%,#fff 100%);
  color:var(--ink);
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  line-height:1.72;
}

.sevrage-tabac-page{
width:min(1040px,calc(100% - 28px));
  margin:0 auto;
  padding:2rem 0 4rem;
}

.sevrage-tabac-page h1,
.sevrage-tabac-page h2,
.sevrage-tabac-page h3{
color:var(--blue);
  line-height:1.25;
  margin:0 0 .75rem;
  letter-spacing:.01em;
}

.sevrage-tabac-page h1{
font-size:clamp(1.75rem,4vw,2.7rem);
}

.sevrage-tabac-page h2{
font-size:clamp(1.25rem,2.4vw,1.65rem);
  margin-top:.2rem;
}

.sevrage-tabac-page h3{
font-size:1.08rem;
  margin-top:1.2rem;
}

.sevrage-tabac-page p{
margin:.5rem 0 1rem;
}

.sevrage-tabac-page a{
color:var(--blue);
}

.sevrage-tabac-page small,
.sevrage-tabac-page .small{
font-size:.92rem;
  color:var(--muted);
}

/* ==========================================================================
   02 — BLOCS GÉNÉRIQUES
   ========================================================================== */

.sevrage-tabac-page section,
.sevrage-tabac-page .card{
margin:1.25rem 0;
  padding:1.35rem;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--paper);
  box-shadow:0 10px 28px rgba(31,46,59,.055);
}

.sevrage-tabac-page .hero{
padding:1.55rem;
  border-left:6px solid var(--copper);
  background:linear-gradient(180deg,#fff 0%,#fff7ef 100%);
  box-shadow:var(--shadow);
}

.sevrage-tabac-page .eyebrow{
margin:0 0 .35rem;
  color:var(--copper);
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sevrage-tabac-page .lead{
max-width:78ch;
  color:#33424e;
  font-size:1.08rem;
}

.sevrage-tabac-page .notice,
.sevrage-tabac-page .callout,
.sevrage-tabac-page .warning{
margin:1rem 0;
  padding:.9rem 1rem;
  border-left:5px solid var(--copper);
  border-radius:14px;
  background:#fff;
}

.sevrage-tabac-page .callout{
border-left-color:var(--gold);
}

.sevrage-tabac-page .warning{
background:var(--rose);
}

.sevrage-tabac-page .callout-hero{
border-left:6px solid var(--gold);
  background:linear-gradient(135deg,#fff 0%,#fef6ef 100%);
  font-size:1.02rem;
}

.sevrage-tabac-page .mode-hint{
max-width:760px;
  margin:.35rem 0 1rem;
  padding:.75rem .85rem;
  border-left:4px solid var(--gold);
  border-radius:12px;
  background:#fff;
  color:var(--muted);
}

/* ==========================================================================
   03 — BADGES / TAGS / LISTES COURTES
   ========================================================================== */

.sevrage-tabac-page .pill-row{
display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:.85rem 0 0;
  padding:0;
  list-style:none;
}

.sevrage-tabac-page .pill-row li{
padding:.28rem .7rem;
  border:1px solid rgba(139,63,43,.2);
  border-radius:999px;
  background:rgba(244,224,218,.55);
  color:var(--copper2);
  font-size:.88rem;
  font-weight:700;
}

/* ==========================================================================
   04 — SOMMAIRE
   ========================================================================== */

.sevrage-tabac-page .toc h2{
margin-bottom:.65rem;
  font-size:1.12rem;
}

.sevrage-tabac-page .toc-grid{
display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.5rem;
  margin:0;
  padding:0;
  list-style:none;
}

.sevrage-tabac-page .toc-grid a{
display:block;
  padding:.55rem .7rem;
  border:1px solid rgba(139,63,43,.12);
  border-radius:12px;
  background:#fbf7f2;
  color:var(--blue);
  font-size:.93rem;
  font-weight:700;
  text-decoration:none;
}

.sevrage-tabac-page .toc-grid a:hover{
border-color:rgba(139,63,43,.28);
  background:#fff1ea;
}

/* ==========================================================================
   05 — GRILLES COMMUNES
   ========================================================================== */

.sevrage-tabac-page .country-grid,
.sevrage-tabac-page .budget-grid,
.sevrage-tabac-page .result-grid,
.sevrage-tabac-page .profile-grid,
.sevrage-tabac-page .vape-grid,
.sevrage-tabac-page .craving-practice,
.sevrage-tabac-page .resistance-grid,
.sevrage-tabac-page .substances-grid,
.sevrage-tabac-page .contact-options{
display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
  margin:1rem 0;
}

.sevrage-tabac-page .budget-common{
display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.75rem;
}

.sevrage-tabac-page .fact-strip{
display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin:1rem 0;
}

/* ==========================================================================
   06 — CARTES
   ========================================================================== */

.sevrage-tabac-page .country-card,
.sevrage-tabac-page .budget-card,
.sevrage-tabac-page .result-note,
.sevrage-tabac-page .profile-card,
.sevrage-tabac-page .vape-card,
.sevrage-tabac-page .practice-card,
.sevrage-tabac-page .resistance-card,
.sevrage-tabac-page .substance-card{
padding:1rem;
  border:1px solid rgba(31,46,59,.1);
  border-radius:15px;
  background:#fff;
}

.sevrage-tabac-page .country-card{
padding:0;
  overflow:hidden;
}

.sevrage-tabac-page .fact{
padding:.9rem 1rem;
  border:1px solid rgba(139,63,43,.14);
  border-radius:14px;
  background:#fff;
}

.sevrage-tabac-page .fact strong,
.sevrage-tabac-page .budget-card strong,
.sevrage-tabac-page .vape-card strong,
.sevrage-tabac-page .practice-card strong,
.sevrage-tabac-page .resistance-card strong,
.sevrage-tabac-page .substance-card strong{
display:block;
  margin-bottom:.15rem;
  font-size:1.06rem;
}

.sevrage-tabac-page .fact strong,
.sevrage-tabac-page .budget-card strong,
.sevrage-tabac-page .practice-card strong{
color:var(--copper2);
}

.sevrage-tabac-page .vape-card strong{
color:var(--violet2);
}

.sevrage-tabac-page .resistance-card strong{
color:var(--deep-red);
}

.sevrage-tabac-page .substance-card strong{
color:var(--deep-violet);
}

/* ==========================================================================
   07 — ACCORDÉONS GÉNÉRIQUES
   ========================================================================== */

.sevrage-tabac-page .science-accordion,
.sevrage-tabac-page .tc-accordion-list,
.sevrage-tabac-page .vape-accordion{
display:grid;
  gap:.75rem;
  margin:1rem 0;
}

.sevrage-tabac-page .science-item,
.sevrage-tabac-page .tc-accordion,
.sevrage-tabac-page .vape-accordion details{
overflow:hidden;
  border:1px solid rgba(31,46,59,.12);
  border-radius:15px;
  background:#fff;
}

.sevrage-tabac-page .country-card summary,
.sevrage-tabac-page .science-item summary,
.sevrage-tabac-page .tc-accordion summary,
.sevrage-tabac-page .vape-accordion summary{
position:relative;
  cursor:pointer;
  list-style:none;
  padding:.9rem 3rem .9rem 1rem;
  font-weight:850;
}

.sevrage-tabac-page .country-card summary,
.sevrage-tabac-page .science-item summary,
.sevrage-tabac-page .tc-accordion summary{
color:var(--blue);
}

.sevrage-tabac-page .vape-accordion summary{
color:var(--violet2);
}

.sevrage-tabac-page .country-card summary::-webkit-details-marker,
.sevrage-tabac-page .science-item summary::-webkit-details-marker,
.sevrage-tabac-page .tc-accordion summary::-webkit-details-marker,
.sevrage-tabac-page .vape-accordion summary::-webkit-details-marker{
display:none;
}

.sevrage-tabac-page .country-card summary::after,
.sevrage-tabac-page .science-item summary::after,
.sevrage-tabac-page .tc-accordion summary::after,
.sevrage-tabac-page .vape-accordion summary::after{
content:"+";
  position:absolute;
  right:.85rem;
  top:.68rem;
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.75rem;
  height:1.75rem;
  border-radius:50%;
  color:#fff;
  font-weight:900;
}

.sevrage-tabac-page .country-card summary::after,
.sevrage-tabac-page .science-item summary::after,
.sevrage-tabac-page .tc-accordion summary::after{
background:var(--copper);
}

.sevrage-tabac-page .vape-accordion summary::after{
background:var(--violet);
}

.sevrage-tabac-page .country-card details[open] summary::after,
.sevrage-tabac-page .science-item[open] summary::after,
.sevrage-tabac-page .tc-accordion[open] summary::after{
content:"−";
  background:var(--blue);
}

.sevrage-tabac-page .vape-accordion details[open] summary::after{
content:"−";
  background:var(--copper);
}

.sevrage-tabac-page .country-body,
.sevrage-tabac-page .science-body,
.sevrage-tabac-page .tc-accordion-body,
.sevrage-tabac-page .vape-accordion .vape-body{
padding:0 1rem 1rem;
  border-top:1px solid rgba(31,46,59,.08);
}

.sevrage-tabac-page .tc-accordion-body p:last-child,
.sevrage-tabac-page .tc-accordion-body ul:last-child,
.sevrage-tabac-page .tc-accordion-body ol:last-child{
margin-bottom:0;
}

.sevrage-tabac-page .country-figure{
display:block;
  margin-top:.15rem;
  color:var(--copper2);
  font-size:1.03rem;
}

.sevrage-tabac-page .source-link{
display:inline-block;
  margin-top:.35rem;
  font-size:.9rem;
  font-weight:800;
}

/* ==========================================================================
   08 — BLOCS THÉMATIQUES
   ========================================================================== */

.sevrage-tabac-page .vape-block{
border-left:6px solid var(--violet);
  background:linear-gradient(180deg,#fff 0%,#faf8ff 100%);
}

.sevrage-tabac-page .craving-block{
border-left:6px solid var(--copper);
  background:linear-gradient(180deg,#fff 0%,#fff7ef 100%);
}

.sevrage-tabac-page .resistance-block{
border-left:6px solid var(--deep-red);
  background:linear-gradient(180deg,#fff 0%,#fff0eb 100%);
}

.sevrage-tabac-page .substances-block{
border-left:6px solid var(--deep-violet);
  background:linear-gradient(180deg,#fff 0%,#f8f6ff 100%);
}

.sevrage-tabac-page .timeline-sevrage{
border-left:6px solid var(--gold);
  background:linear-gradient(180deg,#fff 0%,#fffaf2 100%);
}

.sevrage-tabac-page .field-block{
border-left:6px solid var(--copper);
  background:linear-gradient(180deg,#fff 0%,#fff8f2 100%);
}

.sevrage-tabac-page .conclusion{
border-left:6px solid var(--deep-red);
  background:linear-gradient(180deg,#fff 0%,#fff1ec 100%);
}

.sevrage-tabac-page .field-note,
.sevrage-tabac-page .micro-tool,
.sevrage-tabac-page .association-block,
.sevrage-tabac-page .belief-question{
margin:.75rem 0;
  padding:.95rem 1rem;
  border:1px solid rgba(31,46,59,.12);
  border-radius:15px;
  background:#fff;
}

.sevrage-tabac-page .field-note,
.sevrage-tabac-page .micro-tool{
border-left:4px solid var(--gold);
}

.sevrage-tabac-page .field-note strong{
color:var(--copper2);
}

.sevrage-tabac-page .micro-tool{
margin:1rem 0;
  border-color:rgba(139,63,43,.16);
}

.sevrage-tabac-page .micro-tool ol{
margin:.4rem 0 0;
}

.sevrage-tabac-page .association-block{
margin:1rem 0;
  border-color:rgba(31,46,59,.1);
  border-radius:16px;
}

.sevrage-tabac-page .association-block h4{
margin:.1rem 0 .6rem;
  color:var(--copper2);
  font-size:1rem;
}

.sevrage-tabac-page .association-help{
margin:.2rem 0 .75rem;
  color:var(--muted);
  font-size:.93rem;
}

/* ==========================================================================
   09 — QUIZ / FORMULAIRES
   ========================================================================== */

.sevrage-tabac-page .belief-options{
display:flex;
  flex-wrap:wrap;
  gap:.45rem;
}

.sevrage-tabac-page .belief-feedback{
display:none;
  margin:.75rem 0 0;
  padding:.75rem .85rem;
  border-left:4px solid var(--copper);
  border-radius:12px;
  background:#fff7f2;
}

.sevrage-tabac-page .belief-feedback.is-visible{
display:block;
}

.sevrage-tabac-page .quiz-header{
display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:1rem;
}

.sevrage-tabac-page .quiz-label{
display:inline-block;
  margin-bottom:.35rem;
  color:var(--copper);
  font-size:.8rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sevrage-tabac-page .progress{
width:100%;
  height:9px;
  margin:.3rem 0 1rem;
  overflow:hidden;
  border-radius:999px;
  background:#efe7df;
}

.sevrage-tabac-page .progress-bar{
width:0%;
  height:100%;
  background:linear-gradient(90deg,var(--copper),var(--gold));
  transition:width .25s ease;
}

.sevrage-tabac-page .question-text{
margin-bottom:1rem;
  color:var(--blue);
  font-size:1.1rem;
  font-weight:850;
}

.sevrage-tabac-page .options{
display:grid;
  gap:.6rem;
}

.sevrage-tabac-page .option{
display:flex;
  align-items:flex-start;
  gap:.65rem;
  padding:.8rem .9rem;
  border:1px solid rgba(31,46,59,.14);
  border-radius:14px;
  background:#fff;
  cursor:pointer;
  transition:.15s ease;
}

.sevrage-tabac-page .option:hover{
border-color:rgba(139,63,43,.35);
  box-shadow:0 8px 18px rgba(31,46,59,.07);
  transform:translateY(-1px);
}

.sevrage-tabac-page .option input{
margin-top:.35rem;
}

.sevrage-tabac-page .option.is-selected{
border-color:rgba(139,63,43,.52);
  background:#fff6f1;
}

.sevrage-tabac-page .input-row{
display:grid;
  gap:.8rem;
  margin:1rem 0;
}

.sevrage-tabac-page label.text-label{
display:grid;
  gap:.3rem;
  color:var(--blue);
  font-weight:800;
}

.sevrage-tabac-page input[type="number"],
.sevrage-tabac-page input[type="text"],
.sevrage-tabac-page textarea,
.sevrage-tabac-page select{
width:100%;
  max-width:560px;
  padding:.75rem .85rem;
  border:1px solid rgba(31,46,59,.2);
  border-radius:12px;
  background:#fff;
  color:var(--ink);
  font:inherit;
}

.sevrage-tabac-page textarea{
min-height:110px;
  resize:vertical;
}

.sevrage-tabac-page input[type="range"]{
width:min(100%,520px);
}

.sevrage-tabac-page .range-value{
display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:3.2rem;
  margin-left:.5rem;
  padding:.2rem .65rem;
  border-radius:999px;
  background:var(--copper);
  color:#fff;
  font-weight:900;
}

.sevrage-tabac-page .range-value.is-red,
.sevrage-tabac-page .scale-dot.red{
background:var(--red);
}

.sevrage-tabac-page .range-value.is-orange,
.sevrage-tabac-page .scale-dot.orange{
background:var(--orange);
}

.sevrage-tabac-page .range-value.is-green,
.sevrage-tabac-page .scale-dot.green{
background:var(--green);
}

.sevrage-tabac-page .checkbox-grid{
display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.55rem;
}

.sevrage-tabac-page .buttons{
display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.1rem;
}

.sevrage-tabac-page button{
padding:.72rem 1rem;
  border:0;
  border-radius:999px;
  font:inherit;
  font-weight:850;
  cursor:pointer;
  transition:.15s ease;
}

.sevrage-tabac-page button.primary{
background:var(--copper);
  color:#fff;
}

.sevrage-tabac-page button.secondary{
background:#efe7df;
  color:var(--blue);
}

.sevrage-tabac-page button.ghost{
border:1px solid rgba(31,46,59,.16);
  background:transparent;
  color:var(--blue);
}

.sevrage-tabac-page button:hover{
transform:translateY(-1px);
}

.sevrage-tabac-page button:disabled{
opacity:.45;
  cursor:not-allowed;
  transform:none;
}

.sevrage-tabac-page .result{
display:none;
  margin-top:1rem;
  padding:1.2rem;
  border:1px solid rgba(139,63,43,.18);
  border-radius:16px;
  background:#fff7f2;
}

.sevrage-tabac-page .result h3{
margin-top:0;
  color:var(--copper2);
}

.sevrage-tabac-page .result-note{
padding:.85rem;
}

/* ==========================================================================
   10 — ÉCHELLE MOTIVATION
   ========================================================================== */

.sevrage-tabac-page .motivation-scale-help{
display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:.55rem 0 .75rem;
  font-size:.9rem;
}

.sevrage-tabac-page .scale-chip{
display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.28rem .6rem;
  border:1px solid rgba(31,46,59,.12);
  border-radius:999px;
  background:#fff;
}

.sevrage-tabac-page .scale-dot{
display:inline-block;
  width:.72rem;
  height:.72rem;
  border-radius:50%;
}

/* ==========================================================================
   11 — ENVIE / CRAVING
   ========================================================================== */

.sevrage-tabac-page .urge-wave{
margin:1rem 0;
  padding:1rem;
  border:1px solid rgba(139,63,43,.14);
  border-radius:16px;
  background:linear-gradient(90deg,#fff 0%,#fff4ec 50%,#fff 100%);
}

.sevrage-tabac-page .urge-wave-line{
height:12px;
  margin:.35rem 0 .75rem;
  border-radius:999px;
  background:linear-gradient(90deg,#dfc6b6 0%,#8b3f2b 44%,#d5a76e 70%,#efe2d8 100%);
}

.sevrage-tabac-page .urge-steps{
display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.65rem;
}

.sevrage-tabac-page .urge-step{
padding:.8rem;
  border:1px solid rgba(31,46,59,.1);
  border-radius:14px;
  background:#fff;
}

/* ==========================================================================
   12 — TABLEAUX
   ========================================================================== */

.sevrage-tabac-page table{
width:100%;
  margin-top:1rem;
  border-collapse:collapse;
  font-size:.94rem;
}

.sevrage-tabac-page td,
.sevrage-tabac-page th{
padding:.65rem;
  border:1px solid rgba(31,46,59,.14);
  text-align:left;
  vertical-align:top;
}

.sevrage-tabac-page th{
background:#f2eee8;
}

/* ==========================================================================
   13 — TIMELINE SEVRAGE
   ========================================================================== */

.sevrage-tabac-page .timeline-intro{
max-width:78ch;
}

.sevrage-tabac-page .timeline-controls{
display:flex;
  flex-wrap:wrap;
  gap:.45rem;
  margin:1rem 0;
}

.sevrage-tabac-page .timeline-control{
padding:.55rem .8rem;
  border:1px solid rgba(31,46,59,.14);
  border-radius:999px;
  background:#fff;
  color:var(--blue);
  font-size:.92rem;
}

.sevrage-tabac-page .timeline-control.is-active{
border-color:var(--copper);
  background:var(--copper);
  color:#fff;
}

.sevrage-tabac-page .timeline{
position:relative;
  display:grid;
  gap:1rem;
  margin:1.2rem 0;
}

.sevrage-tabac-page .timeline::before{
content:"";
  position:absolute;
  left:19px;
  top:8px;
  bottom:8px;
  width:2px;
  background:linear-gradient(180deg,var(--copper),var(--gold));
  opacity:.45;
}

.sevrage-tabac-page .timeline-step{
position:relative;
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  align-items:start;
  gap:.85rem;
}

.sevrage-tabac-page .timeline-marker{
z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:40px;
  height:40px;
  border-radius:50%;
  background:var(--copper);
  color:#fff;
  font-weight:900;
  box-shadow:0 8px 18px rgba(139,63,43,.18);
}

.sevrage-tabac-page .timeline-content{
padding:1rem;
  border:1px solid rgba(31,46,59,.11);
  border-radius:15px;
  background:#fff;
  box-shadow:0 8px 22px rgba(31,46,59,.045);
}

.sevrage-tabac-page .timeline-content strong{
display:block;
  margin-bottom:.35rem;
  color:var(--blue);
  font-size:1.04rem;
}

.sevrage-tabac-page .timeline-extra{
display:none;
  margin-top:.8rem;
  padding:.85rem;
  border-left:4px solid var(--gold);
  border-radius:13px;
  background:#fff7f2;
}

.sevrage-tabac-page .timeline-step.is-open .timeline-extra{
display:block;
}

.sevrage-tabac-page .timeline-step.is-open .timeline-marker{
background:var(--blue);
}

.sevrage-tabac-page .timeline-step.is-highlight .timeline-content{
border-color:rgba(139,63,43,.35);
  box-shadow:0 12px 28px rgba(139,63,43,.10);
}

.sevrage-tabac-page .timeline-toggle{
margin-top:.65rem;
  padding:.42rem .72rem;
  border:1px solid rgba(31,46,59,.14);
  border-radius:999px;
  background:#f8f3ed;
  color:var(--blue);
  font-size:.9rem;
}

.sevrage-tabac-page .timeline-self{
margin:1rem 0 0;
  padding:1rem;
  border:1px solid rgba(213,167,110,.35);
  border-radius:16px;
  background:#fff;
}

.sevrage-tabac-page .timeline-self select{
max-width:100%;
}

.sevrage-tabac-page .timeline-self-result{
display:none;
  margin-top:.85rem;
  padding:.85rem;
  border-left:4px solid var(--copper);
  border-radius:13px;
  background:#fff7f2;
}

/* ==========================================================================
   14 — ACTIONS STICKY
   ========================================================================== */

.sevrage-tabac-page .actions-sticky{
position:sticky;
  bottom:0;
  z-index:10;
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin:1.2rem -1.35rem -1.35rem;
  padding:.8rem 1rem;
  border-top:1px solid var(--line);
  background:rgba(255,253,248,.96);
  backdrop-filter:blur(8px);
}

/* ==========================================================================
   15 — CTA FOOTER / CONTACT
   ========================================================================== */

.sevrage-tabac-page .footer-cta{
background:linear-gradient(180deg,var(--blue) 0%,var(--blue2) 100%);
  color:#fff;
}

.sevrage-tabac-page .footer-cta h2,
.sevrage-tabac-page .footer-cta h3{
color:#fff;
}

.sevrage-tabac-page .footer-cta p{
color:#f5f2ea;
}

.sevrage-tabac-page .footer-cta .profile-card,
.sevrage-tabac-page .footer-cta .contact-card,
.sevrage-tabac-page .footer-cta .callout,
.sevrage-tabac-page .footer-cta .callout-hero{
background:#fff;
  color:var(--ink);
}

.sevrage-tabac-page .footer-cta .profile-card h3,
.sevrage-tabac-page .footer-cta .contact-card h3{
color:var(--blue);
}

.sevrage-tabac-page .footer-cta .profile-card p,
.sevrage-tabac-page .footer-cta .contact-card p,
.sevrage-tabac-page .footer-cta .callout p,
.sevrage-tabac-page .footer-cta .callout strong{
color:var(--ink);
}

.sevrage-tabac-page .footer-cta .callout{
padding:1rem 1.1rem;
  border-left:5px solid var(--gold);
  border-radius:14px;
}

.sevrage-tabac-page .footer-cta .callout-hero{
border-left:6px solid var(--gold);
  background:linear-gradient(135deg,#fff8ef 0%,#fff 100%);
  font-size:1.02rem;
}

.sevrage-tabac-page .footer-cta .callout-hero strong{
color:var(--blue);
}

.sevrage-tabac-page .footer-cta .tc-accordion,
.sevrage-tabac-page .footer-cta .tc-accordion-body,
.sevrage-tabac-page .footer-cta .tc-accordion p,
.sevrage-tabac-page .footer-cta .tc-accordion li{
color:var(--ink);
}

.sevrage-tabac-page .footer-cta .tc-accordion summary{
color:var(--blue);
}

.sevrage-tabac-page .contact-card{
padding:1rem;
  border:1px solid rgba(255,255,255,.35);
  border-radius:15px;
  background:rgba(255,255,255,.98);
  color:var(--ink);
}

.sevrage-tabac-page .contact-card h3{
margin-top:0;
  color:var(--blue);
}

.sevrage-tabac-page .contact-card p{
color:var(--ink);
}

.sevrage-tabac-page .contact-actions{
display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:.8rem;
}

.sevrage-tabac-page .contact-actions a{
display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.68rem .9rem;
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  background:#fff;
  color:var(--blue);
  font-weight:850;
  text-decoration:none;
}

.sevrage-tabac-page .contact-actions a.primary-contact{
background:var(--gold);
  color:#182536;
}

.sevrage-tabac-page .footer-cta .contact-actions a{
background:#fff;
  color:var(--blue);
}

.sevrage-tabac-page .footer-cta .contact-actions a.primary-contact{
background:var(--gold);
  color:#182536;
}

.sevrage-tabac-page .smartphone-note{
margin-top:1rem;
  padding:.9rem 1rem;
  border-left:5px solid var(--gold);
  border-radius:14px;
  background:rgba(255,255,255,.10);
  color:#fff;
}

.sevrage-tabac-page .smartphone-note p{
color:#fff;
}

/* ==========================================================================
   16 — TARIFS / PRIX
   ========================================================================== */

.sevrage-tabac-page .price-accordion .budget-grid{
margin:.8rem 0 0;
}

/* ==========================================================================
   17 — RESPONSIVE
   ========================================================================== */

@media (max-width:780px){
.sevrage-tabac-page .country-grid,
.sevrage-tabac-page .budget-grid,
.sevrage-tabac-page .result-grid,
.sevrage-tabac-page .profile-grid,
.sevrage-tabac-page .vape-grid,
.sevrage-tabac-page .craving-practice,
.sevrage-tabac-page .resistance-grid,
.sevrage-tabac-page .substances-grid,
.sevrage-tabac-page .fact-strip{
grid-template-columns:1fr;
}
}

@media (max-width:760px){
.sevrage-tabac-page{
width:min(100% - 18px,1040px);
    padding:1rem 0 3rem;
}

.sevrage-tabac-page section,
.sevrage-tabac-page .card,
.sevrage-tabac-page .hero{
margin:1rem 0;
    padding:1rem;
    border-radius:15px;
}

.sevrage-tabac-page h1{
font-size:1.65rem;
}

.sevrage-tabac-page h2{
font-size:1.22rem;
}

.sevrage-tabac-page .lead{
font-size:1rem;
}

.sevrage-tabac-page .toc-grid,
.sevrage-tabac-page .budget-common,
.sevrage-tabac-page .urge-steps,
.sevrage-tabac-page .contact-options{
grid-template-columns:1fr;
}

.sevrage-tabac-page .quiz-header{
flex-direction:column;
    gap:.35rem;
}

.sevrage-tabac-page .buttons{
flex-direction:column;
}

.sevrage-tabac-page .buttons button,
.sevrage-tabac-page .contact-actions a,
.sevrage-tabac-page .actions-sticky button{
width:100%;
}

.sevrage-tabac-page button{
min-height:44px;
}

.sevrage-tabac-page input[type="number"],
.sevrage-tabac-page input[type="text"],
.sevrage-tabac-page textarea,
.sevrage-tabac-page select{
max-width:100%;
    font-size:16px;
}

.sevrage-tabac-page .actions-sticky{
position:static;
    margin:1rem 0 0;
    padding:.8rem 0 0;
    border-top:1px solid rgba(255,255,255,.22);
    background:transparent;
}

.sevrage-tabac-page table{
display:block;
    overflow-x:auto;
    white-space:normal;
    font-size:.86rem;
}

.sevrage-tabac-page td,
.sevrage-tabac-page th{
min-width:140px;
}

.sevrage-tabac-page .toc-grid a{
padding:.7rem .75rem;
}

.sevrage-tabac-page .tc-accordion summary{
padding:.95rem 3rem .95rem .9rem;
}
}

@media (max-width:700px){
.sevrage-tabac-page .checkbox-grid{
grid-template-columns:1fr;
}
}

@media (max-width:620px){
.sevrage-tabac-page .timeline::before{
left:17px;
}

.sevrage-tabac-page .timeline-step{
grid-template-columns:38px minmax(0,1fr);
    gap:.7rem;
}

.sevrage-tabac-page .timeline-marker{
width:36px;
    height:36px;
}
}

/* ==========================================================================
   18 — PRINT
   ========================================================================== */

@media print{
.sevrage-tabac-page{
padding:0;
    background:#fff;
}

.sevrage-tabac-page{
width:100%;
    padding:0;
}

.sevrage-tabac-page .toc,
.sevrage-tabac-page .sources-block,
.sevrage-tabac-page .actions-sticky,
.sevrage-tabac-page button{
display:none!important;
}

.sevrage-tabac-page section,
.sevrage-tabac-page .card{
border:1px solid #ddd;
    box-shadow:none;
    break-inside:avoid;
}
}
/* ==========================================================================
   20 — OVERRIDES PRODUCTION 2026-05-03
   Header compact, boussole, mode rescue, audios, budget
   ========================================================================== */

.sevrage-tabac-page .quick-start{
  margin:.9rem 0;
  padding:.75rem .9rem;
  border-left:5px solid var(--blue);
  border-radius:12px;
  background:#f4f8fb;
}

.sevrage-tabac-page .quick-start strong{
  display:block;
  margin-bottom:.25rem;
  color:var(--blue);
}

.sevrage-tabac-page .quick-start ul{
  margin:.3rem 0 0;
  padding-left:1rem;
}

.sevrage-tabac-page .quick-start li{
  margin:.2rem 0;
  font-size:.92rem;
}

.sevrage-tabac-page .personal-note--accordion{
  padding:0;
}

.sevrage-tabac-page .personal-note--accordion summary{
  display:block;
  position:relative;
  padding:1rem 3rem 1rem 1.1rem;
  cursor:pointer;
  color:var(--deep-red);
  font-weight:850;
  list-style:none;
}

.sevrage-tabac-page .personal-note--accordion summary::-webkit-details-marker{
  display:none;
}

.sevrage-tabac-page .personal-note--accordion summary::after{
  content:"+";
  position:absolute;
  right:1rem;
  top:50%;
  transform:translateY(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  width:1.65rem;
  height:1.65rem;
  border-radius:50%;
  background:var(--deep-red);
  color:#fff;
  font-weight:900;
}

.sevrage-tabac-page .personal-note--accordion[open] summary::after{
  content:"−";
}

.sevrage-tabac-page .personal-note__content{
  padding:0 1.1rem 1rem;
  border-top:1px solid rgba(31,46,59,.08);
}

.sevrage-tabac-page .toc--boussole{
  margin:1.25rem 0;
  padding:1.2rem;
  border:1px solid rgba(31,46,59,.12);
  border-left:6px solid var(--gold);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 92% 0%, rgba(213,167,110,.18), transparent 34%),
    linear-gradient(180deg,#fffdf8 0%,#fff4e8 100%);
  box-shadow:0 14px 34px rgba(31,46,59,.07);
}

.sevrage-tabac-page .toc-boussole-head{
  display:flex;
  gap:.9rem;
  align-items:flex-start;
  margin-bottom:1rem;
}

.sevrage-tabac-page .toc-boussole-mark{
  position:relative;
  flex:0 0 46px;
  width:46px;
  height:46px;
  border:2px solid rgba(27,60,95,.24);
  border-radius:50%;
  background:
    radial-gradient(circle at center, rgba(213,167,110,.32) 0 18%, transparent 19%),
    linear-gradient(180deg,#fff 0%,#f7ead7 100%);
  box-shadow:inset 0 0 0 4px rgba(255,255,255,.72);
}

.sevrage-tabac-page .toc-boussole-mark::before,
.sevrage-tabac-page .toc-boussole-mark::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:2px;
  border-radius:2px;
  transform-origin:bottom center;
}

.sevrage-tabac-page .toc-boussole-mark::before{
  height:16px;
  background:var(--blue);
  transform:translate(-50%,-100%) rotate(28deg);
}

.sevrage-tabac-page .toc-boussole-mark::after{
  height:12px;
  background:var(--gold);
  transform:translate(-50%,-100%) rotate(-152deg);
}

.sevrage-tabac-page .toc-kicker{
  margin:0 0 .15rem;
  color:var(--copper);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sevrage-tabac-page .toc--boussole h2{
  margin:0 0 .25rem;
  color:var(--blue);
  font-size:1.18rem;
}

.sevrage-tabac-page .toc-intro{
  margin:0;
  max-width:62ch;
  color:var(--muted);
  font-size:.95rem;
}

.sevrage-tabac-page .toc-groups{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
}

.sevrage-tabac-page .toc-group{
  padding:.9rem;
  border:1px solid rgba(31,46,59,.1);
  border-radius:15px;
  background:rgba(255,255,255,.82);
}

.sevrage-tabac-page .toc-group h3{
  margin:0 0 .55rem;
  font-size:.95rem;
  color:var(--blue);
}

.sevrage-tabac-page .toc-group ul{
  display:grid;
  gap:.42rem;
  margin:0;
  padding:0;
  list-style:none;
}

.sevrage-tabac-page .toc-group a{
  display:block;
  padding:.48rem .58rem;
  border:1px solid rgba(31,46,59,.09);
  border-radius:11px;
  background:#fff;
  color:var(--blue);
  font-size:.9rem;
  font-weight:750;
  line-height:1.35;
  text-decoration:none;
}

.sevrage-tabac-page .toc-group a:hover,
.sevrage-tabac-page .toc-group a:focus{
  border-color:rgba(213,167,110,.55);
  background:#fff8ef;
}

.sevrage-tabac-page .toc-group--info{ border-top:4px solid var(--blue); }
.sevrage-tabac-page .toc-group--action{ border-top:4px solid var(--copper); }
.sevrage-tabac-page .toc-group--integration{ border-top:4px solid var(--deep-violet); }

.sevrage-tabac-page .budget-sense{
  margin:1rem 0;
  padding:1rem;
  border:1px solid rgba(31,46,59,.12);
  border-left:5px solid var(--green);
  border-radius:15px;
  background:
    radial-gradient(circle at 100% 0%, rgba(46,125,50,.09), transparent 34%),
    linear-gradient(180deg,#fff 0%,#f7fff7 100%);
}

.sevrage-tabac-page .budget-sense strong{
  display:block;
  color:var(--green);
  margin-bottom:.35rem;
}

.sevrage-tabac-page .budget-sense p{
  margin:.45rem 0;
}

.sevrage-tabac-page .budget-sense__question{
  font-style:italic;
  color:var(--muted);
}

.sevrage-tabac-page .rescue-block{
  margin:1.2rem 0;
  padding:1.15rem;
  border:1px solid rgba(139,63,43,.18);
  border-left:6px solid var(--copper);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0%, rgba(213,167,110,.12), transparent 34%),
    linear-gradient(180deg,#fff 0%,#fff4ec 100%);
  box-shadow:0 12px 28px rgba(31,46,59,.06);
}

.sevrage-tabac-page .rescue-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:1rem;
  margin-bottom:.6rem;
}

.sevrage-tabac-page .rescue-kicker{
  margin:0 0 .15rem;
  color:var(--copper);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sevrage-tabac-page .rescue-head h3{ margin:0; }

.sevrage-tabac-page .rescue-duration{
  flex:0 0 auto;
  padding:.28rem .65rem;
  border-radius:999px;
  background:rgba(139,63,43,.10);
  color:var(--copper2);
  font-size:.86rem;
  font-weight:850;
}

.sevrage-tabac-page .rescue-intro{
  max-width:72ch;
  margin:.45rem 0 .9rem;
  color:var(--ink);
}

.sevrage-tabac-page .rescue-visual{
  position:relative;
  height:108px;
  margin:1rem 0;
  overflow:hidden;
  border-radius:22px;
  border:1px solid rgba(139,63,43,.16);
  background:linear-gradient(180deg,#fffdf8 0%,#fff7ef 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
}

.sevrage-tabac-page .wave-track{
  position:absolute;
  inset:.6rem .7rem auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:.4rem;
  z-index:3;
}

.sevrage-tabac-page .wave-phase{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:1.55rem;
  padding:.16rem .42rem;
  border-radius:999px;
  background:#fff;
  font-size:.74rem;
  font-weight:900;
  line-height:1.1;
  text-align:center;
  border:2px solid currentColor;
  box-shadow:0 5px 12px rgba(31,46,59,.07);
}

.sevrage-tabac-page .wave-phase--start{ color:var(--deep-red); }
.sevrage-tabac-page .wave-phase--peak{ color:var(--copper); }
.sevrage-tabac-page .wave-phase--down{ color:var(--green); }
.sevrage-tabac-page .wave-phase--peace{ color:var(--blue); }

.sevrage-tabac-page .wave-shape{
  position:absolute;
  left:8%;
  right:8%;
  bottom:30px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,
    var(--deep-red) 0%,
    var(--copper) 34%,
    var(--gold) 52%,
    var(--green) 76%,
    var(--blue) 100%
  );
  opacity:.42;
  z-index:1;
}

.sevrage-tabac-page .wave-dot{
  position:absolute;
  left:8%;
  bottom:26px;
  width:22px;
  height:22px;
  border-radius:50%;
  background:var(--deep-red);
  border:3px solid #fff;
  box-shadow:
    0 0 0 5px rgba(124,31,22,.16),
    0 8px 18px rgba(31,46,59,.18);
  animation:sevrageWaveDotSmooth 6s cubic-bezier(.45,0,.25,1) infinite;
  z-index:4;
  will-change:transform, background-color, box-shadow;
}

@keyframes sevrageWaveDotSmooth{
  0%{ transform:translate(0,0); background:var(--deep-red); box-shadow:0 0 0 5px rgba(124,31,22,.18),0 8px 18px rgba(31,46,59,.18); }
  28%{ transform:translate(23vw,-18px); background:var(--copper); box-shadow:0 0 0 6px rgba(139,63,43,.22),0 8px 18px rgba(31,46,59,.18); }
  50%{ transform:translate(42vw,-38px); background:var(--gold); box-shadow:0 0 0 8px rgba(213,167,110,.30),0 10px 22px rgba(31,46,59,.20); }
  76%{ transform:translate(63vw,-14px); background:var(--green); box-shadow:0 0 0 6px rgba(46,125,50,.22),0 8px 18px rgba(31,46,59,.16); }
  100%{ transform:translate(78vw,0); background:var(--blue); box-shadow:0 0 0 5px rgba(27,60,95,.18),0 8px 18px rgba(31,46,59,.14); }
}

.sevrage-tabac-page .rescue-guidance{
  margin:.6rem 0 .75rem;
  color:var(--copper2);
  font-style:italic;
  font-weight:650;
}

.sevrage-tabac-page .rescue-block audio{
  width:100%;
  margin:.35rem 0;
}

.sevrage-tabac-page .rescue-header-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:.9rem;
  padding:.72rem 1rem;
  border-radius:999px;
  background:var(--copper);
  color:#fff;
  font-weight:850;
  text-decoration:none;
}

.sevrage-tabac-page .rescue-header-btn:hover,
.sevrage-tabac-page .rescue-header-btn:focus{
  background:var(--blue);
  color:#fff;
}

.sevrage-tabac-page .pulsion-audio-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.9rem;
  margin:1.1rem 0;
}

.sevrage-tabac-page .pulsion-audio-grid > .callout{
  grid-column:1 / -1;
}

.sevrage-tabac-page .audio-card{
  padding:1rem;
  border:1px solid rgba(31,46,59,.12);
  border-radius:16px;
  background:#fff;
  box-shadow:0 8px 20px rgba(31,46,59,.045);
}

.sevrage-tabac-page .audio-card h3{ margin-top:0; }

.sevrage-tabac-page .audio-card audio{
  width:100%;
  margin:.45rem 0;
}

.sevrage-tabac-page .audio-card--breath{ border-left:5px solid var(--gold); }
.sevrage-tabac-page .audio-card--coaching{ border-left:5px solid var(--blue); }

.sevrage-tabac-page .audio-action{
  margin:.7rem 0;
}

.sevrage-tabac-page .audio-btn{
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.2rem;
  padding:1rem;
  border-radius:14px;
  border:1px solid rgba(31,46,59,.12);
  background:#fff;
  font-weight:800;
  font-size:1rem;
  text-align:center;
  box-shadow:0 8px 20px rgba(31,46,59,.06);
}

.sevrage-tabac-page .audio-btn span{
  font-size:.85rem;
  font-weight:600;
  color:var(--muted);
}

.sevrage-tabac-page .audio-btn:active{
  transform:scale(.98);
}

.sevrage-tabac-page .audio-btn--rescue{
  background:linear-gradient(180deg,#fff5f2 0%,#ffe7df 100%);
  border-left:5px solid var(--deep-red);
  font-size:1.05rem;
}

@media(max-width:820px){
  .sevrage-tabac-page .toc-groups{ grid-template-columns:1fr; }
  .sevrage-tabac-page .toc-boussole-head{ gap:.75rem; }
  .sevrage-tabac-page .toc-boussole-mark{ flex-basis:40px; width:40px; height:40px; }
}

@media(max-width:760px){
  .sevrage-tabac-page .rescue-visual{ height:116px; }
  .sevrage-tabac-page .wave-track{ inset:.55rem .55rem auto; gap:.28rem; }
  .sevrage-tabac-page .wave-phase{ min-height:1.5rem; padding:.14rem .28rem; font-size:.68rem; }
  .sevrage-tabac-page .pulsion-audio-grid{ grid-template-columns:1fr; }
}

@media(prefers-reduced-motion:reduce){
  .sevrage-tabac-page .wave-dot{
    animation:none;
    transform:translate(42vw,-38px);
    background:var(--gold);
  }
}


/* ==========================================================================
   21 — HOTFIX PRODUCTION 2026-05-03
   Audio buttons + centrage accordéons + impression synthèse
   ========================================================================== */

/* Accordéons : centrer le disque + / − verticalement */
.sevrage-tabac-page .country-card summary::after,
.sevrage-tabac-page .science-item summary::after,
.sevrage-tabac-page .tc-accordion summary::after,
.sevrage-tabac-page .vape-accordion summary::after{
  top:50%;
  transform:translateY(-50%);
}

/* État audio en cours */
.sevrage-tabac-page .audio-btn.is-playing{
  background:linear-gradient(180deg,#fff3ef 0%,#ffe1d8 100%);
  border-color:rgba(124,31,22,.28);
  box-shadow:0 10px 24px rgba(124,31,22,.12);
}

.sevrage-tabac-page .audio-btn.is-playing::after{
  content:"Cliquer à nouveau pour mettre en pause";
  display:block;
  margin-top:.25rem;
  color:var(--deep-red);
  font-size:.78rem;
  font-weight:750;
}

/* Le lecteur reste caché, mais l'audio reste piloté par JS */
.sevrage-tabac-page .audio-action audio{
  display:none;
}

/* Impression synthèse : rien à afficher dans la page normale */
.sevrage-print-summary{
  display:none;
}

/* ==========================================================================
   22 — MINI-HUBS HAUT DE PAGE
   Orientation de lecture : première visite, retour, test, audio, budget...
   ========================================================================== */

.sevrage-tabac-page .sevrage-minihub{
  margin:1.2rem 0;
  padding:1.25rem;
  border:1px solid rgba(31,46,59,.12);
  border-left:6px solid var(--gold);
  border-radius:var(--radius);
  background:
    radial-gradient(circle at 96% 0%, rgba(213,167,110,.18), transparent 34%),
    linear-gradient(180deg,#fffdf8 0%,#fff6ec 100%);
  box-shadow:0 14px 34px rgba(31,46,59,.07);
}

.sevrage-tabac-page .sevrage-minihub .mini-eyebrow{
  margin:0 0 .25rem;
  color:var(--copper);
  font-size:.78rem;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sevrage-tabac-page .sevrage-minihub h2{
  margin:0 0 .35rem;
  color:var(--blue);
  font-size:1.22rem;
}

.sevrage-tabac-page .sevrage-minihub > p:not(.mini-eyebrow){
  max-width:68ch;
  color:var(--muted);
}

.sevrage-tabac-page .minihub-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:.75rem;
  margin-top:1rem;
}

.sevrage-tabac-page .minihub-card{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.55rem .7rem;
  align-items:start;
  min-height:100%;
  padding:.9rem;
  border:1px solid rgba(31,46,59,.11);
  border-radius:15px;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 8px 20px rgba(31,46,59,.045);
  transition:
    transform .16s ease,
    box-shadow .2s ease,
    border-color .2s ease,
    background .2s ease;
}

.sevrage-tabac-page .minihub-card:hover,
.sevrage-tabac-page .minihub-card:focus{
  transform:translateY(-2px);
  border-color:rgba(213,167,110,.55);
  background:#fffaf3;
  box-shadow:0 14px 28px rgba(31,46,59,.075);
  color:var(--ink);
}

.sevrage-tabac-page .minihub-card:focus-visible{
  outline:2px solid rgba(213,167,110,.65);
  outline-offset:3px;
}

.sevrage-tabac-page .mini-icon{
  grid-row:1 / span 2;
  display:flex;
  align-items:center;
  justify-content:center;
  width:2.2rem;
  height:2.2rem;
  border-radius:50%;
  background:rgba(139,63,43,.09);
  font-size:1.12rem;
}

.sevrage-tabac-page .minihub-card strong{
  display:block;
  margin:.05rem 0 .18rem;
  color:var(--blue);
  font-size:.98rem;
  line-height:1.25;
}

.sevrage-tabac-page .minihub-card span:last-child{
  color:var(--muted);
  font-size:.9rem;
  line-height:1.45;
}

.sevrage-tabac-page .minihub-card--audio{
  border-left:5px solid var(--deep-red);
}

.sevrage-tabac-page .minihub-card--test{
  border-left:5px solid var(--copper);
}

.sevrage-tabac-page .minihub-card--budget{
  border-left:5px solid var(--green);
}

.sevrage-tabac-page .minihub-card--prepare{
  border-left:5px solid var(--gold);
}

.sevrage-tabac-page .minihub-card--resistance{
  border-left:5px solid var(--deep-violet);
}

.sevrage-tabac-page .minihub-card--complete{
  border-left:5px solid var(--blue);
}

@media(max-width:900px){
  .sevrage-tabac-page .minihub-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:640px){
  .sevrage-tabac-page .sevrage-minihub{
    padding:1rem;
  }

  .sevrage-tabac-page .minihub-grid{
    grid-template-columns:1fr;
  }

  .sevrage-tabac-page .minihub-card{
    padding:.85rem;
  }
}

.sevrage-tabac-page .minihub-card{
  position:relative;
  padding-right:2.6rem; /* espace pour la flèche */
}

.sevrage-tabac-page .minihub-card::after{
  content:"→";
  position:absolute;
  right:.9rem;
  top:50%;
  transform:translateY(-50%);
  font-size:1.1rem;
  color:rgba(31,46,59,.35);
  transition:transform .2s ease, color .2s ease;
}

.sevrage-tabac-page .minihub-card:hover::after{
  transform:translateY(-50%) translateX(3px);
  color:var(--copper);
}

.sevrage-tabac-page .minihub-card:active{
  transform:translateY(0);
  box-shadow:0 4px 10px rgba(31,46,59,.08);
}

.sevrage-tabac-page .minihub-card{
  border-bottom:2px solid transparent;
}

.sevrage-tabac-page .minihub-card:hover{
  border-bottom:2px solid var(--gold);
}

.sevrage-tabac-page .minihub-card--audio{
  position:relative;
  overflow:hidden;
}

.sevrage-tabac-page .minihub-card--audio::before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:linear-gradient(
    90deg,
    var(--deep-red),
    var(--copper),
    var(--gold),
    var(--green),
    var(--blue)
  );
  opacity:.4;
}

.sevrage-tabac-page .minihub-card--test .mini-icon{
  background:rgba(139,63,43,.12);
  box-shadow:0 0 0 4px rgba(139,63,43,.08);
}

.sevrage-tabac-page .minihub-card--budget{
  background:linear-gradient(180deg,#fff 0%,#f6fff6 100%);
}

.sevrage-tabac-page .minihub-card--prepare::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:4px;
  background:var(--gold);
  opacity:.5;
}

.sevrage-tabac-page .minihub-card--resistance{
  background:linear-gradient(180deg,#fff 0%,#fff4f2 100%);
}

.sevrage-tabac-page .minihub-card--complete{
  border:2px solid rgba(27,60,95,.15);
}

.sevrage-tabac-page .minihub-card{
  transition:all .18s ease;
}

.sevrage-tabac-page .minihub-card:hover{
  transform:translateY(-2px);
}

.sevrage-tabac-page .minihub-card strong{
  text-decoration:underline;
  text-decoration-color:rgba(31,46,59,.15);
}

/* ==========================================================================
   23 — MINI-NAV INTERNE COMPACTE
   Pour longues pages : reprise d'orientation entre deux blocs
   ========================================================================== */

.sevrage-tabac-page .sevrage-inline-nav{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.38rem;
  margin:1.15rem 0;
  padding:.65rem .75rem;
  border:1px solid rgba(31,46,59,.10);
  border-left:4px solid var(--gold);
  border-radius:14px;
  background:rgba(255,253,248,.92);
  box-shadow:0 6px 16px rgba(31,46,59,.04);
  font-size:.9rem;
}

.sevrage-tabac-page .sevrage-inline-nav span{
  color:var(--muted);
  font-weight:750;
}

.sevrage-tabac-page .sevrage-inline-nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.28rem .58rem;
  border:1px solid rgba(31,46,59,.10);
  border-radius:999px;
  background:#fff;
  color:var(--blue);
  font-weight:800;
  line-height:1.25;
  text-decoration:none;
}

.sevrage-tabac-page .sevrage-inline-nav a:hover,
.sevrage-tabac-page .sevrage-inline-nav a:focus{
  border-color:rgba(213,167,110,.55);
  background:#fff8ef;
  color:var(--copper);
}

@media(max-width:640px){
  .sevrage-tabac-page .sevrage-inline-nav{
    position:relative;
    gap:.32rem;
    padding:.6rem;
    font-size:.86rem;
  }

  .sevrage-tabac-page .sevrage-inline-nav span{
    flex:1 0 100%;
  }

  .sevrage-tabac-page .sevrage-inline-nav a{
    flex:1 1 auto;
    min-height:38px;
  }
}



/* ==========================================================================
   QR CODE — page sevrage
   ========================================================================== */

.sevrage-tabac-page .qr-code,
.sevrage-tabac-page .qrcode,
.sevrage-tabac-page img[src*="qrcode-sevrage"]{
  display:block;
  width:120px;
  max-width:38vw;
  height:auto;
  margin:.75rem auto;
  border:1px solid rgba(31,46,59,.12);
  border-radius:12px;
  background:#fff;
  padding:.45rem;
  box-shadow:0 6px 16px rgba(31,46,59,.06);
}

@media(max-width:640px){
  .sevrage-tabac-page .qr-code,
  .sevrage-tabac-page .qrcode,
  .sevrage-tabac-page img[src*="qrcode-sevrage"]{
    width:104px;
    max-width:42vw;
  }
}

.sevrage-tabac-page .sevrage-qrcode{
  max-width:150px;
  margin:1rem auto;
  text-align:center;
  color:var(--muted);
  font-size:.82rem;
}

.sevrage-tabac-page .sevrage-qrcode img{
  display:block;
  width:120px;
  height:120px;
  margin:0 auto .35rem;
  padding:.45rem;
  border:1px solid rgba(31,46,59,.12);
  border-radius:12px;
  background:#fff;
}


/* ==========================================================================
   SEVRAGE — Maillage vers les pages utiles
   ========================================================================== */

.sevrage-tabac-page .sevrage-next-links{
  border-left:6px solid var(--blue);
  background:
    radial-gradient(circle at 96% 0%, rgba(27,60,95,.10), transparent 34%),
    linear-gradient(180deg,#fff 0%,#f5f8fb 100%);
}

.sevrage-tabac-page .sevrage-next-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.85rem;
  margin-top:1rem;
}

.sevrage-tabac-page .sevrage-next-grid a{
  display:block;
  padding:1rem;
  border:1px solid rgba(31,46,59,.12);
  border-radius:15px;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  box-shadow:0 8px 20px rgba(31,46,59,.045);
}

.sevrage-tabac-page .sevrage-next-grid a:hover,
.sevrage-tabac-page .sevrage-next-grid a:focus{
  border-color:rgba(213,167,110,.55);
  background:#fffaf3;
}

.sevrage-tabac-page .sevrage-next-grid strong{
  display:block;
  margin-bottom:.25rem;
  color:var(--blue);
}

.sevrage-tabac-page .sevrage-next-grid span{
  display:block;
  color:var(--muted);
  font-size:.92rem;
  line-height:1.45;
}

@media(max-width:760px){
  .sevrage-tabac-page .sevrage-next-grid{
    grid-template-columns:1fr;
  }
}

/* ==========================================================================
   SEVRAGE — Actions de fin de page non flottantes
   Évite le masquage du QR code et des textes de conclusion
   ========================================================================== */

.sevrage-tabac-page .conclusion .actions-sticky{
  position: static !important;
  z-index: auto;
  margin: 1.2rem 0;
  padding: .8rem 0 0;
  border-top: 1px solid var(--line);
  background: transparent;
  backdrop-filter: none;
}


.conclusion-share .share-trust-inner{
  margin-top:1.35rem;
  padding:1.1rem 1rem;
  border:1px solid rgba(213,167,110,.35);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#fffaf2 100%);
}

.conclusion-share .share-trust-inner h3{
  margin-top:0;
  color:var(--blue);
}

.share-trust-actions{
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:1rem 0;
}

.share-trust-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:.68rem .95rem;
  border:1px solid rgba(31,46,59,.14);
  border-radius:999px;
  background:#fff;
  color:var(--blue);
  font:inherit;
  font-weight:850;
  text-decoration:none;
  cursor:pointer;
}

.share-trust-btn--primary{
  background:var(--gold);
  color:#182536;
}

.share-trust-btn:hover{
  transform:translateY(-1px);
  border-color:rgba(139,63,43,.32);
}

.share-trust-note{
  margin:.8rem 0 0;
  color:var(--muted);
  font-size:.94rem;
}

@media(max-width:760px){
  .share-trust-actions{
    flex-direction:column;
  }

  .share-trust-btn{
    width:100%;
  }
}

/* ==========================================================================
   SEVRAGE — Pleine largeur mobile
   ========================================================================== */

@media (max-width:760px){
  .sevrage-tabac-page{
    width:100% !important;
    max-width:100% !important;
    padding:1rem 0 3rem !important;
  }

  .sevrage-tabac-page section,
  .sevrage-tabac-page .card,
  .sevrage-tabac-page .hero{
    border-radius:0;
    border-left-width:5px;
    border-right:0;
  }
}