/* =====================================================
   HOME — TABLET PORTRAIT (768px – 991px)
   ===================================================== */

#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%; }

/* === Hero principal ===
   Pour 768–900px : home.css met position:static sur l'overlay — on le remet en absolute */
.landing-hero--primary .landing-hero__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  padding-top: calc(var(--header-height, 50px) + var(--announcement-bar-height, 0px));
  padding-inline: clamp(24px, 5vw, 48px);
  padding-bottom: 0;
  z-index: 3;
}

.landing-hero--primary .landing-hero__content {
  max-width: 480px;
}

.landing-hero--primary h1 {
  font-size: clamp(1.75rem, 4vw, 2.5rem);
}

.landing-hero--primary .landing-hero__lead {
  font-size: clamp(0.95rem, 1.8vw, 1.1rem);
  max-width: none;
}

/* Boutons côte à côte mais le bouton principal sans min-width excessive */
.landing-hero__button--main {
  min-width: clamp(180px, 30vw, 240px);
}

/* === Section 3 étapes === */
.home-panel--steps {
  padding-inline: clamp(18px, 5vw, 32px);
}

.home-steps__grid {
  grid-template-columns: 1fr;
  gap: 1rem;
}

.home-steps__connector {
  display: none;
}

/* === Grille produits populaires === */
.landing-products__grid {
  grid-template-columns: repeat(3, 1fr);
}

/* Afficher les 5 cartes sur tablette */
.landing-products__card:nth-child(n+6) {
  display: flex;
}

/* === Section IA avant/après === */
.home-panel--ai {
  padding-inline: clamp(18px, 5vw, 32px);
}

.home-ai {
  grid-template-columns: 1fr;
  gap: 2.5rem;
}

.home-ai__text {
  max-width: none;
}

/* === Section avis === */
.home-reviews__grid {
  grid-template-columns: repeat(2, 1fr);
}

/* === Section communauté === */
.home-panel--community .home-panel__container {
  padding-inline: clamp(18px, 5vw, 32px);
}

/* === Funnel modal — tablet portrait === */
.landing-funnel-modal__panel {
  width: min(96vw, 1280px);
  max-height: 94dvh;
  margin: 3vh auto;
}

.landing-funnel-modal__left-rail {
  min-width: 120px;
}

.landing-funnel-modal__timeline li {
  font-size: var(--text-sm);
  padding: 10px 12px;
}

.landing-funnel-modal__center-preview,
.landing-funnel-modal__form.has-center-preview .landing-funnel-modal__center-preview {
  display: none !important;
}

.landing-funnel-modal__product-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.landing-funnel-modal__applied-bottom-bar #landing-funnel-add-to-cart {
  white-space: nowrap;
}