/* Quiz du motif, préférences d'e-mails, setup par e-mail, alerte de stock. */
.sg-quiz, .sg-prefs { display: grid; gap: var(--sg-5); max-width: 640px; margin-inline: auto; }
.sg-quiz .piege, .sg-prefs .piege, .sg-stock .piege, .sg-setup-mail .piege { position: absolute; left: -9999px; }
.quiz-choix { border: 0; padding: 0; margin: 0; display: grid; gap: 10px; }
.quiz-choix legend { font-weight: 700; margin-bottom: var(--sg-4); }
.quiz-carte { display: flex; gap: 12px; align-items: flex-start; padding: 14px 16px; border: 1px solid var(--sg-bordure, #d8dde3); border-radius: 12px; background: #fff; cursor: pointer; }
.quiz-carte input { width: 20px; height: 20px; margin-top: 2px; accent-color: var(--sg-encre); flex: none; }
.quiz-carte:has(input:checked) { border-color: var(--sg-encre); box-shadow: 0 0 0 1px var(--sg-encre); }
.quiz-carte:focus-within { outline: 2px solid var(--sg-encre); outline-offset: 2px; }
.quiz-mail { display: grid; gap: 10px; }
.quiz-mail input[type="email"], .sg-prefs input[type="email"], .sg-stock input[type="email"], .sg-setup-mail input[type="email"] { width: 100%; }
.quiz-resultat { max-width: 640px; margin: 0 auto var(--sg-5); padding: 18px 20px; border-radius: 12px; background: var(--sg-ecume); display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; }
.sg-stock { display: grid; gap: 10px; margin-top: 14px; max-width: 420px; }
.sg-setup-mail { display: grid; gap: 10px; max-width: 420px; margin: 14px auto; }
.sg-setup-mail[hidden] { display: none; }
@media (max-width: 600px) {
  .quiz-resultat { flex-direction: column; align-items: stretch; text-align: center; }
}