/* ==========================================================================
   Családi oldal – eltérések az esküvői oldal komponenseitől
   Minden érték az élő oldalról mérve (csaszarszabolcsphoto.com/csaladi, 1280px).
   ========================================================================== */

/* felső képsáv és a záró széles kép laposabb itt */
.page-csaladi .ef-top { aspect-ratio: 2.13; }
.page-csaladi .ef-wide { aspect-ratio: 3.277; }   /* 35%-kal alacsonyabb keret */
.page-csaladi .ef-top img { object-position: 50% 50%; }
.page-csaladi .ef-wide img { object-position: 50% 29%; }

/* Bevezető: a közös 2×2 rácsot használja, csak a kivágás fókuszpontja egyedi */
.page-csaladi .ef-intro__ph--b img { object-position: 49.4% 79.2%; }

.page-csaladi .ef-band__media { aspect-ratio: 2.389; }   /* 10%-kal alacsonyabb keret */
.page-csaladi .ef-band__media img { object-position: 50% 95%; }  /* majdnem alulra igazítva */

/* Galéria: 6 álló borítókép, névfelirat nélkül, 10px sorköz */
.page-csaladi .ef-card__media { aspect-ratio: 0.77; }

/* Kollázs: a 4. és 6. kép kivágása itt más */
.page-csaladi .ef-collage figure:nth-child(1) img { object-position: 100% 100%; }
.page-csaladi .ef-collage figure:nth-child(4) img { object-position: 50% 50%; }

/* Űrlap: szélesebb sáv, kevesebb mező (Név, Email, Üzenet) */
.page-csaladi .ef-row { grid-template-columns: 18.3fr 18.3fr; gap: 1.9%; }

@media (max-width: 900px) {
  .page-csaladi .ef-top,
  .page-csaladi .ef-wide { aspect-ratio: 16/10; }
  .page-csaladi .ef-grid { grid-template-columns: 1fr; row-gap: 26px; }
  .page-csaladi .ef-row { grid-template-columns: 1fr; }
}