/*
 * konzultacio.css — csak a Konzultáció oldal egyedi CSS-e (forrás: konzultacio.html).
 */

/* — Kétoszlopos detail + sticky facts-kártya (konzultacio.html:81) — */
.detail { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: clamp(36px, 5vw, 72px); align-items: start; }
.prose > * + * { margin-top: 22px; }
.prose h2 { font-size: clamp(24px, 2.8vw, 32px); }
.prose p { color: var(--ink-2); font-size: 16.5px; }
.prose strong { color: var(--ink); font-weight: 600; }
/* Arány-szabály: tartalmi kép MAX 1:1 — a fájlt tartjuk max négyzetesre (képcserénél vágni!),
   a width/height attribútum pedig már betöltés előtt kiosztja a helyét (sticky + CLS miatt fontos). */
.prose-fig { margin: 34px 0; }
.prose-fig img { width: 100%; height: auto; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); display: block; }

.facts { position: sticky; top: 96px; background: #fff; border: 1px solid var(--line); border-radius: var(--radius-lg); box-shadow: var(--shadow-md); padding: 30px; }
.facts h3 { font-size: 19px; margin-bottom: 18px; }
.facts .row { display: flex; align-items: center; gap: 13px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.facts .row:last-of-type { border-bottom: 0; }
.facts .ic { width: 40px; height: 40px; border-radius: 11px; background: rgba(58,63,214,.08); color: var(--blue); display: grid; place-items: center; flex: none; }
.facts .ic svg { width: 20px; height: 20px; }
.facts .k { font-size: 12.5px; color: var(--muted); }
.facts .v { font-family: var(--font-head); font-weight: 600; font-size: 15px; }
.facts .btn { margin-top: 22px; padding: 15px; }
.facts .note { font-size: 12.5px; color: var(--muted); text-align: center; margin-top: 12px; }
@media (max-width: 820px) {
  .detail { grid-template-columns: 1fr; }
  .facts { position: static; max-width: 420px; }
}

/* — Jelentkezz-sáv (konzultacio.html:102) — */
.jband { background: var(--grad-ink); color: #fff; overflow: hidden; position: relative; }
.jband::before { content: ""; position: absolute; width: 420px; height: 420px; left: -140px; bottom: -200px; border-radius: 50%; background: radial-gradient(circle, rgba(2,234,163,.22), transparent 70%); }
.jband .wrap { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 72px); align-items: center; padding: var(--section-y-sm) var(--edge); }
.jband .jfig { margin: 0; }
.jband img { width: 100%; max-width: 360px; aspect-ratio: 1/1; object-fit: cover; border-radius: var(--radius-lg); box-shadow: var(--shadow-md); display: block; } /* max 1:1 arány-szabály */
.jband h2 { color: #fff; font-size: clamp(26px, 3.2vw, 38px); max-width: 16ch; }
.jband p { color: rgba(255,255,255,.9); margin: 16px 0 28px; max-width: 44ch; }
@media (max-width: 820px) { .jband .wrap { grid-template-columns: 1fr; } .jband .jfig { max-width: 320px; } }

/* Hero ghost-gomb fehéren (konzultacio.html:217 inline kiváltása) */
.hero .btn-ghost { color: #fff; }

/* Ezen az oldalon a sima phone-cta is világos hátterű (konzultacio.html:145) */
.phone-cta { background: var(--bg-alt); } /* a paddingot a base .phone-cta adja */