/* QA visual fixes: Dino Pet cards, Inside the Box, and gallery hero badges. */

/* Keep the ability copy inside the card with equal horizontal breathing room. */
.dino-card p {
  left: 20px;
  right: 20px;
  max-width: none;
  overflow-wrap: break-word;
}

/* The gallery flow belongs above the dark caption strip, never underneath it. */
.gallery-box {
  position: relative;
  justify-content: flex-start;
  padding-bottom: 78px;
}

.gallery-box > i {
  margin-top: auto;
  margin-bottom: 10px;
}

.gallery-flow {
  position: absolute;
  z-index: 2;
  left: 30px;
  right: 30px;
  bottom: 58px;
}

.gallery figcaption {
  z-index: 3;
}

@media (max-width: 760px) {
  /* Inside the Box reads as a single vertical list on narrow screens. */
  .component-list {
    grid-template-columns: 1fr !important;
  }

  .component-list > div,
  .component-list > div:nth-child(odd) {
    border-left: 0 !important;
    border-top: 1px solid #6e5338;
    min-height: 0;
    padding: 24px 0 28px;
  }

  .component-list > div:first-child {
    border-top: 0;
  }

  .gallery-flow {
    left: 20px;
    right: 20px;
    bottom: 56px;
    gap: 6px;
  }

  .gallery-flow span {
    padding: 5px 6px;
    font-size: 7px;
  }
}