/* ── Review pages shared image layout ─────────────────────────────────────── */

/* Soft placeholder shown when image is missing */
.img-placeholder {
  background: rgba(25,99,79,0.06);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  gap: 10px; color: rgba(25,99,79,0.45);
}
.img-placeholder svg { opacity: 0.5; }
.img-placeholder span { font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; opacity: 0.7; }

/* ── Hero split ── */
.hero-grid { display: grid; grid-template-columns: 1fr; gap: 0; }
@media (min-width: 1024px) {
  .hero-grid { grid-template-columns: 55fr 45fr; gap: 48px; align-items: center; }
}
.hero-img-wrap {
  width: 100%; aspect-ratio: 4/3;
  border-radius: 20px; overflow: hidden;
  margin-top: 32px;
}
@media (min-width: 1024px) { .hero-img-wrap { margin-top: 0; } }

/* ── Mid-page two-column ── */
.mid-grid { display: grid; grid-template-columns: 1fr; gap: 32px; }
@media (min-width: 768px) {
  .mid-grid { grid-template-columns: 45fr 55fr; gap: 48px; align-items: center; }
}
.mid-img-wrap { width: 100%; aspect-ratio: 4/3; border-radius: 20px; overflow: hidden; }

/* ── Form two-column ── */
.form-outer { display: grid; grid-template-columns: 1fr; gap: 40px; }
@media (min-width: 1024px) {
  .form-outer { grid-template-columns: 40fr 60fr; gap: 56px; align-items: start; }
}

/* Sticky form image (desktop only) */
.form-img-col { display: none; }
@media (min-width: 1024px) {
  .form-img-col { display: block; position: sticky; top: 88px; }
}
.form-img-wrap-desktop { width: 100%; aspect-ratio: 4/5; border-radius: 20px; overflow: hidden; }

/* Form image banner (tablet/phone) */
.form-img-banner { width: 100%; aspect-ratio: 16/9; border-radius: 16px; overflow: hidden; margin-bottom: 28px; }
@media (min-width: 1024px) { .form-img-banner { display: none; } }