:root{--sotet:#16324f;--kiemelt:#e8590c;--hatter:#f5f7fa;--szoveg:#1f2933;--halvany:#52606d}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--szoveg);line-height:1.6;font-size:17px;background:#fff}
a{color:var(--sotet)}
.belso{max-width:880px;margin:0 auto;padding:0 20px}
.fejlec{background:var(--sotet);color:#fff}
.fejlec .belso{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px}
.fejlec a{color:#fff;text-decoration:none}
.logo{font-weight:700}
.fejlec nav a{margin-left:18px;opacity:.9}
.hero{background:var(--hatter);padding:40px 0 32px}
h1{font-size:2rem;line-height:1.2;margin:0 0 16px;color:var(--sotet)}
h2{font-size:1.45rem;color:var(--sotet);margin:0 0 14px}
h3{font-size:1.1rem;margin:0 0 8px}
.szakasz{padding:34px 0;border-top:1px solid #e4e7eb}
.cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:22px}
.cta span{color:var(--halvany);font-size:.95rem}
.gomb{display:inline-block;background:var(--kiemelt);color:#fff;font-weight:700;padding:14px 22px;border-radius:8px;text-decoration:none;font-size:1.1rem}
.gomb:hover{filter:brightness(1.08)}
.kartyak{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.kartya{background:var(--hatter);border-radius:10px;padding:18px 20px}
.kartya p{margin:0 0 8px}
.arak table{width:100%;border-collapse:collapse}
.arak th,.arak td{text-align:left;padding:10px 6px;border-bottom:1px solid #e4e7eb;vertical-align:top}
.arak td{font-weight:700;white-space:nowrap}
.lista{padding-left:20px}
.lista li{margin-bottom:6px}
.gyik details{border-bottom:1px solid #e4e7eb;padding:12px 0}
.gyik summary{cursor:pointer;font-weight:600}
.gyik details p{margin:10px 0 0}
.munka{margin-bottom:24px}
.kepek{display:flex;gap:10px;flex-wrap:wrap}
.kepek img{width:calc(50% - 5px);border-radius:8px}
.belyegek{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.belyegek span{font-size:.9rem;color:var(--halvany)}
.belyegek div{display:flex;gap:8px}
.belyegek a{display:block;line-height:0;border-radius:8px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.belyegek img{width:64px;height:64px;object-fit:cover}
.belyegek a:hover{outline:2px solid var(--kiemelt)}
.galeria figure{scroll-margin-top:16px}
.galeria figure:target{outline:3px solid var(--kiemelt)}
.galeria{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));margin-top:18px}
.galeria figure{margin:0;background:var(--hatter);border-radius:10px;overflow:hidden}
.galeria img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}
.galeria figcaption{padding:10px 12px;font-size:.92rem;line-height:1.45}
.zaro{background:var(--sotet);color:#fff;border:0}
.zaro h2{color:#fff}
.lablec{background:#0f2236;color:#cbd2d9;padding:24px 0 80px;font-size:.95rem}
.lablec a{color:#fff}
.kicsi{font-size:.85rem}
.lebego{display:none}
@media (max-width:700px){
  body{font-size:16px}
  .hero{padding:28px 0 24px}
  .szakasz{padding:26px 0}
  h2{font-size:1.3rem}
  .kartyak{gap:12px}
  .kartya{padding:14px 16px}
  .kartya h3{font-size:1.02rem}
  .kartya p{font-size:.95rem;line-height:1.55}
  .galeria{grid-template-columns:1fr 1fr;gap:10px}
  .galeria figcaption{font-size:.8rem;line-height:1.35;padding:7px 9px}
  .arak table,.arak tbody,.arak tr,.arak th,.arak td{display:block;width:100%}
  .arak tr{padding:10px 0;border-bottom:1px solid #e4e7eb}
  .arak th,.arak td{border:0;padding:0}
  .arak th{font-weight:500}
  .arak td{color:var(--kiemelt);font-size:1.05rem;margin-top:2px}
  .belyegek{gap:6px}
  .belyegek span{width:100%}
  .belyegek img{width:56px;height:56px}
  h1{font-size:1.6rem}
  .arak td{white-space:normal}
  .lebego{display:block;position:fixed;left:16px;right:16px;bottom:14px;background:var(--kiemelt);color:#fff;text-align:center;font-weight:700;padding:14px;border-radius:10px;text-decoration:none;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:10}
}