/* Csak az indexre jellemző dolgok, pl. hero háttérváltó képekhez */
.hero-bg{
  position:absolute; inset:0; z-index:0;
  background-size: cover; background-position: center;
  transition: opacity .8s ease;
}
.hero-bg.hidden{ opacity:0; }

/* ===== Globális aloldal stílusok ===== */
:root{
  --ls-bg:#ffffff; --ls-text:#0f172a; --ls-muted:#5f6b7a;
  --ls-border:#e2e8f0; --ls-soft:#f8fafc; --ls-accent:#12f37; /* állítsd a brandhez */
}

.page-wrap{ max-width:1100px; margin:40px auto; padding:0 16px; }
.section{ padding:clamp(32px,4vw,64px) 0; }
.section.narrow{ padding:clamp(24px,3vw,40px) 0; }
.container{ max-width:1100px; margin:0 auto; padding:0 16px; }

/* Vékony oldal-hero a főoldal ritmusához */
.page-hero{ background:var(--ls-soft); border-bottom:1px solid var(--ls-border); }
.page-hero .container{ display:flex; align-items:center; gap:24px; padding:32px 16px; }
.page-hero h1{ margin:0; font-size:clamp(24px,4vw,36px); }
.page-hero p{ margin:6px 0 0; color:var(--ls-muted); }

/* Kétoszlopos rács (felső élre igazítva) */
.grid-2{ display:grid; grid-template-columns:1.15fr 1fr; gap:clamp(20px,3.5vw,48px); align-items:start; }
@media (max-width:900px){ .grid-2{ grid-template-columns:1fr; } }

/* Kártyák (szolgáltatások/csomagok) */
.card{ background:var(--ls-soft); border:1px solid var(--ls-border); border-radius:16px; padding:20px; }
.card h3{ margin:0 0 8px; font-size:clamp(18px,2.2vw,22px); }
.card p{ margin:0; color:var(--ls-muted); }
.cards{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
@media (max-width:900px){ .cards{ grid-template-columns:1fr; } }

/* „Tudj meg többet” link stílus */
.link-more{ display:inline-block; margin-top:12px; font-weight:600; text-decoration:none; }
.link-more:hover{ text-decoration:underline; }

/* Kép segédosztály */
.img-rounded{ display:block; width:100%; height:auto; border-radius:12px; }

/* Morzsa (opcionális) */
.breadcrumb{ font-size:14px; color:var(--ls-muted); }
.breadcrumb a{ color:inherit; text-decoration:none; }
.breadcrumb a:hover{ text-decoration:underline; }

/* Címblokk ritmus finomítás */
.section .subtitle{ margin:0 0 6px; display:block; color:var(--ls-muted); font-weight:600; letter-spacing:.02em; }
.section h2{ margin:0 0 12px; }

/* Brand logó sor – egységes méret + hézagok */
.brand-logos{ display:flex; flex-wrap:wrap; align-items:center; gap:32px; margin:16px 0 48px; line-height:0; }
.brand-logos > img{ height:clamp(24px,4vw,32px); width:auto; display:block; object-fit:contain; }