/* ════════════════════════════════════════════════════════
   KINWORK — Responsive (breakpoints secondaires)
   Fichier : css/responsive.css
   Les règles de base sont dans chaque fichier CSS.
   Ce fichier regroupe les surcharges multi-composants.
════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
  .prog-photos, .prog-grid   { grid-template-columns: repeat(3,1fr); }
  .chiffres-grid             { grid-template-columns: repeat(2,1fr); }
  .process-steps             { grid-template-columns: 1fr 1fr; gap: 32px; }
  .process-steps::before     { display: none; }
  .tarifs-grid               { grid-template-columns: 1fr 1fr; }
  .abos-grid                 { grid-template-columns: 1fr 1fr; }
  .cta-band                  { grid-template-columns: 1fr; }
  .cta-img                   { display: none; }
  .cta-content               { padding: 60px 40px; }
  .contact-grid              { padding: 0 40px; }
}

@media (max-width: 768px) {
  .hero-content   { left:24px; right:24px; bottom:64px; max-width:none; }
  .hero-h1        { font-size:clamp(52px,16vw,88px); }
  .hero-stats     { display:none; }
  .hero-btns      { flex-direction:column; align-items:flex-start; }
  .hero-dots      { left:24px; }
  .hero-arr       { display:none; }
  .hero-scroll    { display:none; }
  .hero-pillars   { gap:14px; }

  .intro-grid     { grid-template-columns:1fr; }
  .intro-col      { border-right:none; border-bottom:1px solid var(--bdr); padding:36px 24px; }

  .chiffres-grid  { grid-template-columns:1fr; }

  .prog-photos    { grid-template-columns:1fr 1fr; }
  .prog-grid      { grid-template-columns:1fr 1fr; }

  .why-grid       { grid-template-columns:1fr; }
  .why-img        { min-height:280px; height:280px; }
  .why-content    { padding:44px 24px; border-left:none; }

  .process-steps  { grid-template-columns:1fr; }

  .gallery-strip  { grid-template-columns:1fr 1fr; }

  .video-sec      { height:50vh; }

  .stats-inner    { grid-template-columns:1fr 1fr; }
  .stat-item      { padding:36px 16px; border-right:none; }

  .tarifs-grid    { grid-template-columns:1fr; }
  .abos-grid      { grid-template-columns:1fr; }

  .temo-grid      { grid-template-columns:1fr; }

  .faq-grid       { grid-template-columns:1fr; }

  .contact-grid   { grid-template-columns:1fr; gap:48px; padding:0 20px; }
  .fi-row         { grid-template-columns:1fr; }

  .cta-content    { padding:44px 24px; }

  .clients-logos  { gap:24px; padding:0 24px; }
}

@media (max-width: 480px) {
  .prog-grid    { grid-template-columns:1fr 1fr; }
  .stats-inner  { grid-template-columns:1fr 1fr; }
}