/* ===== WRAPPER PREMIUM ===== */
      .batik-water-wrapper {
        background: #ffffff;
        padding: 28px 20px;
      }

      .batik-water-box {
        border-radius: 40px;
        overflow: hidden;
        box-shadow: 0 34px 96px rgba(15, 23, 42, .18);
      }

      /* ===== HERO DÉGÂT DES EAUX – Bat'ik ===== */
      .batik-water-hero {
        --blue: #264f8f;
        --blue2: #1f427b;
        --text: #ffffff;
        --muted: rgba(255, 255, 255, .90);
        --cta: #f36b3b;

        padding: 74px 20px;
        background:
          radial-gradient(900px 500px at 15% 20%, rgba(255, 255, 255, .12), transparent 60%),
          linear-gradient(135deg, var(--blue2), var(--blue));
        color: var(--text);
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      }

      .batik-water-hero * {
        box-sizing: border-box;
      }

      .batik-water-hero h1,
      .batik-water-hero p {
        margin: 0;
        font-family: inherit;
      }

      .batik-water-hero .wrap {
        max-width: 1100px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1.12fr .88fr;
        gap: 42px;
        align-items: center;
      }

      .batik-water-copy {
        display: flex;
        flex-direction: column;
        gap: 18px;
      }

      .batik-water-copy h1 {
        color: var(--text);
        font-weight: 950;
        font-size: clamp(28px, 3.8vw, 46px);
        line-height: 1.10;
        letter-spacing: -0.02em;
      }

      .batik-water-copy .desc {
        color: var(--muted);
        font-size: 16.5px;
        line-height: 1.75;
        max-width: 600px;
        font-weight: 650;
      }

      .batik-water-copy .desc strong {
        color: #fff;
        font-weight: 950;
      }

      .batik-water-badges {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 6px;
      }

      .batik-water-badge {
        background: rgba(255, 255, 255, .12);
        border: 1px solid rgba(255, 255, 255, .16);
        color: #fff;
        padding: 10px 14px;
        border-radius: 999px;
        font-weight: 850;
        font-size: 13.5px;
      }

      .batik-water-cta {
        margin-top: 14px;
        width: 100%;
        display: flex;
        justify-content: center;
        gap: 12px;
      }

      .batik-water-cta a {
        background: var(--cta);
        color: #fff;
        text-decoration: none;
        font-weight: 950;
        padding: 14px 28px;
        border-radius: 999px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0 18px 40px rgba(243, 107, 59, .26);
        transition: transform .15s ease, filter .15s ease;
      }

      .batik-water-cta .btn-secondary {
        background: #fff;
        color: var(--blue2);
        box-shadow: none;
      }

      .batik-water-cta a:hover {
        transform: translateY(-1px);
        filter: brightness(.96);
      }

      .batik-water-media {
        display: flex;
        justify-content: flex-end;
        align-items: center;
      }

      .batik-water-img {
        width: 100%;
        max-width: 460px;
        border-radius: 30px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .18);
        box-shadow: 0 28px 60px rgba(0, 0, 0, .22);
        background: #ffffff;
      }

      .batik-water-img img {
        width: 100%;
        height: 360px;
        object-fit: cover;
        display: block;
      }

      @media (max-width:980px) {
        .batik-water-wrapper {
          padding: 18px 14px;
        }

        .batik-water-box {
          border-radius: 28px;
        }

        .batik-water-hero {
          padding: 56px 16px;
        }

        .batik-water-hero .wrap {
          grid-template-columns: 1fr;
          gap: 26px;
          text-align: center;
        }

        .batik-water-media {
          justify-content: center;
        }

        .batik-water-copy .desc {
          max-width: none;
        }

        .batik-water-img img {
          height: 320px;
        }

        .batik-water-cta {
          flex-direction: column;
          align-items: stretch;
        }

        .batik-water-cta a {
          justify-content: center;
        }
      }
      /* ===== Wrapper premium (bords arrondis du bloc) ===== */
      .batik-dde-wrapper {
        font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
        background: #ffffff;
        padding: 26px 20px;
      }

      .batik-dde-wrapper * {
        font-family: inherit;
      }

      .batik-dde-box {
        border-radius: 38px;
        overflow: hidden;
        box-shadow: 0 32px 90px rgba(15, 23, 42, .22);
      }

      /* ===== Section (haut blanc) ===== */
      .batik-dde-intro {
        background: #fff;
      }

      .batik-dde-intro * {
        box-sizing: border-box;
      }

      .batik-dde-intro .inner {
        max-width: 1100px;
        margin: 0 auto;
        padding: 64px 20px 46px;
        text-align: center;
      }

      .batik-dde-kicker {
        font-size: 13px;
        letter-spacing: .22em;
        text-transform: uppercase;
        font-weight: 900;
        color: #0f2f55;
        opacity: .8;
        margin-bottom: 12px;
      }

      .batik-dde-title {
        margin: 0;
        font-weight: 950;
        letter-spacing: -0.02em;
        line-height: 1.05;
        font-size: clamp(30px, 3.6vw, 54px);
        color: #0b1b2b;
      }

      .batik-dde-sub {
        margin: 16px auto 0;
        max-width: 820px;
        color: #3c4a5a;
        line-height: 1.75;
        font-size: 16.5px;
        font-weight: 650;
      }

      .batik-dde-sub strong {
        font-weight: 950;
        color: #0b1b2b;
      }

      /* ===== Grande zone bleue ===== */
      .batik-dde-steps {
        --blue: #264f8f;
        --blue2: #1f427b;
        --text: #ffffff;
        --muted: rgba(255, 255, 255, .90);
        --cta: #f36b3b;
        --check: #66f0b5;

        background:
          radial-gradient(1100px 520px at 20% 10%, rgba(255, 255, 255, .10), transparent 58%),
          linear-gradient(135deg, var(--blue2), var(--blue));
        padding: 22px 0 36px;
      }

      .batik-dde-steps * {
        box-sizing: border-box;
      }

      /* ===== Carte étape ===== */
      .batik-step {
        max-width: 1200px;
        margin: 22px auto;
        padding: 0 20px;
      }

      .batik-step-card {
        border-radius: 34px;
        overflow: hidden;
        background: rgba(255, 255, 255, .06);
        border: 1px solid rgba(255, 255, 255, .12);
        box-shadow: 0 26px 70px rgba(0, 0, 0, .20);
      }

      .batik-step-inner {
        padding: 34px 34px;
        display: grid;
        grid-template-columns: 1.02fr 0.98fr;
        gap: 32px;
        align-items: center;
      }

      /* Titre étape */
      .batik-step-h3 {
        margin: 0 0 14px;
        color: var(--text);
        font-weight: 950;
        letter-spacing: -0.02em;
        line-height: 1.1;
        font-size: clamp(22px, 2.5vw, 34px);
      }

      /* Liste points */
      .batik-step-points {
        display: grid;
        gap: 14px;
      }

      .batik-point {
        display: flex;
        gap: 12px;
        align-items: flex-start;
      }

      .batik-point .ic {
        width: 28px;
        height: 28px;
        border-radius: 999px;
        background: rgba(102, 240, 181, .16);
        border: 1px solid rgba(102, 240, 181, .40);
        color: var(--check);
        font-weight: 950;
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 28px;
        margin-top: 3px;
      }

      .batik-point p {
        margin: 0;
        color: var(--muted);
        line-height: 1.7;
        font-size: 15.5px;
        font-weight: 650;
      }

      .batik-point p strong {
        color: #fff;
        font-weight: 950;
      }

      /* CTA (centré sous texte) */
      .batik-step-cta {
        margin-top: 18px;
        display: flex;
        gap: 12px;
        justify-content: center;
      }

      .batik-step-cta a {
        background: var(--cta);
        color: #fff;
        text-decoration: none;
        font-weight: 950;
        padding: 14px 26px;
        border-radius: 999px;
        display: inline-flex;
        gap: 10px;
        align-items: center;
        box-shadow: 0 18px 36px rgba(243, 107, 59, .30);
        transition: transform .15s ease, filter .15s ease;
      }

      .batik-step-cta a:hover {
        transform: translateY(-1px);
        filter: brightness(.96);
      }

      /* Media */
      .batik-step-media {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .batik-step-img {
        width: 100%;
        max-width: 520px;
        border-radius: 28px;
        overflow: hidden;
        border: 1px solid rgba(255, 255, 255, .14);
        box-shadow: 0 24px 60px rgba(0, 0, 0, .28);
        background: #fff;
      }

      .batik-step-img img {
        width: 100%;
        height: 320px;
        object-fit: cover;
        display: block;
      }

      /* Variante: image à droite/gauche (desktop) */
      .batik-step--reverse .batik-step-inner {
        grid-template-columns: 0.98fr 1.02fr;
      }

      .batik-step--reverse .batik-step-media {
        order: 2;
      }

      .batik-step--reverse .batik-step-content {
        order: 1;
      }

      /* ===== Responsive (FIX ZYRO) ===== */
      @media (max-width:980px) {
        .batik-dde-wrapper {
          padding: 18px 14px;
        }

        .batik-dde-box {
          border-radius: 28px;
        }

        .batik-dde-intro .inner {
          padding: 52px 16px 34px;
          text-align: center;
        }

        .batik-step {
          padding: 0 14px;
        }

        .batik-step-inner {
          display: flex;
          flex-direction: column;
          padding: 26px 18px;
          gap: 22px;
          align-items: stretch;
        }

        .batik-step-media {
          order: 1 !important;
          width: 100%;
          justify-content: center;
        }

        .batik-step-content {
          order: 2 !important;
          width: 100%;
          text-align: center;
        }

        .batik-step-h3 {
          text-align: center;
        }

        .batik-step-points {
          justify-items: center;
        }

        .batik-point {
          max-width: 560px;
          margin: 0 auto;
          justify-content: center;
          text-align: left;
        }

        .batik-step-cta {
          flex-direction: column;
        }

        .batik-step-cta a {
          justify-content: center;
        }

        .batik-step-img img {
          height: 260px;
        }
      }
        #batik-degats-recap {
          --blue: #264f8f;
          --blue2: #1f427b;
          --blue3: #0b3a78;
          --text: #0b1f33;
          --muted: #4b5563;
          --card: #ffffff;
          --soft: #f7f9ff;
          --border: #e6ebff;
          --cta: #f36b3b;
          --check: #2ecc71;

          /* ✅ Police Bat'ik forcée au root du bloc */
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          background: #ffffff;
          padding: 28px 20px 68px;
          color: var(--text);
        }

        /* ✅ IMPORTANT : tout le bloc hérite bien de la police */
        #batik-degats-recap *,
        #batik-degats-recap *::before,
        #batik-degats-recap *::after {
          box-sizing: border-box;
          font-family: inherit;
        }

        /* ===== WRAPPER PREMIUM (bords arrondis du bloc) ===== */
        #batik-degats-recap .wrapper {
          max-width: 1180px;
          margin: 0 auto;
          background: #fff;
          border-radius: 42px;
          overflow: hidden;
          box-shadow: 0 34px 95px rgba(15, 23, 42, .18);
          border: 1px solid rgba(15, 23, 42, .06);
        }

        /* ===== HEADER / INTRO ===== */
        #batik-degats-recap .head {
          padding: 54px 22px 30px;
          text-align: center;
          background:
            radial-gradient(900px 380px at 20% 10%, rgba(38, 79, 143, .10), transparent 60%),
            linear-gradient(180deg, #ffffff 0%, #ffffff 65%, #f7f9ff 100%);
        }

        #batik-degats-recap .kicker {
          font-size: 12px;
          letter-spacing: .18em;
          text-transform: uppercase;
          color: var(--blue3);
          font-weight: 900;
          margin-bottom: 10px;
        }

        #batik-degats-recap h2 {
          margin: 0 auto 10px;
          max-width: 980px;
          font-size: clamp(26px, 3.4vw, 44px);
          font-weight: 950;
          letter-spacing: -0.02em;
          color: #0b2748;
          line-height: 1.1;
        }

        #batik-degats-recap .intro {
          margin: 0 auto;
          max-width: 920px;
          font-size: 14.5px;
          line-height: 1.75;
          color: var(--muted);
        }

        #batik-degats-recap .intro strong {
          color: #0b2748;
          font-weight: 900;
        }

        /* ===== INFO STRIP ===== */
        #batik-degats-recap .tipline {
          margin: 22px auto 0;
          max-width: 980px;
          padding: 18px 16px;
          border-radius: 18px;
          background: #ffffff;
          border: 1px solid var(--border);
          box-shadow: 0 12px 28px rgba(15, 23, 42, .08);
          display: flex;
          gap: 12px;
          align-items: flex-start;
          justify-content: center;
          text-align: left;
        }

        #batik-degats-recap .tipline .bulb {
          width: 38px;
          height: 38px;
          border-radius: 14px;
          background: rgba(38, 79, 143, .12);
          color: var(--blue3);
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 900;
          flex: 0 0 38px;
          margin-top: 2px;
        }

        #batik-degats-recap .tipline p {
          margin: 0;
          color: #1f2a44;
          font-size: 14px;
          line-height: 1.65;
          font-weight: 650;
        }

        #batik-degats-recap .tipline p b {
          font-weight: 950;
        }

        /* ===== BLUE SECTION ===== */
        #batik-degats-recap .blue {
          background:
            radial-gradient(1000px 520px at 20% 0%, rgba(255, 255, 255, .12), transparent 60%),
            linear-gradient(135deg, var(--blue2), var(--blue));
          padding: 34px 18px 46px;
        }

        #batik-degats-recap .blue-inner {
          max-width: 1100px;
          margin: 0 auto;
        }

        #batik-degats-recap .blue-title {
          text-align: center;
          color: #fff;
          font-weight: 950;
          font-size: clamp(22px, 2.4vw, 34px);
          margin: 0 0 8px;
          letter-spacing: -0.01em;
        }

        #batik-degats-recap .blue-sub {
          text-align: center;
          margin: 0 auto 18px;
          max-width: 900px;
          color: rgba(255, 255, 255, .88);
          font-size: 14px;
          line-height: 1.7;
          font-weight: 650;
        }

        /* Steps – 3 étapes */
        #batik-degats-recap .steps {
          margin-top: 18px;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 14px;
        }

        #batik-degats-recap .step {
          border-radius: 26px;
          padding: 18px 16px;
          background: rgba(255, 255, 255, .10);
          border: 1px solid rgba(255, 255, 255, .14);
          box-shadow: 0 18px 44px rgba(0, 0, 0, .16);
          color: #eaf1ff;
          min-height: 170px;
          display: flex;
          flex-direction: column;
          gap: 8px;
        }

        #batik-degats-recap .num {
          width: 36px;
          height: 36px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .14);
          border: 1px solid rgba(255, 255, 255, .22);
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 950;
          color: #fff;
        }

        #batik-degats-recap .step h3 {
          margin: 0;
          font-size: 16px;
          font-weight: 950;
          color: #fff;
          letter-spacing: -0.01em;
        }

        #batik-degats-recap .step p {
          margin: 0;
          font-size: 13.3px;
          line-height: 1.6;
          color: rgba(255, 255, 255, .90);
          font-weight: 650;
        }

        /* CTA */
        #batik-degats-recap .cta {
          margin-top: 18px;
          display: flex;
          justify-content: center;
          gap: 10px;
          flex-wrap: wrap;
        }

        #batik-degats-recap .btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          padding: 12px 18px;
          border-radius: 999px;
          background: var(--cta);
          color: #fff;
          font-weight: 950;
          font-size: 14px;
          text-decoration: none;
          box-shadow: 0 16px 36px rgba(243, 107, 59, .26);
          white-space: nowrap;
        }

        #batik-degats-recap .btn:hover {
          filter: brightness(.97);
          transform: translateY(-1px);
        }

        #batik-degats-recap .btn.secondary {
          background: rgba(255, 255, 255, .12);
          border: 1px solid rgba(255, 255, 255, .18);
          box-shadow: none;
        }

        /* ===== WHITE GRID SECTIONS ===== */
        #batik-degats-recap .content {
          padding: 44px 18px 26px;
          background: #ffffff;
        }

        #batik-degats-recap .content-inner {
          max-width: 1100px;
          margin: 0 auto;
        }

        #batik-degats-recap .grid {
          display: grid;
          grid-template-columns: repeat(2, 1fr);
          gap: 14px;
        }

        #batik-degats-recap .card {
          background: var(--soft);
          border: 1px solid var(--border);
          border-radius: 26px;
          padding: 18px 18px 16px;
          box-shadow: 0 14px 34px rgba(15, 23, 42, .08);
        }

        #batik-degats-recap .card h3 {
          margin: 0 0 8px;
          font-size: 18px;
          font-weight: 950;
          color: #0b2748;
          letter-spacing: -0.01em;
          line-height: 1.2;
        }

        #batik-degats-recap .card p {
          margin: 0;
          font-size: 13.6px;
          line-height: 1.7;
          color: var(--muted);
          font-weight: 650;
        }

        #batik-degats-recap .card p strong {
          color: #0b2748;
          font-weight: 950;
        }

        /* List with checks */
        #batik-degats-recap .list {
          margin-top: 12px;
          display: grid;
          gap: 10px;
        }

        #batik-degats-recap .li {
          display: flex;
          gap: 10px;
          align-items: flex-start;
        }

        #batik-degats-recap .chk {
          width: 24px;
          height: 24px;
          border-radius: 999px;
          background: rgba(46, 204, 113, .18);
          border: 1px solid rgba(46, 204, 113, .45);
          color: var(--check);
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 950;
          flex: 0 0 24px;
          margin-top: 2px;
        }

        #batik-degats-recap .li span {
          font-size: 13.4px;
          line-height: 1.55;
          color: #334155;
          font-weight: 700;
        }

        #batik-degats-recap .li span b {
          color: #0b2748;
          font-weight: 950;
        }

        /* ===== PRICE BANNER ===== */
        #batik-degats-recap .price {
          margin-top: 14px;
          border-radius: 22px;
          padding: 16px 16px;
          background: linear-gradient(180deg, #ffffff 0%, #f1f5ff 100%);
          border: 1px solid #dbe3ff;
          box-shadow: 0 14px 34px rgba(15, 23, 42, .10);
          text-align: center;
        }

        #batik-degats-recap .price strong {
          color: #0b2748;
          font-weight: 950;
        }

        #batik-degats-recap .price small {
          display: block;
          margin-top: 6px;
          color: #475569;
          font-size: 13px;
          line-height: 1.6;
          font-weight: 650;
        }

        /* ===== FINAL CTA STRIP ===== */
        #batik-degats-recap .final {
          padding: 28px 18px 44px;
          background:
            radial-gradient(900px 420px at 80% 10%, rgba(38, 79, 143, .12), transparent 60%),
            linear-gradient(180deg, #ffffff 0%, #ffffff 45%, #f7f9ff 100%);
          text-align: center;
        }

        #batik-degats-recap .final h3 {
          margin: 0 0 8px;
          font-size: 22px;
          color: #0b2748;
          font-weight: 950;
          letter-spacing: -0.01em;
        }

        #batik-degats-recap .final p {
          margin: 0 auto;
          max-width: 980px;
          color: var(--muted);
          font-size: 14px;
          line-height: 1.75;
          font-weight: 650;
        }

        /* Responsive */
        @media (max-width:980px) {
          #batik-degats-recap {
            padding: 18px 14px 56px;
          }

          #batik-degats-recap .wrapper {
            border-radius: 30px;
          }

          #batik-degats-recap .steps {
            grid-template-columns: 1fr;
          }

          #batik-degats-recap .grid {
            grid-template-columns: 1fr;
          }

          #batik-degats-recap .tipline {
            flex-direction: column;
            align-items: center;
            text-align: center;
          }
        }

        @media (max-width:640px) {
          #batik-degats-recap .btn {
            width: 100%;
          }

          #batik-degats-recap .head {
            padding: 46px 16px 24px;
          }
        }
        #faq-degat-eaux {
          padding: 60px 20px;
          background: #ffffff;
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          color: #0b1f33;
        }

        #faq-degat-eaux .wrap {
          max-width: 980px;
          margin: 0 auto;
        }

        #faq-degat-eaux h2 {
          font-size: 32px;
          margin: 0 0 12px;
          font-weight: 900;
          color: #0b2748;
          text-align: center;
          letter-spacing: -0.01em;
        }

        #faq-degat-eaux .intro {
          text-align: center;
          max-width: 860px;
          margin: 0 auto 28px;
          font-size: 14.5px;
          line-height: 1.8;
          color: #4b5563;
        }

        /* Accordion (même logique que ton style FAQ) */
        #faq-degat-eaux details {
          background: #f7f9ff;
          border: 1px solid #e6ebff;
          border-radius: 18px;
          padding: 18px 20px;
          margin-bottom: 14px;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
        }

        #faq-degat-eaux summary {
          cursor: pointer;
          list-style: none;
          font-weight: 900;
          font-size: 16px;
          color: #0b2748;
          display: flex;
          justify-content: space-between;
          align-items: center;
          gap: 12px;
        }

        #faq-degat-eaux summary::-webkit-details-marker {
          display: none;
        }

        #faq-degat-eaux summary::after {
          content: "+";
          font-size: 22px;
          font-weight: 900;
          color: #0b3a78;
          flex-shrink: 0;
        }

        #faq-degat-eaux details[open] summary::after {
          content: "–";
        }

        #faq-degat-eaux .content {
          margin-top: 14px;
          font-size: 14.5px;
          line-height: 1.85;
          color: #4b5563;
        }

        #faq-degat-eaux .content strong {
          color: #0b2748;
        }

        #faq-degat-eaux ul {
          margin: 10px 0 0;
          padding-left: 18px;
        }

        #faq-degat-eaux li {
          margin-bottom: 6px;
        }

        #faq-degat-eaux .cta {
          margin-top: 12px;
          font-weight: 800;
          color: #0b2748;
        }

        #faq-degat-eaux a {
          color: #2563eb;
          text-decoration: none;
          font-weight: 900;
        }

        /* Mini badge (SEO + lisibilité) */
        #faq-degat-eaux .pill {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 8px 12px;
          border-radius: 999px;
          background: #eef3ff;
          border: 1px solid #dde6ff;
          color: #0b2748;
          font-weight: 900;
          font-size: 12.5px;
          margin: 10px 0 0;
        }