/* Product pages only; keep the preview's native 30:23 framing. */
@media (min-width: 651px) {
  .apex-public .product-layout {
    grid-template-columns: minmax(0, 540px) minmax(0, 1fr);
    gap: clamp(24px, 3vw, 40px);
    margin-top: 20px;
    margin-bottom: 40px;
  }
}

.apex-public .product-visual {
  overflow: hidden;
}

.apex-public .product-visual img {
  aspect-ratio: 30 / 23;
  object-fit: contain;
  transform: scale(1.2);
  transform-origin: 50% 54%;
}

@media (max-width: 650px) {
  .apex-public .product-visual img {
    transform: scale(1.06);
  }
}