/* Single-choice option lists */

.options-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.4rem;
  max-width: 440px;
  margin: 2rem auto 0;
}

.step-btn.option-btn {
  width: 100%;
  max-width: 440px;
  margin: 0;
  padding: 1.2rem 1.5rem;
  font-size: 2.4rem;
  text-transform: none;
}

@media (max-width: 750px) {
  /* side hexagons overlap the quiz block on phones — top/bottom ones stay */
  .gallery-item:nth-child(3),
  .gallery-item:nth-child(8) {
    display: none;
  }

  .options-block {
    max-width: 320px;
  }

  .step-btn.option-btn {
    width: 100%;
    margin: 0;
  }
}

/* narrower than the text block above, centred under it */
.step-btn.wide-btn {
  width: 75%;
  max-width: none;
  margin: 0 auto;
}

/* last quiz step (step 6) had no gallery mapping — give it its own 4 photos */
[data-step="6"] .gallery-item:nth-child(1) .gallery-photo {
  background: url(photo-21.jpg) no-repeat 0 0 / cover;
}
[data-step="6"] .gallery-item:nth-child(4) .gallery-photo {
  background: url(photo-22.jpg) no-repeat 0 0 / cover;
}
[data-step="6"] .gallery-item:nth-child(5) .gallery-photo {
  background: url(photo-23.jpg) no-repeat 0 0 / cover;
}
[data-step="6"] .gallery-item:nth-child(6) .gallery-photo {
  background: url(photo-24.jpg) no-repeat 0 0 / cover;
}