.quiz-fab {
            /*position: fixed;
            right: 18px;
            bottom: 18px;
            z-index: 9999;*/
    position: relative;
  top: 22px;
  z-index: 9999;
        }
        .quiz-fab.hidden { display:none !important; }
        .btn-quiz {
            border: 0;
            padding: 12px 16px;
            border-radius: 999px;
            background: #0d6efd;
            color: #fff;
            box-shadow: 0 10px 25px rgba(0,0,0,.25);
        }
        .btn-quiz:disabled { opacity: .7; }
        .quiz-msg {
            margin-top: 10px;
        }
        .quiz-msg.hidden { display:none !important; }
        .js-data-answer.disabled { pointer-events:none; opacity:.6; }
        .js-data-answer.selected { outline: 2px solid rgba(13,110,253,.65); border-radius: 10px; }

@media (max-width: 575.98px) {
 /* .main-wrapper {
    height: 100dvh;
  }*/
    html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* interdit tout scroll global */
}
.main-wrapper {
  width: 100vw;
  height: 100dvh;       /* mobile safe */
  max-width: 100vw;
  max-height: 100dvh;

  overflow: hidden;

  display: flex;
  flex-direction: column;
}
.main-wrapper section {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
section img,
section video {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain; /* ou cover si full */
}
}