/* Layout da seção de retirada do kit. */
@media (min-width: 901px) {
  .kit-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    gap: clamp(36px, 4vw, 70px);
  }

  .kit-grid > div {
    grid-column: 2;
    grid-row: 1;
    width: 100%;
    margin-inline: 0;
  }

  .kit h2 {
    font-size: clamp(3rem, 4vw, 4rem);
  }

  .kit-photo {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}

@media (max-width: 900px) {
  .kit-grid {
    grid-template-columns: 1fr;
    gap: 35px;
  }

  .kit-grid > div {
    width: 100%;
  }

  .kit-photo {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
}