@media (max-width: 640px) {
  .section-heading {
    display: block;
  }

  .section-heading > p {
    margin-top: 16px;
  }

  .comparison-points,
  .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .product-copy {
    padding: 12px;
  }

  .product-copy strong {
    font-size: 0.86rem;
  }

  .product-guide {
    font-size: 0.74rem;
  }
}

.product-visual {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
  background: var(--paper-deep);
}

.product-visual-fallback {
  display: grid;
  place-items: center;
  color: var(--green);
  font-size: clamp(2.5rem, 8vw, 4.5rem);
  font-weight: 850;
}