/* ================================================================
   MOXIE HOME — base commune des sections de l'accueil (module moxiehome)
   Une section = un écran : hauteur bornée à l'écran moins l'en-tête et le
   bandeau DPD (ordinateur : 72 + 40 px ; mobile : 56 px + bandeau sur deux lignes).
   ================================================================ */
:root {
  --moxie-home-entete: 112px;
}

.moxie-home-section {
  position: relative;
  box-sizing: border-box;
  min-height: min(640px, calc(100vh - var(--moxie-home-entete)));
  max-height: calc(100vh - var(--moxie-home-entete));
  min-height: min(640px, calc(100svh - var(--moxie-home-entete)));
  max-height: calc(100svh - var(--moxie-home-entete));
  overflow: hidden;
  scroll-margin-top: var(--moxie-home-entete);
  padding: clamp(24px, 4vh, 56px) clamp(16px, 4vw, 48px);
}

/* Bouton d'achat (partial bouton-achat.tpl) */
.moxie-home-achat {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 48px;
  padding: 0 28px;
  border: 0;
  border-radius: 999px;
  background: #0a0a0a;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  text-decoration: none;
  transition: background .2s, color .2s, transform .15s;
}
.moxie-home-achat:hover { background: #c1d101; color: #0a0a0a; }
.moxie-home-achat:active { transform: scale(.97); }
.moxie-home-achat.is-chargement { opacity: .7; cursor: progress; }
.moxie-home-achat.is-ajoute { background: #c1d101; color: #0a0a0a; }
.moxie-home-achat.is-erreur { background: #d63a12; color: #fff; }
.moxie-home-achat.is-indisponible,
.moxie-home-achat.is-indisponible:hover {
  background: #e5e5e0;
  color: #777;
  cursor: not-allowed;
  transform: none;
}
.moxie-home-achat-rupture {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
}
.moxie-home-achat__fiche {
  color: inherit;
  font-weight: 700;
  font-size: 14px;
  text-decoration: none;
  border-bottom: 2px solid currentColor;
}

@media (prefers-reduced-motion: reduce) {
  .moxie-home-achat { transition: none; }
}