/*
  optin.tablet.css — dès 768px : bandeau hero centré (icône au-dessus, contenu centré).
*/
.optin--hero {
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: var(--space-8);
  gap: var(--space-4);
}

.optin--footer .optin__field {
  flex-direction: row;
}

.optin--inline {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.optin--inline .optin__field {
  flex-direction: row;
}