.variant-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; max-width: 700px; margin: 25px 0 32px; }
.prose .variant-photo { margin: 0; min-width: 0; }
.variant-photo img { width: 100%; aspect-ratio: 3 / 2; object-fit: contain; background: #f3f0e8; }
.variant-photo figcaption { margin-top: 12px; font-size: 13px; line-height: 1.6; color: #62625b; }
.variant-photo figcaption strong { display: block; color: #191b19; font-size: 16px; font-weight: 600; margin-bottom: 4px; }
.variant-photo figcaption span { display: block; }
@media (max-width: 600px) { .variant-photo-grid { grid-template-columns: 1fr; max-width: 420px; gap: 28px; } }
@media print { .variant-photo { break-inside: avoid; } }