/* ==========================================================================
   csaladinap.css — a Céges Családi Nap oldal egyedi szakasza (10 érv rács).
   base.css + subpage.css mellé töltődik. (A helyszín-sorok és CTA-doboz a
   subpage.css közös komponensei.)
   ========================================================================== */

.reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem 1.6rem}
.reason{display:flex;gap:1rem;align-items:flex-start;background:#fff;border:1px solid var(--line);padding:1.3rem 1.4rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.reason:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(16,12,10,.1)}
.reason .no{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;background:var(--flame-h);color:#1a0e00;font-family:'Saira Condensed',sans-serif;font-weight:900;font-style:italic;font-size:1.3rem;clip-path:polygon(0 0,100% 0,calc(100% - 7px) 100%,0 100%)}
.reason h3{font-size:1.2rem;margin-bottom:.25rem}
.reason p{color:var(--muted);line-height:1.5;font-size:.92rem}
.closing{text-align:center;max-width:60ch;margin:2.2rem auto 0;font-size:1.1rem;line-height:1.6;color:#3c322b}
.closing b{background:var(--flame);-webkit-background-clip:text;background-clip:text;color:transparent}

@media(max-width:760px){.reason-grid{grid-template-columns:1fr}}