
    /* Vacances theme: bleu ciel assombri pour texte blanc lisible */
    .hero { background: linear-gradient(135deg, #6E9CC7 0%, #4A7AAA 100%); }

    /* Les 3 temps */
    .temps-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 14px;
      margin: 22px 0 28px;
    }
    .temps-card {
      background: var(--cream-tile);
      border-top: 4px solid #6E9CC7;
      border-radius: 14px;
      padding: 22px 20px;
      text-align: center;
    }
    .temps-card .temps-num {
      font-size: 0.72rem; text-transform: uppercase; letter-spacing: 1.4px;
      color: #4A7AAA; font-weight: 700; margin-bottom: 6px;
    }
    .temps-card .temps-title {
      font-size: 1.05rem; font-weight: 700; color: var(--prune); margin-bottom: 8px;
    }
    .temps-card .temps-desc {
      font-size: 0.9rem; line-height: 1.5; color: var(--charcoal); opacity: 0.85;
    }
    @media (max-width: 720px) { .temps-grid { grid-template-columns: 1fr; } }

    /* Pilier card */
    .prep-card {
      background: var(--cream-tile);
      border-left: 4px solid #6E9CC7;
      padding: 22px 26px;
      border-radius: 8px;
      margin: 18px 0;
    }
    .prep-card h3 { color: #4A7AAA !important; margin-bottom: 8px !important; }

    /* Pièges vs Pépites */
    .compare-block {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin: 22px 0 28px;
    }
    .compare-card {
      padding: 22px 24px;
      border-radius: 14px;
    }
    .compare-card.pieges {
      background: rgba(192,107,62,0.08);
      border-left: 4px solid var(--terracotta);
    }
    .compare-card.pepites {
      background: rgba(107,168,144,0.10);
      border-left: 4px solid #6BA890;
    }
    .compare-card h3 {
      font-size: 0.85rem !important; text-transform: uppercase; letter-spacing: 1.4px;
      margin-bottom: 10px !important;
    }
    .compare-card.pieges h3   { color: var(--terracotta) !important; }
    .compare-card.pepites h3  { color: #4F8975 !important; }
    .compare-card ul.bullets li::before { color: inherit; }
    .compare-card.pieges  ul.bullets li::before { content: '✕'; color: var(--terracotta); }
    .compare-card.pepites ul.bullets li::before { content: '✦'; color: #6BA890; }
    @media (max-width: 640px) { .compare-block { grid-template-columns: 1fr; } }

    /* Teaser coffret */
    .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: #6E9CC7; color: var(--prune);
      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 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: #A8C8E8; }
    .coffret-teaser .coffret-note {
      margin-top: 14px; font-style: italic; opacity: 0.94; font-size: 0.98rem;
    }
    @media (max-width: 640px) {
      .coffret-teaser { padding: 30px 22px; }
      .coffret-teaser h2 { font-size: 1.35rem; }
    }
  
