/* „Hirdess nálunk” (MASTER 13; ADVERTISING_SYSTEM §43) — web és PWA. Natural Aquascape szekcióritmus (sötét / világos),
   tipográfiai hierarchia, valódi felületképek böngésző- és telefonkeretben. Nincs színes felső / oldalsó hangsúlycsík, és a
   csomagok nem egyforma kártyák sora (CLAUDE.md §27): a Pro domináns panel, a Max sötét „teljes jelenlét” panel, a többi
   csomag tömör lista. */

.hn { --hn-zold: #1B3528; --hn-fa: #D7B98E; overflow-x: clip; }
.hn figure { margin: 0; }

.hn-szakasz { padding-block: var(--szekcio-ter); background: var(--td-hatter, var(--aq-paper)); }
.hn-fej { max-width: 62ch; margin-bottom: clamp(32px, 4vw, 56px); }
.hn-cim {
  margin: 0;
  font-size: clamp(1.9rem, 1.25rem + 2.1vw, 3.1rem);
  line-height: 1.05; letter-spacing: -.03em; text-wrap: balance;
}
.hn-cim--vilagos { color: #fff; }
.hn-alcim { margin: 0 0 12px; font-size: clamp(1.35rem, 1.1rem + .8vw, 1.8rem); letter-spacing: -.02em; }
.hn-bevezeto { max-width: 58ch; margin: 18px 0 0; font-size: 1.125rem; line-height: 1.6; color: var(--td-halk, var(--aq-muted)); }
.hn-bevezeto strong { color: var(--td-szoveg, var(--aq-text)); }
.hn-bevezeto--vilagos { color: var(--aq-vilagos-halvany); }
.hn-bevezeto--vilagos strong { color: #fff; }
.hn-megj { margin: 18px 0 0; font-size: .9375rem; color: var(--td-halk, var(--aq-muted)); }
.hn-megj--vilagos { color: var(--aq-vilagos-halvany); }
.hn-megj--vilagos .szoveglink { color: #fff; }

.hn-felsorolas { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.hn-felsorolas li { position: relative; padding-left: 26px; line-height: 1.45; }
.hn-felsorolas li::before {
  content: ""; position: absolute; left: 2px; top: .55em; width: 9px; height: 9px;
  border-radius: 50%; background: var(--aq-accent);
}
.hn-felsorolas--vilagos { color: var(--aq-vilagos); }
.hn-felsorolas--vilagos li::before { background: var(--aq-accent-vilagos); }
.hn-felsorolas--vilagos strong { color: #fff; }
@media (min-width: 720px) { .hn-felsorolas--ket { grid-template-columns: 1fr 1fr; column-gap: 32px; } }

/* ---------- Valódi felületképek kerete ---------- */

.hn-bongeszo, .hn-telefon { margin: 0; overflow: hidden; background: var(--td-felulet, #fff); box-shadow: var(--shadow-raised); }
.hn-bongeszo { position: relative; padding-top: 26px; border-radius: 14px; border: 1px solid var(--td-keret, rgba(13, 26, 23, .12)); background: var(--td-felulet-2, #E9ECE6); }
.hn-bongeszo::before {
  content: ""; position: absolute; top: 9px; left: 14px; width: 46px; height: 8px;
  background: radial-gradient(circle at 4px 4px, #C9CFC8 3.5px, transparent 4px) 0 0 / 16px 8px repeat-x;
}
.hn-bongeszo--sotet { border-color: rgba(255, 255, 255, .14); background: #23302B; }
.hn-bongeszo--sotet::before { background-image: radial-gradient(circle at 4px 4px, #4A5A53 3.5px, transparent 4px); }
.hn-bongeszo img, .hn-telefon img { width: 100%; height: auto; }
.hn-telefon { border: 7px solid #101C18; border-radius: 30px; background: #101C18; }
figure figcaption { margin-top: 12px; font-size: .875rem; color: var(--td-halk, var(--aq-muted)); }

/* ---------- 1 Hero ---------- */

.hn-hos { padding: clamp(40px, 6vw, 96px) 0 clamp(64px, 8vw, 120px); background: var(--aq-deep); color: var(--aq-vilagos); }
.hn-hos__racs { display: grid; gap: 48px; align-items: center; }
.hn-hos__cim {
  margin: 0 0 22px;
  font-size: clamp(2.45rem, 1.3rem + 4vw, 4.9rem); line-height: .98; letter-spacing: -.038em;
  color: #fff; text-wrap: balance;
}
.hn-hos__lead { max-width: 52ch; margin: 0 0 14px; font-size: clamp(1.0625rem, .96rem + .45vw, 1.28rem); line-height: 1.6; color: var(--aq-vilagos-halvany); }
.hn-hos__kinek { margin: 0 0 30px; font-weight: 700; color: var(--aq-accent-vilagos); }
.hn-hos__cta { display: flex; flex-wrap: wrap; gap: 14px; }
.hn-bizalom { display: grid; gap: 6px; margin: 26px 0 0; padding: 0; list-style: none; font-size: .9375rem; color: var(--aq-vilagos-halvany); }
.hn-bizalom li { position: relative; padding-left: 18px; }
.hn-bizalom li::before { content: ""; position: absolute; left: 0; top: .6em; width: 6px; height: 6px; border-radius: 50%; background: var(--aq-accent-vilagos); }
@media (min-width: 720px) {
  .hn-bizalom { display: flex; flex-wrap: wrap; gap: 6px 22px; }
}
.hn-hos__kepek { position: relative; margin: 0 0 48px; }
.hn-hos__web { margin-right: 14%; }
.hn-hos__app { position: absolute; right: 0; bottom: -48px; width: 23%; max-width: 210px; }
@media (min-width: 1100px) {
  .hn-hos__racs { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 64px; }
}

/* ---------- 2 Üzletigénylés ---------- */

.hn-igenyles { padding-block: clamp(56px, 7vw, 104px); background: var(--td-felulet-2, var(--aq-paper-meleg)); }
.hn-igenyles__racs { display: grid; gap: 32px; grid-template-columns: minmax(0, 1fr); }
.hn-igenyles__lepes-cim { margin: 0 0 20px; font-size: 1.25rem; letter-spacing: -.01em; }
@media (min-width: 1000px) {
  .hn-igenyles__racs { grid-template-columns: minmax(0, .74fr) minmax(0, 1.26fr); grid-template-rows: auto 1fr; gap: 36px 64px; }
  .hn-igenyles__kereso { grid-column: 2; grid-row: 1 / span 2; }
  .hn-igenyles__lepesek { grid-column: 1; }
}

.hn-szandek { margin: 20px 0 0; padding: 14px 16px; border: 1px solid var(--td-keret, rgba(13, 26, 23, .16)); border-radius: var(--radius-sm); background: var(--td-felulet, #fff); font-size: .9375rem; line-height: 1.5; }

.hn-igenylo { padding: clamp(18px, 2.6vw, 32px); border-radius: 20px; background: var(--td-felulet, #fff); color: var(--td-szoveg, var(--aq-text)); box-shadow: var(--shadow-raised); }
.hn-igenylo__cim { display: block; margin: 0 0 14px; font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); font-weight: 800; line-height: 1.2; letter-spacing: -.015em; }
.hn-igenylo__urlap { position: relative; display: flex; gap: 10px; }
.hn-igenylo__ikon { position: absolute; left: 18px; top: 50%; transform: translateY(-50%); color: var(--td-halk, var(--aq-muted)); pointer-events: none; }
.hn-igenylo__mezo {
  flex: 1; min-width: 0; min-height: 58px; padding: 0 16px 0 50px;
  border: 2px solid var(--td-keret, #B9C6BE); border-radius: var(--radius-md); background: var(--td-felulet, #fff);
  font: inherit; font-size: 1.0625rem; color: var(--td-szoveg, var(--aq-text));
}
.hn-igenylo__mezo::placeholder { color: var(--td-halk, #7A8680); }
.hn-igenylo__mezo:focus { border-color: var(--aq-accent-sotet); outline: 3px solid var(--td-teal-halvany, #DDEEEA); outline-offset: 0; }
.hn-igenylo__gomb { min-height: 58px; padding-inline: 1.6em; }
.hn-igenylo__allapot { min-height: 1.5em; margin: 12px 0 0; font-size: .9375rem; line-height: 1.45; color: var(--td-halk, var(--aq-muted)); }
.hn-igenylo__allapot--talalat { font-size: 1rem; font-weight: 700; color: var(--td-szoveg, var(--aq-text)); }

.hn-talalatok { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; }
.hn-talalatok[hidden] { display: none; }
.hn-talalat {
  --hn-sor: color-mix(in srgb, var(--td-felulet-2, var(--aq-paper-meleg)) 30%, var(--td-felulet, #fff));
  position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px;
  padding: 13px 14px 13px 18px; border: 1px solid color-mix(in srgb, var(--td-felulet-2, var(--aq-paper-meleg)) 75%, var(--td-felulet, #fff)); border-radius: 14px;
  background: var(--hn-sor); transition: background-color .15s ease, border-color .15s ease;
}
.hn-talalat:has(.hn-talalat__gomb):hover, .hn-talalat:has(.hn-talalat__gomb:focus-visible) { border-color: var(--aq-accent-sotet); background: var(--td-felulet, #fff); }
.hn-talalat__adat { display: grid; flex: 1 1 180px; gap: 2px; min-width: 0; }
.hn-talalat__nev { font-size: 1.0625rem; line-height: 1.3; }
.hn-talalat__meta { font-size: .9375rem; line-height: 1.4; color: var(--td-halk, var(--aq-muted)); overflow-wrap: anywhere; }
.hn-talalat__gomb, .hn-talalat__gomb:hover { position: static; transform: none; }
.hn-talalat__gomb {
  flex: none; min-height: 44px; padding: 0 16px; border: 1.5px solid color-mix(in srgb, var(--aq-accent-sotet) 45%, transparent); border-radius: 10px;
  background: transparent; color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); font-size: .9375rem; white-space: nowrap;
}
.hn-talalat:hover .hn-talalat__gomb, .hn-talalat__gomb:focus-visible { border-color: var(--aq-accent-sotet); background: var(--aq-accent-sotet); color: #fff; }
.hn-talalat__gomb::before { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.hn-talalat__kezelt { margin: 0; flex: 0 1 34ch; font-size: .9375rem; line-height: 1.4; color: var(--td-halk, var(--aq-muted)); }

.hn-igenylo__uj { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--td-keret, var(--aq-line)); }
.hn-igenylo__uj p { flex: 1 1 280px; margin: 0; font-size: .9375rem; line-height: 1.45; color: var(--td-halk, var(--aq-muted)); }
.hn-igenylo__uj strong { color: var(--td-szoveg, var(--aq-text)); }
.hn-igenylo__uj .gomb { flex: none; min-height: 46px; }

@media (max-width: 560px) {
  .hn-igenylo__urlap { flex-direction: column; }
  .hn-igenylo__ikon { top: 29px; }
  .hn-igenylo__gomb, .hn-igenylo__uj .gomb { width: 100%; }
}

/* ---------- 3 Miért érdemes ---------- */

.hn-miert__racs { display: grid; gap: 48px; align-items: start; }
@media (min-width: 1100px) { .hn-miert__racs { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 72px; } }
.hn-ertekek { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: ertek; }
.hn-ertekek li { counter-increment: ertek; display: grid; grid-template-columns: 56px 1fr; column-gap: 10px; padding: 22px 0; border-top: 1px solid var(--td-keret, var(--aq-line)); }
.hn-ertekek li:last-child { border-bottom: 1px solid var(--td-keret, var(--aq-line)); }
.hn-ertekek li::before { content: counter(ertek, decimal-leading-zero); grid-row: span 2; font-size: 1.6rem; font-weight: 800; line-height: 1; color: var(--td-figyelem-szoveg, var(--aq-wood)); }
.hn-ertekek h3 { margin: 0 0 6px; font-size: 1.25rem; }
.hn-ertekek p { margin: 0; color: var(--td-halk, var(--aq-muted)); line-height: 1.55; }

/* ---------- 4 Hazai vállalkozások, közönség ---------- */

.hn-kozonseg { background: linear-gradient(180deg, var(--aq-water-deep), var(--aq-deep) 62%); color: var(--aq-vilagos); }
.hn-hazai { max-width: 62rem; margin-bottom: clamp(56px, 7vw, 96px); }
.hn-hazai__allitas { margin: 0 0 22px; font-size: clamp(1.6rem, 1.05rem + 2vw, 2.7rem); line-height: 1.18; letter-spacing: -.025em; font-weight: 800; color: #fff; text-wrap: balance; }
.hn-hazai__valasz { max-width: 60ch; margin: 0; font-size: clamp(1.0625rem, .98rem + .3vw, 1.22rem); line-height: 1.6; color: var(--aq-vilagos-halvany); }
.hn-kozonseg__racs { display: grid; gap: 40px; padding-top: clamp(40px, 5vw, 64px); border-top: 1px solid rgba(238, 241, 234, .16); }
@media (min-width: 1000px) { .hn-kozonseg__racs { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; } }
.hn-mutatok { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 0; margin: 0; }
.hn-mutato { display: flex; flex-direction: column; padding: 18px 20px 20px 0; border-bottom: 1px solid rgba(238, 241, 234, .14); }
.hn-mutato dt { order: 2; margin-top: 4px; font-weight: 700; color: var(--aq-vilagos); }
.hn-mutato__szam { order: 1; margin: 0; font-size: clamp(2rem, 1.5rem + 1.6vw, 3rem); font-weight: 800; line-height: 1; letter-spacing: -.03em; color: #fff; }
.hn-mutato__forras { order: 3; margin: 6px 0 0; font-size: .8125rem; color: rgba(238, 241, 234, .62); }

/* ---------- 5 Alkalmazás ---------- */

.hn-app-ertek { background: var(--td-felulet-2, var(--aq-surface)); }
.hn-app-ertek__racs { display: grid; gap: 48px; align-items: center; }
@media (min-width: 1000px) { .hn-app-ertek__racs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; } }
.hn-telefonok { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 3vw, 36px); max-width: 560px; justify-self: center; width: 100%; }
.hn-telefonok .hn-telefon:last-child { margin-top: 56px; }

/* ---------- 6 Csomagok ---------- */

.hn-csomag-racs { display: grid; gap: 22px; align-items: start; }
@media (min-width: 1100px) { .hn-csomag-racs { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr); gap: 24px; } }
.hn-csomag { display: flex; flex-direction: column; padding: clamp(26px, 3vw, 40px); border-radius: var(--radius-lg); }
.hn-csomag__cimke { margin: 0 0 10px; font-size: .8125rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.hn-csomag__nev { margin: 0; font-size: clamp(1.8rem, 1.3rem + 1.4vw, 2.6rem); letter-spacing: -.03em; }
.hn-csomag__ar { margin: 10px 0 0; font-size: clamp(1.7rem, 1.3rem + 1.1vw, 2.3rem); font-weight: 800; letter-spacing: -.02em; }
.hn-csomag__eves { margin: 4px 0 0; font-size: .9375rem; }
.hn-csomag__uzenet { margin: 20px 0 0; font-size: 1.125rem; font-weight: 700; line-height: 1.4; }
.hn-csomag__alap { margin: 18px 0 8px; font-size: .9375rem; }
.hn-csomag__lista { display: grid; align-content: start; gap: 8px; margin: 12px 0 26px; padding: 0; list-style: none; }
.hn-csomag__lista li { position: relative; padding-left: 26px; line-height: 1.4; }
.hn-csomag__lista li::before { content: ""; position: absolute; left: 1px; top: .32em; width: 14px; height: 8px; border: solid currentColor; border-width: 0 0 2px 2px; transform: rotate(-45deg); }
.hn-csomag__megj { margin: -12px 0 22px; font-size: .875rem; }
.hn-csomag__gomb { align-self: flex-start; }

.hn-csomag--ajanlott { background: var(--aq-accent-sotetebb); color: #fff; box-shadow: var(--shadow-raised); }
.hn-csomag--ajanlott .hn-csomag__cimke { color: var(--aq-accent-vilagos); }
.hn-csomag--ajanlott .hn-csomag__eves, .hn-csomag--ajanlott .hn-csomag__alap { color: rgba(255, 255, 255, .78); }
.hn-csomag--ajanlott .hn-csomag__lista li::before { color: var(--aq-accent-vilagos); }
.hn-csomag--ajanlott .hn-csomag__gomb { background: var(--td-felulet, #fff); color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); }
.hn-csomag--ajanlott .hn-csomag__gomb:hover { background: var(--td-hatter, var(--aq-paper)); }

.hn-csomag--teljes { background: var(--aq-deep); color: var(--aq-vilagos); }
.hn-csomag--teljes .hn-csomag__cimke { color: var(--hn-fa); }
.hn-csomag--teljes .hn-csomag__nev, .hn-csomag--teljes .hn-csomag__ar { color: #fff; }
.hn-csomag--teljes .hn-csomag__eves, .hn-csomag--teljes .hn-csomag__megj { color: var(--aq-vilagos-halvany); }
.hn-csomag--teljes .hn-csomag__lista li::before { color: var(--hn-fa); }

.hn-letra { display: grid; align-content: start; margin: 0; padding: 0; list-style: none; border-top: 2px solid var(--aq-text); }
.hn-letra__fok { padding: 20px 0 22px; border-bottom: 1px solid var(--td-keret, var(--aq-line)); }
.hn-letra__fej { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.hn-letra__nev { margin: 0; font-size: 1.35rem; }
.hn-letra__ar { margin: 0; font-size: 1.125rem; font-weight: 800; white-space: nowrap; }
.hn-letra__uzenet { margin: 6px 0 0; font-weight: 700; line-height: 1.4; }
.hn-letra__eves { margin: 4px 0 0; font-size: .875rem; color: var(--td-halk, var(--aq-muted)); }
.hn-letra__uj { margin: 10px 0 10px; font-size: .875rem; line-height: 1.5; color: var(--td-halk, var(--aq-muted)); }

/* ---------- 7 Összehasonlítás ---------- */

.hn-tabla-keret { overflow-x: auto; -webkit-overflow-scrolling: touch; border-radius: var(--radius-md); contain: paint; } /* a görgethető tábla ne növelje mobilon az oldal szélességét */
.hn-tabla-keret:focus-visible { outline: 3px solid var(--aq-accent); outline-offset: 3px; }
.hn-tabla { width: 100%; min-width: 760px; border-collapse: collapse; font-size: .9375rem; background: var(--td-felulet, #fff); }
.hn-tabla th, .hn-tabla td { padding: 12px 14px; border-bottom: 1px solid var(--td-keret, var(--aq-line)); text-align: center; vertical-align: middle; }
.hn-tabla tbody th { text-align: left; font-weight: 600; }
.hn-tabla thead th { padding: 18px 12px 16px; background: var(--td-felulet, #fff); border-bottom: 2px solid var(--aq-text); vertical-align: bottom; }
.hn-tabla tr > th:first-child { position: sticky; left: 0; z-index: 2; background: var(--td-felulet, #fff); }
.hn-tabla__sugo { display: none; margin: 0 0 10px; font-size: .875rem; color: var(--td-halk, var(--aq-muted)); }
@media (max-width: 760px) {
  .hn-tabla__sugo { display: block; }
  .hn-tabla { min-width: 620px; font-size: .8125rem; }
  .hn-tabla th, .hn-tabla td { padding: 10px 8px; }
  .hn-tabla tr > th:first-child { width: 136px; min-width: 136px; box-shadow: 1px 0 0 var(--aq-line); }
  .hn-tabla__nev { font-size: .9375rem; }
}
.hn-tabla__nev { display: block; font-size: 1.125rem; font-weight: 800; }
.hn-tabla__ar { display: block; margin-top: 2px; font-size: .8125rem; font-weight: 600; color: var(--td-halk, var(--aq-muted)); white-space: nowrap; }
.hn-tabla__cimke { display: block; margin-bottom: 6px; font-size: .6875rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.hn-tabla__csoport th { padding-top: 26px; font-size: .8125rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--td-figyelem-szoveg, var(--aq-wood)); text-align: left; background: var(--td-felulet, #fff); }
.hn-tabla .hn-osz--ajanlott { background: var(--td-felulet-2, #EAF4F1); }
.hn-tabla thead .hn-osz--ajanlott { background: var(--aq-accent-sotetebb); color: #fff; border-bottom-color: var(--aq-accent-sotetebb); }
.hn-tabla thead .hn-osz--ajanlott .hn-tabla__ar, .hn-tabla thead .hn-osz--ajanlott .hn-tabla__cimke { color: var(--aq-accent-vilagos); }
.hn-tabla thead .hn-osz--teljes { background: var(--aq-deep); color: #fff; border-bottom-color: var(--aq-deep); }
.hn-tabla thead .hn-osz--teljes .hn-tabla__ar { color: var(--aq-vilagos-halvany); }
.hn-tabla thead .hn-osz--teljes .hn-tabla__cimke { color: var(--hn-fa); }
.hn-tabla td.hn-osz--teljes { background: var(--td-felulet-2, #F3F1EA); }
.hn-pipa { display: inline-flex; color: var(--td-teal-szoveg, var(--aq-accent-sotet)); }
.hn-pipa .ikon { width: 1.35em; height: 1.35em; stroke-width: 2.4; }
.hn-nem { color: #A3ADA8; }
.hn-cella-szoveg { font-weight: 700; font-size: .875rem; white-space: nowrap; }

/* ---------- 8 Több üzlet ---------- */

.hn-telephely { background: var(--td-felulet-2, var(--aq-paper-meleg)); }
.hn-telephely__racs { display: grid; gap: 36px; align-items: center; }
@media (min-width: 1000px) { .hn-telephely__racs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; } }
.hn-telephely__tabla { width: 100%; border-collapse: collapse; font-size: 1rem; }
.hn-telephely__tabla th, .hn-telephely__tabla td { padding: 14px 10px; border-bottom: 1px solid var(--td-keret, rgba(13, 26, 23, .14)); text-align: right; }
.hn-telephely__tabla th:first-child { text-align: left; }
.hn-telephely__tabla thead th { font-size: .8125rem; letter-spacing: .1em; text-transform: uppercase; color: var(--td-halk, var(--aq-muted)); border-bottom: 2px solid var(--aq-text); }
.hn-telephely__ajanlott th, .hn-telephely__ajanlott td { font-weight: 800; color: var(--td-teal-szoveg, var(--aq-accent-sotetebb)); }
.hn-telephely__megj { display: block; font-size: .8125rem; font-weight: 400; color: var(--td-halk, var(--aq-muted)); }

/* ---------- 9 Pro ügyfélszerzés ---------- */

.hn-pro { background: var(--hn-zold); color: var(--aq-vilagos); }
.hn-pro__racs { display: grid; gap: 40px; align-items: start; }
@media (min-width: 1100px) { .hn-pro__racs { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 64px; } }
.hn-pro figcaption { color: var(--aq-vilagos-halvany); }
.hn-pro__lista { display: grid; gap: 0; margin: 0; padding: 0; list-style: none; }
.hn-pro__lista li { padding: 16px 0; border-top: 1px solid rgba(238, 241, 234, .14); }
.hn-pro__lista h3 { margin: 0 0 4px; font-size: 1.125rem; color: #fff; }
.hn-pro__lista p { margin: 0; line-height: 1.5; color: var(--aq-vilagos-halvany); }
.hn-pro__kepek { display: grid; grid-template-columns: minmax(0, 220px) minmax(0, 1fr); gap: clamp(20px, 3vw, 40px); align-items: end; margin-top: clamp(40px, 5vw, 64px); }
@media (max-width: 640px) { .hn-pro__kepek { grid-template-columns: 1fr; } .hn-pro__kepek .hn-telefon { max-width: 220px; } }

/* ---------- 10 Statisztika ---------- */

.hn-statisztika__racs { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1100px) { .hn-statisztika__racs { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; } }

/* ---------- 11 Max / banner ---------- */

.hn-max { background: var(--aq-deep); color: var(--aq-vilagos); }
.hn-max__fej { max-width: 62ch; margin-bottom: clamp(32px, 4vw, 56px); }
.hn-max__fej .felirat { color: var(--hn-fa); }
.hn-max__ar { margin: 20px 0 0; font-size: clamp(1.125rem, 1rem + .5vw, 1.4rem); color: var(--aq-vilagos); }
.hn-max__ar strong { color: #fff; }
.hn-max__racs { display: grid; gap: 40px; align-items: start; }
@media (min-width: 1100px) { .hn-max__racs { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 64px; } }
.hn-max figcaption { color: var(--aq-vilagos-halvany); }
.hn-max__szoveg .hn-bevezeto { margin-top: 0; }
.hn-max__stat { margin-top: 28px; }
@media (min-width: 1100px) { .hn-max__racs { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); } .hn-max__kep, .hn-max__stat { grid-column: 1; } .hn-max__szoveg { grid-column: 2; grid-row: 1 / span 2; } }
.hn-meretek { margin-top: clamp(32px, 4vw, 56px); padding-top: 18px; border-top: 1px solid rgba(238, 241, 234, .14); }
.hn-meretek summary { cursor: pointer; font-weight: 700; color: #fff; min-height: 44px; display: flex; align-items: center; }
.hn-meretek__tabla { width: 100%; min-width: 560px; border-collapse: collapse; margin-top: 12px; font-size: .9375rem; }
.hn-meretek__tabla th, .hn-meretek__tabla td { padding: 10px 12px; border-bottom: 1px solid rgba(238, 241, 234, .12); text-align: left; color: var(--aq-vilagos); }
.hn-meretek__tabla thead th { font-size: .8125rem; color: var(--aq-vilagos-halvany); }

/* ---------- 12 Popup ---------- */

.hn-popup { background: var(--aq-water-deep); color: var(--aq-vilagos); }
.hn-popup__racs { display: grid; gap: 48px; align-items: center; }
@media (min-width: 1100px) { .hn-popup__racs { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; } }
.hn-popup__ar { margin: 18px 0 0; font-size: 1.25rem; color: var(--aq-vilagos); }
.hn-popup__ar strong { font-size: 1.6rem; color: #fff; }
.hn-popup__kepek { position: relative; padding-bottom: 40px; }
.hn-popup__web { margin-right: 18%; }
.hn-popup__app { position: absolute; right: 0; bottom: 0; width: 26%; max-width: 200px; }

/* ---------- 13–14 Kreatív, fizetés ---------- */

.hn-zaro-info__racs { display: grid; gap: 48px; }
@media (min-width: 1000px) { .hn-zaro-info__racs { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 72px; } }
.hn-arlista { margin: 18px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--td-keret, var(--aq-line)); }
.hn-arlista li { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--td-keret, var(--aq-line)); }
.hn-fizetes__lista { display: grid; gap: 0; margin: 18px 0 0; }
.hn-fizetes__lista div { display: grid; gap: 4px 24px; padding: 14px 0; border-top: 1px solid var(--td-keret, var(--aq-line)); }
.hn-fizetes__lista div:last-child { border-bottom: 1px solid var(--td-keret, var(--aq-line)); }
@media (min-width: 720px) { .hn-fizetes__lista div { grid-template-columns: 180px 1fr; } }
.hn-fizetes__lista dt { font-weight: 800; }
.hn-fizetes__lista dd { margin: 0; color: var(--td-halk, var(--aq-muted)); }

/* ---------- 15 GYIK ---------- */

.hn-gyik { background: var(--td-felulet-2, var(--aq-paper-meleg)); }
.hn-gyik__racs { display: grid; gap: 32px; }
@media (min-width: 1000px) { .hn-gyik__racs { grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr); gap: 72px; } }
.hn-gyik__lista details { border-top: 1px solid var(--td-keret, rgba(13, 26, 23, .15)); }
.hn-gyik__lista details:last-child { border-bottom: 1px solid var(--td-keret, rgba(13, 26, 23, .15)); }
.hn-gyik__lista summary {
  display: flex; justify-content: space-between; align-items: center; gap: 16px; min-height: 56px; padding: 14px 0;
  cursor: pointer; list-style: none; font-size: 1.0625rem; font-weight: 700;
}
.hn-gyik__lista summary::-webkit-details-marker { display: none; }
.hn-gyik__lista summary::after { content: "+"; flex: none; font-size: 1.5rem; font-weight: 400; line-height: 1; color: var(--td-teal-szoveg, var(--aq-accent-sotet)); }
.hn-gyik__lista details[open] summary::after { content: "–"; }
.hn-gyik__lista p { max-width: 70ch; margin: 0 0 18px; line-height: 1.6; color: var(--td-halk, var(--aq-muted)); }

/* ---------- 16 Záró igénylés ---------- */

.hn-zaro { padding-block: var(--szekcio-ter); background: var(--aq-deep); color: var(--aq-vilagos); }
.hn-zaro__racs { display: grid; gap: 40px; align-items: center; }
@media (min-width: 1000px) { .hn-zaro__racs { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; } }

/* ---------- PWA ---------- */

.hn--app .shell { width: min(100% - 32px, var(--shell-max)); }
.hn--app .hn-hos { padding-top: 28px; }
.hn--app .hn-hos__cim { font-size: clamp(2rem, 1.4rem + 3vw, 3rem); }
.hn--app .hn-hos__web { display: none; }
.hn--app .hn-hos__kepek { margin-bottom: 0; }
.hn--app .hn-hos__app { position: static; width: 58%; max-width: 260px; margin: 0 auto; }

@media (prefers-reduced-motion: reduce) {
  .hn * { scroll-behavior: auto; }
}