/* --- Hero À propos --- */
    .bpa-about-hero {
      padding: 64px 16px 56px;
      border-bottom: 1px solid var(--color-grey-border);
    }
    .bpa-about-hero-inner {
      max-width: 680px;
      margin: 0 auto;
    }
    .bpa-about-hero h1 {
      margin-bottom: 20px;
    }
    .bpa-about-hero-lead {
      font-size: 1.0625rem;
      color: var(--color-grey-mid);
      line-height: 1.7;
      margin: 0;
    }

    /* --- Section générique --- */
    .bpa-about-section {
      max-width: 680px;
      margin: 0 auto;
    }
    .bpa-about-section h2 {
      margin-bottom: 20px;
    }
    .bpa-about-section p {
      margin-bottom: 20px;
      line-height: 1.75;
    }
    .bpa-about-section a {
      color: var(--color-navy);
    }

    /* --- Bloc valeurs --- */
    .bpa-values-grid {
      display: grid;
      grid-template-columns: 1fr;
      gap: 16px;
      margin: 32px 0;
    }
    .bpa-value-card {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding: 20px 24px;
      background: var(--color-white);
      border: 1px solid var(--color-grey-border);
      border-radius: 8px;
    }
    .bpa-value-icon {
      font-size: 24px;
      flex-shrink: 0;
      margin-top: 2px;
    }
    .bpa-value-card h3 {
      margin: 0 0 6px 0;
      font-size: 15px;
    }
    .bpa-value-card p {
      margin: 0;
      font-size: 14px;
      color: var(--color-grey);
      line-height: 1.6;
    }

    /* --- Bloc DIY --- */
    .bpa-diy-list {
      list-style: none;
      padding: 0;
      margin: 24px 0;
    }
    .bpa-diy-item {
      display: flex;
      gap: 16px;
      align-items: flex-start;
      padding: 16px 0;
      border-bottom: 1px solid var(--color-grey-border);
    }
    .bpa-diy-item:last-child {
      border-bottom: none;
    }
    .bpa-diy-num {
      width: 32px;
      height: 32px;
      background: var(--color-navy);
      color: var(--color-white);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 700;
      flex-shrink: 0;
    }
    .bpa-diy-item h3 {
      margin: 0 0 4px 0;
      font-size: 15px;
    }
    .bpa-diy-item p {
      margin: 0;
      font-size: 14px;
      color: var(--color-grey);
      line-height: 1.6;
    }

    /* --- Bandeau garantie --- */
    .bpa-guarantee-block {
      background: var(--color-grey-light);
      border: 1px solid var(--color-grey-border);
      border-radius: 8px;
      padding: 32px;
      margin: 32px 0;
    }
    .bpa-guarantee-block h2 {
      margin-bottom: 20px;
    }
    .bpa-guarantee-items {
      display: flex;
      flex-direction: column;
      gap: 16px;
    }
    .bpa-guarantee-item {
      display: flex;
      gap: 14px;
      align-items: flex-start;
    }
    .bpa-guarantee-check {
      width: 24px;
      height: 24px;
      background: var(--color-green-light);
      color: #166534;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 700;
      flex-shrink: 0;
    }
    .bpa-guarantee-item h3 {
      margin: 0 0 4px 0;
      font-size: 15px;
    }
    .bpa-guarantee-item p {
      margin: 0;
      font-size: 14px;
      color: var(--color-grey);
      line-height: 1.6;
    }

    /* --- CTA final --- */
    .bpa-about-cta {
      text-align: center;
      padding: 48px 16px;
      border-top: 1px solid var(--color-grey-border);
    }
    .bpa-about-cta h2 {
      text-align: center;
      margin-bottom: 12px;
    }
    .bpa-about-cta p {
      color: var(--color-grey);
      font-size: 15px;
      margin-bottom: 32px;
    }
    .bpa-btn-inline {
      display: inline-block;
      width: auto;
      padding: 14px 36px;
    }

    @media (min-width: 768px) {
      .bpa-about-hero {
        padding: 80px 24px 72px;
      }
      .bpa-values-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }