/* =====================================================
   HOME — TABLET LANDSCAPE (992px – 1199px)
   ===================================================== */

#site-content.home-page { gap: 24px; padding: 0 0 96px; }
#site-content.home-page > section.home-panel { max-width: 100%; }
.surface-card { border-radius: 26px; padding: 32px 24px; }
.home-panel { display: flex; flex-direction: column; gap: 24px; padding: 24px; border-radius: 24px; }
.home-panel--showcase, .home-panel--community, .home-panel--workflow { grid-template-columns: none; }
.home-panel__media { order: 2; }
.home-panel__actions { width: 100%; }
.home-panel__actions .home-button { width: 100%; }
.home-panel--spotlights.surface-card { gap: 32px; }
.home-spotlights__grid { grid-template-columns: 1fr; }
.home-spotlights__card { padding: 24px; }
.carousel-items, .carousel-images { width: 100%; }
.carousel-inner { gap: 16px; transition: opacity 0.38s ease, transform 0.38s ease; }
.carousel-inner.is-transitioning { opacity: 0; transform: translateX(6px); }
.product-item { min-width: 220px; }
.product-image-link { height: 180px; }
.carousel-control-prev, .carousel-control-next { width: 48px; height: 48px; }
.workflow { gap: 20px; }
.workflow__step { grid-template-columns: 1fr; padding: 22px; }
.workflow__number { width: 44px; height: 44px; font-size: 1rem; }
.home-cta.surface-card { grid-template-columns: 1fr; }
.home-cta__media { order: -1; min-height: 260px; margin-bottom: 12px; }
.home-cta__actions { width: 100%; }
.home-cta__actions .home-button { width: 100%; }
.home-cta__stats { flex-direction: column; }
.home-cta__stat { width: 100%; }

/* === Grille produits populaires : 4 colonnes au lieu de 5 === */
.landing-products__grid {
  grid-template-columns: repeat(4, 1fr);
}

/* Afficher les 5 cartes (la 5e sera dans la grille sur 2 rangées) */
.landing-products__card:nth-child(n+6) {
  display: flex;
}

/* === Section 3 étapes : les connecteurs restent, on ajuste leur taille === */
.home-steps__connector-line {
  width: clamp(1rem, 2vw, 2rem);
}

/* === Section avis : 3 colonnes au lieu de 4 === */
.home-reviews__grid {
  grid-template-columns: repeat(3, 1fr);
}

/* === Section IA : on garde les 2 colonnes mais réduit le gap === */
.home-ai {
  gap: clamp(1.5rem, 3vw, 2.5rem);
}