/* ===== BASE (police + typo Bat'ik) ===== */
        #services-cards {
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          font-size: 16.5px;
          line-height: 1.65;
          background: #ffffff;
          padding: 26px 20px;
          color: #0b1f33;
        }

        #services-cards,
        #services-cards * {
          box-sizing: border-box;
          font-family: inherit;
        }

        /* ===== BOX premium clair ===== */
        #services-cards .box {
          border-radius: 38px;
          overflow: hidden;
          box-shadow: 0 32px 90px rgba(15, 23, 42, .22);
          border: 1px solid rgba(15, 23, 42, .06);
          background:
            radial-gradient(1100px 520px at 15% 15%, rgba(11, 58, 120, .10), transparent 55%),
            linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%);
        }

        #services-cards .wrap {
          max-width: 1100px;
          margin: 0 auto;
          padding: 70px 22px;
        }

        /* ===== Head ===== */
        #services-cards .head {
          text-align: center;
          margin-bottom: 18px;
        }

        #services-cards .kicker {
          font-size: 12px;
          letter-spacing: .18em;
          text-transform: uppercase;
          color: #0b3a78;
          font-weight: 900;
          margin-bottom: 8px;
        }

        #services-cards h2 {
          margin: 0 0 10px;
          font-size: clamp(26px, 3.4vw, 42px);
          color: #0b2748;
          font-weight: 900;
          line-height: 1.12;
          letter-spacing: -0.02em;
        }

        #services-cards p.lead {
          margin: 0 auto 14px;
          max-width: 900px;
          text-align: center;
          color: #4b5563;
          font-size: 14.8px;
          line-height: 1.75;
          font-weight: 600;
        }

        /* ===== KPI BAR ===== */
        #services-cards .kpis {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          justify-content: center;
          margin: 0 auto 22px;
          max-width: 980px;
        }

        #services-cards .pill {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 10px 12px;
          border-radius: 999px;
          background: rgba(11, 58, 120, .07);
          border: 1px solid rgba(11, 58, 120, .14);
          color: #0b2748;
          font-weight: 900;
          font-size: 13.5px;
          line-height: 1;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
          white-space: nowrap;
        }

        #services-cards .dot {
          width: 9px;
          height: 9px;
          border-radius: 99px;
          background: #22c55e;
          display: inline-block;
        }

        /* ===== GRID ===== */
        #services-cards .grid {
          display: grid;
          gap: 16px;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          align-items: stretch;
        }

        /* ===== Cards ===== */
        #services-cards .card {
          background: #ffffff;
          border: 1px solid #e6ebff;
          border-radius: 22px;
          overflow: hidden;
          display: flex;
          flex-direction: column;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
          transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
        }

        #services-cards .card:hover {
          transform: translateY(-2px);
          box-shadow: 0 16px 38px rgba(15, 23, 42, .12);
          filter: brightness(1.01);
        }

        #services-cards .card img {
          width: 100%;
          height: 220px;
          object-fit: cover;
          display: block;
        }

        #services-cards .body {
          padding: 16px 18px 18px;
          min-height: 240px;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }

        #services-cards .card h3 {
          margin: 0;
          font-size: 18px;
          font-weight: 900;
          color: #0b2748;
          letter-spacing: -0.01em;
          line-height: 1.2;
        }

        #services-cards .card p {
          margin: 0;
          color: #4b5563;
          font-size: 14.4px;
          line-height: 1.65;
          font-weight: 600;
        }

        #services-cards .muted {
          margin-top: 2px;
          font-style: italic;
          color: #64748b;
          font-size: 13.5px;
          line-height: 1.55;
          font-weight: 600;
        }

        /* ===== Checklist mini ===== */
        #services-cards .list {
          margin: 2px 0 0;
          padding: 0;
          list-style: none;
          display: flex;
          flex-direction: column;
          gap: 8px;
        }

        #services-cards .li {
          display: flex;
          gap: 10px;
          align-items: flex-start;
          color: #4b5563;
          font-size: 13.9px;
          line-height: 1.6;
          font-weight: 600;
        }

        #services-cards .check {
          width: 22px;
          height: 22px;
          border-radius: 999px;
          background: rgba(46, 204, 113, .18);
          border: 1px solid rgba(46, 204, 113, .45);
          color: #2ecc71;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 900;
          flex: 0 0 22px;
          margin-top: 1px;
          font-size: 14px;
          line-height: 1;
        }

        /* CTA */
        #services-cards .cta {
          margin-top: auto;
          display: flex;
          justify-content: center;
          padding-top: 8px;
        }

        #services-cards .btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 12px 20px;
          border-radius: 999px;
          background: #f36b3b;
          color: #ffffff;
          text-decoration: none;
          font-weight: 900;
          font-size: 14.5px;
          box-shadow: 0 14px 36px rgba(243, 107, 59, .22);
          transition: transform .15s ease, filter .15s ease;
          white-space: nowrap;
        }

        #services-cards .btn:hover {
          transform: translateY(-1px);
          filter: brightness(.97);
        }

        @media (max-width:900px) {
          #services-cards {
            padding: 18px 14px;
          }

          #services-cards .box {
            border-radius: 28px;
          }

          #services-cards .wrap {
            padding: 56px 16px;
          }

          #services-cards .grid {
            grid-template-columns: 1fr;
          }

          #services-cards .pill {
            white-space: normal;
          }

          #services-cards .btn {
            width: 100%;
          }
        }
        /* ===== BASE (police + typo Bat'ik) ===== */
        #pose-installation {
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          font-size: 16.5px;
          line-height: 1.65;
          background: #ffffff;
          padding: 26px 20px;
          color: #0b1f33;
        }

        #pose-installation,
        #pose-installation * {
          box-sizing: border-box;
          font-family: inherit;
        }

        /* ===== BOX premium clair (style Bat'ik "services") ===== */
        #pose-installation .box {
          border-radius: 38px;
          overflow: hidden;
          box-shadow: 0 32px 90px rgba(15, 23, 42, .22);
          border: 1px solid rgba(15, 23, 42, .06);
          background:
            radial-gradient(1100px 520px at 15% 15%, rgba(11, 58, 120, .10), transparent 55%),
            linear-gradient(180deg, #f7fbff 0%, #eef5ff 100%);
        }

        #pose-installation .wrap {
          max-width: 1100px;
          margin: 0 auto;
          padding: 70px 22px;
        }

        /* ===== Head ===== */
        #pose-installation .head {
          text-align: center;
          margin-bottom: 14px;
        }

        #pose-installation .kicker {
          font-size: 12px;
          letter-spacing: .18em;
          text-transform: uppercase;
          color: #0b3a78;
          font-weight: 900;
          margin-bottom: 8px;
        }

        #pose-installation h2 {
          margin: 0 0 10px;
          font-size: clamp(26px, 3.4vw, 42px);
          color: #0b2748;
          font-weight: 900;
          line-height: 1.12;
          letter-spacing: -0.02em;
        }

        #pose-installation p.lead {
          margin: 0 auto 14px;
          max-width: 980px;
          text-align: center;
          color: #4b5563;
          font-size: 14.8px;
          line-height: 1.75;
          font-weight: 600;
        }

        /* ===== KPI BAR ===== */
        #pose-installation .kpis {
          display: flex;
          flex-wrap: wrap;
          gap: 10px;
          justify-content: center;
          margin: 0 auto 22px;
          max-width: 980px;
        }

        #pose-installation .pill {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 10px 12px;
          border-radius: 999px;
          background: rgba(11, 58, 120, .07);
          border: 1px solid rgba(11, 58, 120, .14);
          color: #0b2748;
          font-weight: 900;
          font-size: 13.5px;
          line-height: 1;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
          white-space: nowrap;
        }

        #pose-installation .dot {
          width: 9px;
          height: 9px;
          border-radius: 99px;
          background: #22c55e;
          display: inline-block;
        }

        /* ===== GRID (3 colonnes) ===== */
        #pose-installation .grid {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          gap: 16px;
          align-items: stretch;
        }

        /* ===== Cards premium ===== */
        #pose-installation .card {
          background: #ffffff;
          border: 1px solid #e6ebff;
          border-radius: 22px;
          padding: 16px 16px;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .08);
          transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
          display: flex;
          flex-direction: column;
          gap: 10px;
          min-height: 190px;
        }

        #pose-installation .card:hover {
          transform: translateY(-2px);
          box-shadow: 0 16px 38px rgba(15, 23, 42, .12);
          filter: brightness(1.01);
        }

        #pose-installation .card h3 {
          font-size: 17px;
          margin: 0;
          color: #0b2748;
          font-weight: 900;
          line-height: 1.2;
          letter-spacing: -0.01em;
        }

        #pose-installation .card p {
          margin: 0;
          color: #4b5563;
          font-size: 14.3px;
          line-height: 1.65;
          font-weight: 600;
        }

        /* ===== Bullets avec checks verts ===== */
        #pose-installation .bullets {
          margin: 0;
          padding: 0;
          list-style: none;
          display: flex;
          flex-direction: column;
          gap: 8px;
        }

        #pose-installation .bullets li {
          display: flex;
          gap: 10px;
          align-items: flex-start;
          color: #4b5563;
          font-size: 13.9px;
          line-height: 1.6;
          font-weight: 600;
        }

        #pose-installation .bullets li::before {
          content: "✓";
          width: 22px;
          height: 22px;
          border-radius: 999px;
          background: rgba(46, 204, 113, .18);
          border: 1px solid rgba(46, 204, 113, .45);
          color: #2ecc71;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: 900;
          flex: 0 0 22px;
          margin-top: 1px;
          font-size: 14px;
          line-height: 1;
        }

        /* Prix invisibles (OK) */
        #pose-installation .tarif {
          display: none;
        }

        /* CTA global (centré) */
        #pose-installation .cta {
          margin-top: 22px;
          display: flex;
          justify-content: center;
        }

        #pose-installation .btn {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 12px 20px;
          border-radius: 999px;
          background: #f36b3b;
          color: #ffffff;
          text-decoration: none;
          font-weight: 900;
          font-size: 14.5px;
          box-shadow: 0 14px 36px rgba(243, 107, 59, .22);
          transition: transform .15s ease, filter .15s ease;
          white-space: nowrap;
        }

        #pose-installation .btn:hover {
          transform: translateY(-1px);
          filter: brightness(.97);
        }

        /* Responsive */
        @media(max-width:960px) {
          #pose-installation {
            padding: 18px 14px;
          }

          #pose-installation .box {
            border-radius: 28px;
          }

          #pose-installation .wrap {
            padding: 56px 16px;
          }

          #pose-installation .grid {
            grid-template-columns: repeat(2, minmax(0, 1fr));
          }

          #pose-installation .pill {
            white-space: normal;
          }
        }

        @media(max-width:620px) {
          #pose-installation .grid {
            grid-template-columns: 1fr;
          }

          #pose-installation .btn {
            width: 100%;
          }
        }
        #faq-installation {
          padding: 60px 20px;
          background: #ffffff;
          font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
          color: #0b1f33;
        }

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

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

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

        #faq-installation details {
          background: #f7f9ff;
          border: 1px solid #e6ebff;
          border-radius: 16px;
          padding: 16px 18px;
          margin-bottom: 14px;
          box-shadow: 0 10px 26px rgba(15, 23, 42, .06);
          transition: all 0.3s ease;
        }

        #faq-installation details[open] {
          background: #ffffff;
          border-color: #0b3a78;
          box-shadow: 0 15px 35px rgba(15, 23, 42, .1);
        }

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

        #faq-installation summary::after {
          content: "+";
          font-size: 22px;
          font-weight: 900;
          color: #0b3a78;
          flex-shrink: 0;
          transition: transform 0.3s ease;
        }

        #faq-installation details[open] summary::after {
          content: "–";
          transform: rotate(180deg);
        }

        #faq-installation .content {
          margin-top: 12px;
          font-size: 14px;
          line-height: 1.8;
          color: #4b5563;
          border-top: 1px solid #eef2ff;
          padding-top: 12px;
        }

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

        /* Responsive */
        @media (max-width: 600px) {
          #faq-installation h2 {
            font-size: 24px;
          }

          #faq-installation summary {
            font-size: 15px;
          }
        }