/* =========================================================================
   Sync Mixing - a FŐOLDAL sajat stilusa (az sm.css utan toltodik).
   Kulon fajlban van, nem a HTML-be agyazva, hogy a CSP-ben ne kelljen
   'unsafe-inline' style-src. Ha ez visszakerulne a HTML-be, a Caddyfile
   CSP-sorat is bovitened kellene - inkabb ne.
   ========================================================================= */
/* Tiszta feher hatter (tulaj-dontes 2026-08-25): a korabbi turkiz derengest
   kivettuk. A lablec szurke savja adja az egyetlen elvalasztast. */
.fejlec{padding:2rem 0 0}
main{flex:1 0 auto;display:flex;align-items:center;padding:1.5rem 0 2.5rem}
.racs{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;width:100%}
@media (min-width:56rem){ .racs{grid-template-columns:1.05fr .95fr;gap:4rem} }
h1{margin-bottom:1.15rem}
.beveto{margin:0 0 1rem;max-width:34rem}
.abra{margin:0;text-align:center}
.abra img{width:100%;max-width:24rem;display:inline-block}
/* ---------- MOBIL ÉS TÁBLA (768px alatt) ----------
   Nem az asztali elrendezés összenyomva: külön komponált, középre igazított
   oszlop, kisebb képpel, hogy az üzenet és a gomb egy képernyőre férjen. */
@media (max-width:48rem){
  .fejlec{padding:1.5rem 0 0}
  .fejlec .burok{justify-content:center}   /* a fejléc flex-doboz, ezért NEM text-align kell */
  .logo{width:122px}
  main{padding:.75rem 0 1.75rem}
  .racs{gap:1.5rem;text-align:center;justify-items:center}
  .abra{order:-1}
  .abra img{max-width:11.5rem}
  .jelveny{margin-bottom:1.1rem;font-size:.72rem}
  h1{font-size:clamp(1.75rem,7.4vw,2.4rem);margin-bottom:.9rem}
  .beveto{margin-left:auto;margin-right:auto;font-size:1rem}
  .gombsor{justify-content:center;margin-top:1.5rem;width:100%}
  .gomb{width:100%;max-width:21rem;padding:1rem 1.25rem}
  .lablec{padding:1.5rem 0 2rem}
  .lablec .burok{justify-content:center;gap:.9rem}
  .lablec .lablec-bal,
  .lablec .lablec-jobb{width:100%;text-align:center}
}

/* nagyon keskeny telefon: az e-mail cím ne lógjon ki a gombból */
@media (max-width:23rem){
  .gomb{font-size:.92rem;gap:.45rem}
}
/* lablec: halvany szurke sav, ceg balra, adatok jobbra.
   A sav sotetebb a lapnal, hogy elvaljon a turkiz derengestol. */
.lablec{background:#f1f5f7;border-top-color:#e2e9ed}
.lablec .burok{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;justify-content:space-between}
.lablec .nev{font-weight:600;color:var(--tinta);letter-spacing:.02em;margin:0 0 .3rem}
.lablec-jobb{text-align:right}