/* ===== WRAPPER PREMIUM ===== */
        .batik-hero-wrapper {
          background: #ffffff;
          padding: 26px 20px;
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
        }

        .batik-hero-wrapper,
        .batik-hero-wrapper * {
          font-family: inherit;
          box-sizing: border-box;
        }

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

        /* ===== HERO ===== */
        .batik-hero {
          --alt-blue: #264f8f;
          --alt-blue2: #1f427b;
          --alt-text: #ffffff;
          --alt-muted: rgba(255, 255, 255, .88);
          --alt-cta: #f36b3b;

          background:
            radial-gradient(1200px 600px at 20% 20%, rgba(255, 255, 255, .12), transparent 55%),
            linear-gradient(135deg, var(--alt-blue2), var(--alt-blue));
        }

        .batik-hero .wrap {
          max-width: 1200px;
          margin: 0 auto;
          padding: 72px 20px;
          display: grid;
          grid-template-columns: 1.1fr 0.9fr;
          gap: 28px;
          align-items: center;
          min-height: 520px;
        }

        .batik-hero .copy {
          display: flex;
          flex-direction: column;
          gap: 18px;
          align-items: center;
          text-align: center;
        }

        .batik-hero h1 {
          color: var(--alt-text);
          font-weight: 900;
          font-size: clamp(34px, 4.2vw, 66px);
          line-height: 1.08;
          letter-spacing: -0.02em;
          margin: 0;
          max-width: 760px;
        }

        .batik-hero .desc {
          color: var(--alt-muted);
          font-size: 16px;
          line-height: 1.7;
          max-width: 640px;
          font-weight: 600;
        }

        .batik-hero .desc strong {
          color: #fff;
          font-weight: 900;
        }

        .batik-hero .badges {
          display: flex;
          justify-content: center;
          flex-wrap: wrap;
          gap: 10px;
          margin-top: 6px;
        }

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

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

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

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

        .batik-hero .cta a.btn-devis {
          background: #ffffff;
          color: #0b2748;
          box-shadow: 0 16px 30px rgba(0, 0, 0, .1);
        }

        .batik-hero .media {
          display: flex;
          justify-content: flex-end;
        }

        .batik-hero .img {
          width: 100%;
          max-width: 440px;
          border-radius: 28px;
          overflow: hidden;
          border: 1px solid rgba(255, 255, 255, .14);
          box-shadow: 0 22px 50px rgba(0, 0, 0, .25);
        }

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

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

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

          .batik-hero .wrap {
            grid-template-columns: 1fr;
            padding: 56px 18px;
            min-height: unset;
          }

          .batik-hero .media {
            justify-content: center;
            order: 2;
          }

          .batik-hero .img img {
            height: 360px;
          }

          .batik-hero .cta {
            flex-direction: column;
            align-items: center;
          }
        }

        /* ====== NOS SERVICES ROBINETTERIE ====== */
        .batik-services-wrap {
          padding: 28px max(20px, env(safe-area-inset-left)) 28px max(20px, env(safe-area-inset-right));
          background: #ffffff;
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          font-size: 16.5px;
          color: #0b1f33;
        }

        .batik-services-wrap * {
          box-sizing: border-box;
          font-family: inherit;
        }

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

        .batik-services {
          --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);
        }

        .batik-services h2,
        .batik-services h3,
        .batik-services p {
          margin: 0;
        }

        .batik-services .wrap {
          max-width: 1100px;
          margin: 0 auto;
        }

        .batik-services .head {
          text-align: center;
          margin-bottom: 44px;
        }

        .batik-services .kicker {
          letter-spacing: .20em;
          font-size: 12px;
          font-weight: 900;
          color: rgba(255, 255, 255, .78);
          text-transform: uppercase;
          margin-bottom: 10px;
        }

        .batik-services .title {
          color: #fff;
          font-size: clamp(26px, 3.1vw, 40px);
          line-height: 1.12;
          font-weight: 950;
          letter-spacing: -0.02em;
        }

        .batik-services .subtitle {
          margin-top: 12px;
          color: rgba(255, 255, 255, .86);
          line-height: 1.75;
          font-size: 15.5px;
          max-width: 900px;
          margin-left: auto;
          margin-right: auto;
          font-weight: 650;
        }

        .batik-services .rows {
          display: flex;
          flex-direction: column;
          gap: 52px;
        }

        .batik-services .row {
          display: grid;
          grid-template-columns: 520px 1fr;
          gap: 42px;
          align-items: center;
        }

        .batik-services .row.reverse {
          grid-template-columns: 1fr 520px;
        }

        .batik-services .img {
          border-radius: 30px;
          overflow: hidden;
          border: 1px solid rgba(255, 255, 255, .18);
          box-shadow: 0 28px 60px rgba(0, 0, 0, .22);
        }

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

        .batik-services .content {
          background: rgba(255, 255, 255, .10);
          border: 1px solid rgba(255, 255, 255, .16);
          border-radius: 30px;
          padding: 26px;
        }

        .batik-services .content h3 {
          color: #fff;
          font-size: 22px;
          font-weight: 950;
          line-height: 1.2;
          margin-bottom: 10px;
        }

        .batik-services .content p {
          color: var(--muted);
          font-size: 16px;
          line-height: 1.75;
          font-weight: 650;
        }

        .batik-services .points {
          margin-top: 16px;
          display: grid;
          gap: 11px;
        }

        .batik-services .point {
          display: flex;
          gap: 10px;
          align-items: flex-start;
          color: rgba(255, 255, 255, .94);
          font-weight: 750;
          font-size: 14.8px;
        }

        .batik-services .dot {
          width: 10px;
          height: 10px;
          margin-top: 6px;
          border-radius: 999px;
          background: rgba(255, 255, 255, .95);
          flex: 0 0 10px;
        }

        .batik-services .cta {
          margin-top: 18px;
          display: flex;
          justify-content: center;
        }

        .batik-services .cta a {
          background: var(--cta);
          color: #fff;
          text-decoration: none;
          font-weight: 950;
          padding: 13px 26px;
          border-radius: 999px;
          display: inline-flex;
          align-items: center;
          gap: 10px;
        }

        @media (max-width: 980px) {

          .batik-services .row,
          .batik-services .row.reverse {
            grid-template-columns: 1fr;
          }

          .batik-services .img img {
            height: 300px;
          }
        }

        /* ===== PROBLÈMES ROBINETTERIE – Bat'ik ===== */
        .batik-problems {
          --blue: #264f8f;
          --text: #ffffff;
          --muted: rgba(255, 255, 255, .9);
          --cta: #f36b3b;

          padding: 70px 20px;
          background: #fff;
          font-family: inherit;
        }

        .batik-problems * {
          box-sizing: border-box;
        }

        .batik-problems h2,
        .batik-problems p,
        .batik-problems summary {
          margin: 0;
          font-family: inherit;
        }

        .batik-problems .wrap {
          max-width: 1000px;
          margin: 0 auto;
        }

        .batik-problems h2 {
          text-align: center;
          font-size: clamp(24px, 3vw, 36px);
          font-weight: 900;
          color: #0f172a;
          margin-bottom: 34px;
        }

        /* Accordéon */
        .batik-problems .acc {
          display: flex;
          flex-direction: column;
          gap: 18px;
        }

        .batik-problems details {
          background: var(--blue);
          border-radius: 16px;
          padding: 0;
          overflow: hidden;
        }

        .batik-problems summary {
          cursor: pointer;
          list-style: none;
          padding: 20px 22px;
          font-size: 18px;
          font-weight: 900;
          color: var(--text);
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
        }

        .batik-problems summary::-webkit-details-marker {
          display: none;
        }

        .batik-problems summary::after {
          content: "";
          width: 10px;
          height: 10px;
          border-right: 2px solid #fff;
          border-bottom: 2px solid #fff;
          transform: rotate(45deg);
          transition: transform .2s ease;
        }

        .batik-problems details[open] summary::after {
          transform: rotate(-135deg);
        }

        .batik-problems .content {
          padding: 0 22px 22px;
          display: flex;
          gap: 14px;
        }

        .batik-problems .check {
          width: 22px;
          height: 22px;
          border-radius: 50%;
          background: #2ecc71;
          display: flex;
          align-items: center;
          justify-content: center;
          color: #fff;
          font-size: 14px;
          flex: 0 0 22px;
          margin-top: 4px;
        }

        .batik-problems .content p {
          color: var(--muted);
          font-size: 16px;
          line-height: 1.7;
        }

        /* CTA */
        .batik-problems .cta {
          margin-top: 26px;
          display: flex;
          justify-content: center;
          gap: 15px;
          /* Ajout gap pour les deux boutons */
        }

        .batik-problems .cta a {
          background: var(--cta);
          color: #fff;
          text-decoration: none;
          font-weight: 900;
          padding: 13px 26px;
          border-radius: 999px;
          display: inline-flex;
          align-items: center;
          gap: 10px;
          box-shadow: 0 16px 30px rgba(243, 107, 59, .25);
        }

        /* Style bouton devis secondaire */
        .batik-problems .cta a.btn-devis {
          background: #0f172a;
        }

        .batik-problems .cta a:hover {
          filter: brightness(.96);
        }

        @media (max-width: 600px) {
          .batik-problems .cta {
            flex-direction: column;
            align-items: center;
          }

          .batik-problems .cta a {
            width: 100%;
            justify-content: center;
          }
        }

        /* ===== WRAPPER PREMIUM (bords du bloc) ===== */
        .batik-care-wrapper {
          background: #ffffff;
          padding: 26px 20px;
        }

        .batik-care-box {
          border-radius: 38px;
          /* ⬅️ gros arrondi premium */
          overflow: hidden;
          /* coupe le fond aux coins */
          box-shadow: 0 32px 90px rgba(15, 23, 42, .22);
        }

        /* ===== CONSEILS & ENTRETIEN ROBINETTERIE – Bat'ik ===== */
        .batik-care {
          --blue: #264f8f;
          --blue2: #1f427b;
          --text: #ffffff;
          --muted: rgba(255, 255, 255, .9);
          --check: #2ecc71;
          --cta: #f36b3b;

          padding: 78px 20px;
          background:
            radial-gradient(900px 500px at 15% 20%, rgba(255, 255, 255, .12), transparent 60%),
            linear-gradient(135deg, var(--blue2), var(--blue));
          font-family: inherit;
        }

        .batik-care * {
          box-sizing: border-box;
        }

        .batik-care h2,
        .batik-care h3,
        .batik-care p {
          margin: 0;
          font-family: inherit;
        }

        .batik-care .wrap {
          max-width: 1150px;
          margin: 0 auto;
          display: grid;
          grid-template-columns: 1.2fr 0.8fr;
          gap: 44px;
          align-items: center;
        }

        /* TITRES */
        .batik-care h2 {
          color: #fff;
          font-size: clamp(28px, 3.2vw, 44px);
          font-weight: 950;
          line-height: 1.15;
          margin-bottom: 18px;
          letter-spacing: -0.02em;
        }

        .batik-care .intro {
          color: var(--muted);
          font-size: 16.5px;
          line-height: 1.75;
          max-width: 700px;
          font-weight: 600;
        }

        /* LISTE */
        .batik-care .list {
          margin-top: 22px;
          display: grid;
          gap: 18px;
        }

        .batik-care .item {
          display: flex;
          gap: 14px;
          align-items: flex-start;
        }

        .batik-care .icon {
          width: 28px;
          height: 28px;
          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: 900;
          flex: 0 0 28px;
          margin-top: 3px;
        }

        .batik-care .item p {
          color: #fff;
          font-size: 16.2px;
          line-height: 1.65;
          font-weight: 600;
        }

        .batik-care .item strong {
          font-weight: 950;
        }

        /* ASTUCE */
        .batik-care .tip {
          margin-top: 28px;
          padding-top: 22px;
          border-top: 1px solid rgba(255, 255, 255, .28);
        }

        .batik-care .tip h3 {
          color: #f36b3b;
          font-size: 20px;
          font-weight: 950;
          margin-bottom: 10px;
        }

        .batik-care .tip p {
          color: var(--muted);
          line-height: 1.75;
          font-size: 15.8px;
        }

        /* CTA */
        .batik-care .cta {
          margin-top: 26px;
          display: flex;
          justify-content: center;
          gap: 15px;
          /* Pour aligner les deux boutons */
        }

        .batik-care .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-care .cta a.btn-devis {
          background: #ffffff;
          color: #0b2748;
        }

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

        /* IMAGE */
        .batik-care .img {
          max-width: 440px;
          border-radius: 30px;
          overflow: hidden;
          border: 1px solid rgba(255, 255, 255, .16);
          box-shadow: 0 26px 60px rgba(0, 0, 0, .26);
          background: rgba(255, 255, 255, .06);
        }

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

        /* RESPONSIVE */
        @media (max-width: 980px) {
          .batik-care-wrapper {
            padding: 18px 14px;
          }

          .batik-care-box {
            border-radius: 26px;
          }

          .batik-care .wrap {
            grid-template-columns: 1fr;
            gap: 26px;
          }

          .batik-care .img {
            margin: 0 auto;
            border-radius: 24px;
          }

          .batik-care .img img {
            height: 360px;
          }

          .batik-care .cta {
            flex-direction: column;
            align-items: center;
          }
        }

        #batik-robinetterie-recap {
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          padding: 60px 20px;
          background: #ffffff;
          color: #0b1f33;
        }

        #batik-robinetterie-recap .wrap {
          max-width: 1100px;
          margin: 0 auto;
        }

        /* Header */
        #batik-robinetterie-recap .head {
          text-align: center;
          margin-bottom: 26px;
        }

        #batik-robinetterie-recap .kicker {
          font-size: 12px;
          letter-spacing: .18em;
          text-transform: uppercase;
          color: #0b3a78;
          font-weight: 800;
          margin-bottom: 6px;
        }

        #batik-robinetterie-recap h2 {
          font-size: 32px;
          margin: 0 0 10px;
          color: #0b2748;
          font-weight: 900;
        }

        #batik-robinetterie-recap .intro {
          max-width: 900px;
          margin: 0 auto;
          font-size: 14.5px;
          line-height: 1.75;
          color: #4b5563;
        }

        /* “En 3 actions” */
        #batik-robinetterie-recap .grid-steps {
          margin-top: 24px;
          display: grid;
          grid-template-columns: repeat(3, 1fr);
          gap: 16px;
        }

        #batik-robinetterie-recap .step {
          background: linear-gradient(180deg, #0b3a78 0%, #0a2f63 100%);
          color: white;
          border-radius: 22px;
          padding: 22px;
          color: #e5edff;
          box-shadow: 0 16px 40px rgba(15, 23, 42, .22);
          display: flex;
          flex-direction: column;
          gap: 10px;
          min-height: 160px;
        }

        #batik-robinetterie-recap .badge {
          width: 34px;
          height: 34px;
          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: 900;
          color: #ffffff;
        }

        #batik-robinetterie-recap h3 {
          font-size: 16px;
          margin: 4px 0 0;
          font-weight: 900;
          color: #ffffff;
        }

        #batik-robinetterie-recap .step p {
          font-size: 13.5px;
          line-height: 1.55;
          margin: 0;
          color: #e6eeff;
        }

        /* Cards */
        #batik-robinetterie-recap .summary {
          margin-top: 26px;
          text-align: center;
        }

        #batik-robinetterie-recap .summary h3 {
          color: #0b2748;
          font-size: 22px;
          margin: 0 0 10px;
          font-weight: 900;
        }

        #batik-robinetterie-recap .summary .sub {
          max-width: 920px;
          margin: 0 auto 14px;
          font-size: 14.5px;
          line-height: 1.75;
          color: #4b5563;
        }

        #batik-robinetterie-recap .grid-cards {
          margin-top: 14px;
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          gap: 12px;
        }

        #batik-robinetterie-recap .card {
          background: #f7f9ff;
          border: 1px solid #e6ebff;
          border-radius: 18px;
          padding: 14px 14px 12px;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
          text-align: left;
          display: flex;
          flex-direction: column;
          gap: 6px;
          min-height: 148px;
        }

        #batik-robinetterie-recap .card .icon {
          width: 36px;
          height: 36px;
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          background: #0b3a78;
          color: #fff;
          font-size: 16px;
          font-weight: 900;
        }

        #batik-robinetterie-recap .card strong {
          color: #0b2748;
          font-size: 13px;
          line-height: 1.25;
        }

        #batik-robinetterie-recap .card p {
          margin: 0;
          color: #4b5563;
          font-size: 12.8px;
          line-height: 1.55;
        }

        /* Bandeau tarifs (avec liste) */
        #batik-robinetterie-recap .price {
          margin-top: 18px;
          background: #f1f5ff;
          border: 1px solid #dbe3ff;
          padding: 16px 16px;
          border-radius: 16px;
          box-shadow: 0 8px 22px rgba(15, 23, 42, .08);
          text-align: left;
        }

        #batik-robinetterie-recap .price .top {
          display: flex;
          gap: 10px;
          align-items: flex-start;
          color: #0b2748;
          font-size: 15px;
          line-height: 1.55;
          font-weight: 800;
          margin-bottom: 10px;
        }

        #batik-robinetterie-recap .price .top .pill {
          flex: 0 0 auto;
          background: #0b3a78;
          color: #fff;
          padding: 6px 10px;
          border-radius: 999px;
          font-size: 12.5px;
          font-weight: 900;
        }

        #batik-robinetterie-recap .price ul {
          margin: 0;
          padding-left: 18px;
          color: #4b5563;
          font-size: 14px;
          line-height: 1.65;
        }

        #batik-robinetterie-recap .price li {
          margin: 6px 0;
        }

        #batik-robinetterie-recap .price b {
          color: #0b2748;
        }

        /* CTA (centré) */
        #batik-robinetterie-recap .cta {
          margin-top: 18px;
          display: flex;
          justify-content: center;
          /* ✅ centré */
          gap: 10px;
          flex-wrap: wrap;
        }

        #batik-robinetterie-recap .btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 8px;
          padding: 12px 18px;
          border-radius: 999px;
          background: #0b3a78;
          color: #ffffff;
          font-weight: 900;
          font-size: 14px;
          text-decoration: none;
          box-shadow: 0 14px 36px rgba(15, 23, 42, .18);
          white-space: nowrap;
        }

        #batik-robinetterie-recap .btn:hover {
          filter: brightness(1.06);
        }

        #batik-robinetterie-recap .btn.secondary {
          background: #ffffff;
          color: #0b3a78;
          border: 1px solid #dbe3ff;
          box-shadow: none;
        }

        /* Responsive */
        @media (max-width:1000px) {
          #batik-robinetterie-recap .grid-steps {
            grid-template-columns: 1fr;
          }

          #batik-robinetterie-recap .grid-cards {
            grid-template-columns: repeat(3, 1fr);
          }
        }

        @media (max-width:640px) {
          #batik-robinetterie-recap {
            padding: 52px 16px;
          }

          #batik-robinetterie-recap h2 {
            font-size: 26px;
          }

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

          #batik-robinetterie-recap .btn {
            width: 100%;
          }

          #batik-robinetterie-recap .price {
            text-align: left;
          }
        }

        #faq-robinet {
          padding: 60px 20px;
          background: #ffffff;
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          color: #0b1f33;
        }

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

        #faq-robinet h2 {
          font-size: 30px;
          margin: 0 0 12px;
          font-weight: 900;
          color: #0b2748;
          text-align: center;
        }

        #faq-robinet .intro {
          text-align: center;
          max-width: 820px;
          margin: 0 auto 28px;
          font-size: 14px;
          line-height: 1.75;
          color: #4b5563;
        }

        /* Accordion */
        #faq-robinet details {
          background: #f7f9ff;
          border: 1px solid #e6ebff;
          border-radius: 16px;
          padding: 18px 20px;
          margin-bottom: 14px;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
        }

        #faq-robinet 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-robinet summary::-webkit-details-marker {
          display: none;
        }

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

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

        #faq-robinet .content {
          margin-top: 14px;
          font-size: 14px;
          line-height: 1.8;
          color: #4b5563;
        }

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