/* Product images on /for-travel-advisors (docs/specs/agency-pilot-readiness-plan.md A5).
   Linked only from that page, so the app's initial CSS stays within its budget. */
.agency-product-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px 28px; align-items: start; }
.agency-product-gallery figure { display: grid; gap: 12px; margin: 0; }
.agency-product-gallery img { width: 100%; height: auto; border: 1px solid var(--color-border); border-radius: 8px; }
.agency-product-gallery .is-portrait img { width: auto; max-width: 100%; max-height: 560px; justify-self: center; }
.agency-product-gallery figcaption { color: var(--color-text-muted); line-height: 1.55; }
.agency-product-gallery figcaption span { margin-right: 8px; color: var(--color-brand-text); font-weight: 800; }
.agency-product-note { margin-top: 18px; color: var(--color-text-muted); font-size: .88rem; }

@media (max-width: 720px) {
  .agency-product-gallery { grid-template-columns: 1fr; }
}