/* ==========================================================================
   ReconditionTech V10 — Further Mobile Refinement
   Scope ONLY:
   - Notre mission & Impact
   - Donner du matériel
   - Notre processus

   Reference remains the approved À propos mobile scale/behaviour.
   Home / Contact / À propos remain untouched.
   ========================================================================== */

@media (max-width: 900px) {

  /* ==============================================================
     SHARED: make all three pages feel lighter and closer to À propos
     ============================================================== */

  body.mission-master-v1 .mi-hero.rt-green-hero,
  body.donor-master-v1 .dr-hero.rt-green-hero,
  body.process-master-v1 .pr-hero.rt-green-hero {
    margin: 8px 12px !important;
    border-radius: 16px !important;
  }

  body.mission-master-v1 .mi-hero-copy,
  body.donor-master-v1 .dr-hero-copy,
  body.process-master-v1 .pr-hero-copy {
    padding: 22px 22px !important;
  }

  body.mission-master-v1 .mi-hero h1,
  body.donor-master-v1 .dr-hero h1,
  body.process-master-v1 .pr-hero h1 {
    font-size: 30px !important;
    line-height: 1.02 !important;
    margin-bottom: 9px !important;
  }

  body.mission-master-v1 .mi-hero-copy > p,
  body.donor-master-v1 .dr-hero-copy > p,
  body.process-master-v1 .pr-hero-copy > p {
    font-size: 12.5px !important;
    line-height: 1.46 !important;
    max-width: 90% !important;
  }

  body.mission-master-v1 .mi-kicker,
  body.donor-master-v1 .dr-kicker,
  body.process-master-v1 .pr-kicker {
    font-size: 9.5px !important;
    letter-spacing: 1.05px !important;
    margin-bottom: 7px !important;
  }

  body.mission-master-v1 .mi-hero-actions,
  body.donor-master-v1 .dr-actions,
  body.process-master-v1 .pr-actions {
    margin-top: 11px !important;
    gap: 7px !important;
  }

  body.mission-master-v1 .mi-hero-actions a,
  body.donor-master-v1 .dr-actions a,
  body.process-master-v1 .pr-actions a,
  body.process-master-v1 .pr-help {
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: 12.5px !important;
    border-radius: 10px !important;
  }

  /* Slightly smaller overall content rhythm */
  body.mission-master-v1 .mi-section,
  body.donor-master-v1 .dr-section,
  body.process-master-v1 .pr-section {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  body.mission-master-v1 .mi-section-shell,
  body.donor-master-v1 .dr-shell,
  body.process-master-v1 .pr-shell {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  body.mission-master-v1 .mi-side-intro h2,
  body.mission-master-v1 .mi-center-heading h2,
  body.donor-master-v1 .dr-center-heading h2,
  body.donor-master-v1 .dr-left-heading h2,
  body.process-master-v1 .pr-heading h2 {
    font-size: 21px !important;
    line-height: 1.15 !important;
    margin-bottom: 8px !important;
  }

  /* ==============================================================
     MISSION & IMPACT — more compact mobile scale
     ============================================================== */

  body.mission-master-v1 .mi-side-intro {
    gap: 8px !important;
    margin-bottom: 12px !important;
  }

  body.mission-master-v1 .mi-side-intro > p {
    font-size: 13px !important;
    line-height: 1.5 !important;
  }

  body.mission-master-v1 .mi-card-grid,
  body.mission-master-v1 .mi-benefit-grid,
  body.mission-master-v1 .mi-process-row {
    gap: 10px !important;
  }

  body.mission-master-v1 .mi-card,
  body.mission-master-v1 .mi-benefit-card,
  body.mission-master-v1 .mi-process-card {
    padding: 14px !important;
    border-radius: 13px !important;
    min-height: 0 !important;
  }

  body.mission-master-v1 .mi-card h3,
  body.mission-master-v1 .mi-benefit-card h3,
  body.mission-master-v1 .mi-process-card h3 {
    font-size: 14.5px !important;
    margin-bottom: 5px !important;
  }

  body.mission-master-v1 .mi-card p,
  body.mission-master-v1 .mi-benefit-card p,
  body.mission-master-v1 .mi-process-card p {
    font-size: 12.5px !important;
    line-height: 1.46 !important;
  }

  body.mission-master-v1 .mi-card-icon,
  body.mission-master-v1 .mi-process-icon {
    transform: scale(.88) !important;
    transform-origin: center !important;
  }

  body.mission-master-v1 .mi-hero.rt-green-hero::before {
    background-position: 70% center !important;
  }

  /* ==============================================================
     DONNER — even lighter / shorter mobile cards
     ============================================================== */

  body.donor-master-v1 .dr-notice {
    padding: 12px 14px !important;
    gap: 8px !important;
    border-radius: 12px !important;
  }

  body.donor-master-v1 .dr-notice-icon {
    width: 40px !important;
    height: 40px !important;
  }

  body.donor-master-v1 .dr-notice h2 {
    font-size: 15px !important;
    margin-bottom: 4px !important;
  }

  body.donor-master-v1 .dr-notice p,
  body.donor-master-v1 .dr-step p,
  body.donor-master-v1 .dr-equipment p,
  body.donor-master-v1 .dr-why p,
  body.donor-master-v1 .dr-principle p {
    font-size: 12.3px !important;
    line-height: 1.45 !important;
  }

  body.donor-master-v1 .dr-steps {
    gap: 9px !important;
  }

  body.donor-master-v1 .dr-step {
    padding: 14px 12px !important;
    border-radius: 12px !important;
  }

  body.donor-master-v1 .dr-step-icon {
    font-size: 28px !important;
    margin: 4px 0 6px !important;
  }

  body.donor-master-v1 .dr-step h3 {
    font-size: 14px !important;
    margin-bottom: 4px !important;
  }

  body.donor-master-v1 .dr-equipment-grid {
    gap: 8px !important;
  }

  body.donor-master-v1 .dr-equipment {
    padding: 11px 12px !important;
    border-radius: 12px !important;
  }

  body.donor-master-v1 .dr-eq-icon {
    font-size: 27px !important;
  }

  body.donor-master-v1 .dr-equipment h3 {
    font-size: 13.5px !important;
  }

  body.donor-master-v1 .dr-why,
  body.donor-master-v1 .dr-caution,
  body.donor-master-v1 .dr-principle {
    padding: 13px !important;
    border-radius: 12px !important;
  }

  body.donor-master-v1 .dr-hero.rt-green-hero::before {
    background-position: 78% center !important;
  }

  /* ==============================================================
     PROCESSUS — shorter cards + smaller icons + more compact CTA
     ============================================================== */

  body.process-master-v1 .pr-steps,
  body.process-master-v1 .pr-commitments {
    gap: 9px !important;
  }

  body.process-master-v1 .pr-steps article,
  body.process-master-v1 .pr-commitments article {
    padding: 13px 12px !important;
    border-radius: 12px !important;
  }

  body.process-master-v1 .pr-icon {
    font-size: 27px !important;
    margin-bottom: 6px !important;
  }

  body.process-master-v1 .pr-steps h3,
  body.process-master-v1 .pr-commitments h3 {
    font-size: 14px !important;
    margin-bottom: 4px !important;
  }

  body.process-master-v1 .pr-steps p,
  body.process-master-v1 .pr-commitments p {
    font-size: 12.3px !important;
    line-height: 1.45 !important;
  }

  body.process-master-v1 .pr-final {
    margin-top: 14px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
  }

  body.process-master-v1 .pr-final-grid {
    gap: 9px !important;
  }

  body.process-master-v1 .pr-final h2 {
    font-size: 20px !important;
    line-height: 1.13 !important;
  }

  body.process-master-v1 .pr-final p,
  body.process-master-v1 .pr-final-card p {
    font-size: 12.5px !important;
    line-height: 1.45 !important;
  }

  body.process-master-v1 .pr-light,
  body.process-master-v1 .pr-outline {
    min-height: 40px !important;
    padding: 8px 12px !important;
    font-size: 12.5px !important;
  }

  body.process-master-v1 .pr-hero.rt-green-hero::before {
    background-position: 82% center !important;
  }
}

@media (max-width: 560px) {
  body.mission-master-v1 .mi-hero h1,
  body.donor-master-v1 .dr-hero h1,
  body.process-master-v1 .pr-hero h1 {
    font-size: 28px !important;
  }

  body.mission-master-v1 .mi-hero-copy,
  body.donor-master-v1 .dr-hero-copy,
  body.process-master-v1 .pr-hero-copy {
    padding: 20px 20px !important;
  }

  body.mission-master-v1 .mi-hero-copy > p,
  body.donor-master-v1 .dr-hero-copy > p,
  body.process-master-v1 .pr-hero-copy > p {
    font-size: 12px !important;
  }
}