/* Émotion tile theme: lavande/violet assombri pour texte blanc */
    .hero { background: linear-gradient(135deg, #8B7AB8 0%, #6E5BA0 100%); }

    /* Encadrés "Derrière chaque émotion" */
    .emotion-card {
      background: var(--cream-tile);
      border-left: 4px solid #8B7AB8;
      padding: 22px 26px;
      border-radius: 8px;
      margin: 18px 0;
    }
    .emotion-card h3 { color: #6E5BA0 !important; margin-bottom: 10px !important; }
    .emotion-card .pull-quote-inner {
      font-style: italic;
      color: var(--prune);
      margin: 12px 0;
      padding-left: 14px;
      border-left: 2px solid #8B7AB8;
    }

    /* Quiz — step-by-step (réutilise le moteur Maman, adapté à 8 Q / 3 résultats par majorité) */
    .quiz-wrap {
      background: var(--cream-tile);
      border-radius: 18px;
      padding: 40px 36px;
      margin-top: 50px;
    }
    .quiz-wrap h2 { color: #6E5BA0; }
    .quiz-intro { font-style: italic; opacity: 0.85; margin-bottom: 28px; }

    .quiz-progress { margin-bottom: 32px; }
    .quiz-progress-bar {
      height: 8px;
      background: rgba(110,91,160,0.12);
      border-radius: 50px;
      overflow: hidden;
    }
    .quiz-progress-fill {
      height: 100%;
      background: #8B7AB8;
      width: 12.5%;
      border-radius: 50px;
      transition: width 0.4s ease;
    }
    .quiz-progress-label {
      margin-top: 10px; text-align: center;
      font-size: 0.78rem; opacity: 0.7;
      text-transform: uppercase; letter-spacing: 1.2px;
      font-weight: 700;
    }

    .quiz-step { display: none; }
    .quiz-step.active { display: block; animation: quizFadeIn 0.4s ease; }
    @keyframes quizFadeIn {
      from { opacity: 0; transform: translateY(10px); }
      to { opacity: 1; transform: translateY(0); }
    }

    .quiz-question {
      font-size: 1.15rem; font-weight: 700; color: var(--prune);
      line-height: 1.4;
      margin-bottom: 18px;
    }
    .quiz-options { display: flex; flex-direction: column; gap: 10px; }
    .quiz-option {
      padding: 14px 22px;
      border: 2px solid rgba(139,122,184,0.22);
      border-radius: 14px;
      background: #fff;
      font-family: 'Quicksand', sans-serif;
      font-size: 0.98rem; font-weight: 600;
      color: var(--charcoal);
      cursor: pointer;
      transition: border-color 0.2s, background 0.2s, transform 0.2s;
      text-align: left;
    }
    .quiz-option:hover {
      border-color: #8B7AB8;
      background: rgba(139,122,184,0.07);
      transform: translateX(4px);
    }

    .quiz-result-card {
      padding: 28px;
      background: #fff;
      border-radius: 16px;
      border-left: 4px solid #8B7AB8;
    }
    .quiz-result-card.explosion { border-left-color: var(--terracotta); }
    .quiz-result-card.retenue   { border-left-color: var(--gold-tile); }
    .quiz-result-card.securisee { border-left-color: #6BA890; }
    .quiz-result-card h3 {
      color: var(--prune); font-size: 1.2rem;
      margin-bottom: 12px; font-weight: 700;
    }
    .quiz-result-card p { margin-bottom: 12px; }
    .quiz-result-card .quiz-result-cta {
      display: inline-block; margin-top: 8px; margin-right: 10px;
      background: #8B7AB8; color: #fff !important;
      padding: 12px 28px; border-radius: 50px;
      font-weight: 700; font-size: 0.85rem;
      text-decoration: none !important;
      text-transform: uppercase; letter-spacing: 1px;
      transition: background 0.2s, transform 0.2s;
    }
    .quiz-result-card .quiz-result-cta:hover { background: #6E5BA0; transform: translateY(-2px); }
    .quiz-restart {
      display: inline-block; margin-top: 8px;
      background: transparent; color: #8B7AB8;
      border: 2px solid #8B7AB8;
      padding: 10px 22px; border-radius: 50px;
      font-family: 'Quicksand', sans-serif;
      font-weight: 700; font-size: 0.82rem;
      text-transform: uppercase; letter-spacing: 1px;
      cursor: pointer;
      transition: background 0.2s, color 0.2s;
    }
    .quiz-restart:hover { background: #D5C8E6; color: var(--prune); }

    @media (max-width: 720px) {
      .quiz-wrap { padding: 26px 20px; }
      .quiz-question { font-size: 1.05rem; }
    }

    /* Teaser coffret "bientôt" */
    .coffret-teaser {
      margin-top: 50px;
      padding: 40px 32px;
      background: var(--banner-grad);
      color: #fff;
      border-radius: 18px;
      text-align: left;
    }
    .coffret-teaser .badge {
      display: inline-block;
      background: #8B7AB8; color: #fff;
      padding: 6px 14px; border-radius: 50px;
      font-size: 0.72rem; text-transform: uppercase; letter-spacing: 1.4px;
      font-weight: 700;
      margin-bottom: 16px;
    }
    .coffret-teaser h2 { color: #fff !important; margin-bottom: 14px; font-size: 1.6rem; }
    .coffret-teaser h3 { color: #D5C8E6 !important; margin-top: 22px; margin-bottom: 8px; }
    .coffret-teaser p { color: rgba(255,255,255,0.94); margin-bottom: 14px; }
    .coffret-teaser ul.bullets li {
      border-bottom-color: rgba(255,255,255,0.14);
      color: rgba(255,255,255,0.94);
    }
    .coffret-teaser ul.bullets li::before { color: #D5C8E6; }
    .coffret-teaser .coffret-note {
      margin-top: 14px; font-style: italic; opacity: 0.94; font-size: 0.98rem;
    }
    /* Mise en avant SOS Zen (pack déjà en vente) */
    .coffret-teaser.zen-highlight .badge { background: var(--gold-tile); }
    .coffret-teaser .coffret-prix {
      display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap;
      margin: 24px 0 20px; padding-top: 20px;
      border-top: 1px solid rgba(255,255,255,0.16);
    }
    .coffret-teaser .coffret-prix .prix { font-size: 2.2rem; font-weight: 700; color: #fff; line-height: 1; }
    .coffret-teaser .coffret-prix .prix-note { font-size: 0.9rem; color: rgba(255,255,255,0.92); }
    .coffret-teaser .coffret-actions { display: flex; gap: 12px; flex-wrap: wrap; }
    .coffret-teaser .btn-coffret {
      display: inline-block; background: var(--terracotta); color: #fff !important;
      border-radius: 999px; padding: 14px 26px; font-weight: 700; letter-spacing: 0.03em;
      text-decoration: none !important; transition: background 0.2s, transform 0.2s;
    }
    .coffret-teaser .btn-coffret:hover { background: var(--terracotta-dark); transform: translateY(-2px); }
    .coffret-teaser .btn-coffret.ghost {
      background: transparent; border: 2px solid rgba(255,255,255,0.5); padding: 12px 24px;
    }
    .coffret-teaser .btn-coffret.ghost:hover { background: rgba(255,255,255,0.12); border-color: #fff; }

    @media (max-width: 640px) {
      .coffret-teaser { padding: 30px 22px; }
      .coffret-teaser h2 { font-size: 1.35rem; }
      .coffret-teaser .coffret-actions { flex-direction: column; }
      .coffret-teaser .btn-coffret { text-align: center; }
    }