/* iOS applica ai dialog un max-width nativo: il test mobile deve essere una pagina piena. */
.promoter-quiz {
  max-width: none;
}

@media (max-width: 780px) {
  .promoter-quiz,
  .promoter-quiz[open] {
    position: fixed;
    inset: 0;
    width: 100vw;
    height: 100dvh;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border-radius: 0;
  }

  .promoter-quiz-shell {
    width: 100%;
    min-width: 0;
    height: 100%;
  }

  .promoter-quiz-stage {
    width: 100%;
    min-width: 0;
    overflow-x: hidden;
  }

  .promoter-answers {
    width: min(354px, calc(100vw - 48px));
    max-width: calc(100vw - 48px);
    margin-inline: auto;
  }

  .promoter-answer {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 1;
  }
}