:root{
  /* világos alap */
  --paper:#FDF9F4; --sand:#EFE5D9; --sand-2:#E6D8C8; --line:#DED0BE;
  --ink:#191919; --body:#333A41; --muted:#6F6862;
  --brand:#E47C44; --brand-soft:#FBEEE5; --brand-deep:#B85B22;
  /* sötét sávok — a Coaching oldalról kimért értékek */
  --dark:#1B2026; --dark-2:#262C33; --dark-card:#2C333B; --dark-line:#3A424B;
  --dark-ink:#F4F1EB; --dark-body:#AEB6C0; --dark-muted:#7C8592;
  --shell:1180px; --r:18px;
  --font:"Montserrat","Avenir Next","Segoe UI",system-ui,sans-serif;
}
:where(.hs-scope) *,:where(.hs-scope) *::before,:where(.hs-scope) *::after{box-sizing:border-box}

.hs-scope{background:var(--paper);color:var(--body);font-family:var(--font);
  font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased}
:where(.hs-scope) img{max-width:100%;display:block}
:where(.hs-scope) a{color:inherit}
:where(.hs-scope) :focus-visible{outline:3px solid var(--brand);outline-offset:3px;border-radius:6px}
.hs-wrap{max-width:var(--shell);margin-inline:auto;padding-inline:24px}
:where(.hs-scope) h1,:where(.hs-scope) h2,:where(.hs-scope) h3,:where(.hs-scope) h4{color:var(--ink);font-weight:800;letter-spacing:-.026em;line-height:1.14;margin:0;text-wrap:balance}
:where(.hs-scope) h1{font-size:clamp(2rem,1.15rem + 3.4vw,3.4rem)}
:where(.hs-scope) h2{font-size:clamp(1.55rem,1.1rem + 1.9vw,2.4rem)}
:where(.hs-scope) h3{font-size:clamp(1.1rem,1.02rem + .45vw,1.32rem)}
:where(.hs-scope) p{margin:0}
.hs-hi{color:var(--brand)}
.hs-sec{padding-block:clamp(60px,6.5vw,104px)}
.hs-sand{background:var(--sand)}
.hs-center{text-align:center;max-width:64ch;margin-inline:auto}
.hs-lead{font-size:clamp(1.02rem,.96rem + .35vw,1.18rem);line-height:1.66}
.hs-eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--brand)}

/* sötét sáv */
.hs-dark{background:var(--dark);color:var(--dark-body)}
.hs-dark h1,.hs-dark h2,.hs-dark h3,.hs-dark h4{color:var(--dark-ink)}
.hs-dark .hs-muted{color:var(--dark-muted)}

.hs-pill{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--brand);padding:8px 16px;
  border:1px solid rgba(228,124,68,.45);border-radius:100px;background:rgba(228,124,68,.09)}

/* gombok — pill, ahogy a Coaching oldalon */
.hs-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:inherit;
  font-weight:700;font-size:16.5px;line-height:1.25;text-decoration:none;padding:16px 30px;
  border-radius:100px;border:2px solid transparent;cursor:pointer;text-align:center;
  transition:transform .18s ease,box-shadow .18s ease,background .18s,color .18s,border-color .18s}
.hs-btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 30px -10px rgba(228,124,68,.7)}
.hs-btn-primary:hover{background:#F0975F;transform:translateY(-2px);box-shadow:0 16px 40px -12px rgba(228,124,68,.85)}
.hs-btn-ghost{border-color:var(--line);color:var(--ink)}
.hs-btn-ghost:hover{border-color:var(--brand);color:var(--brand-deep)}
.hs-dark .hs-btn-ghost{border-color:var(--dark-line);color:var(--dark-ink)}
.hs-dark .hs-btn-ghost:hover{border-color:var(--brand);color:var(--brand)}
.hs-btn-sm{padding:11px 22px;font-size:14px}

/* ── FEJLÉC ── */
/* A logó fehér+narancs, átlátszó háttérrel készült — ezért a fejléc sötét marad,
   és így folytonos átmenetet ad a sötét heróba. */
.hs-hdr{position:sticky;top:0;z-index:60;background:rgba(27,32,38,.9);backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(255,255,255,.08)}
.hs-hdr-in{display:flex;align-items:center;gap:20px;height:76px}
.hs-logo{display:flex;align-items:center;text-decoration:none;flex:0 0 auto}
.hs-logo img{height:36px;width:auto}
.hs-nav{display:none;gap:2px;margin-inline:auto}
.hs-nav a{text-decoration:none;font-size:14.5px;font-weight:600;color:var(--dark-body);padding:9px 13px;
  border-radius:100px;transition:.18s}
.hs-nav a:hover{color:var(--dark-ink);background:rgba(255,255,255,.06)}
.hs-nav a.on{color:var(--brand);background:rgba(228,124,68,.13)}
.hs-hdr-cta{display:flex;align-items:center;gap:10px;margin-left:auto}
.hs-link-login{display:none;text-decoration:none;font-size:14px;font-weight:700;color:var(--dark-ink);
  padding:10px 20px;border:1.5px solid var(--dark-line);border-radius:100px}
.hs-link-login:hover{border-color:var(--brand);color:var(--brand)}
.hs-burger{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;
  border:1px solid var(--dark-line);background:transparent;color:var(--dark-ink);cursor:pointer;font-size:17px}
@media(min-width:1180px){.hs-nav{display:flex}.hs-hdr-cta{margin-left:0}.hs-link-login{display:inline-flex}.hs-burger{display:none}}
.hs-mnav{display:none;padding:8px 0 20px;border-top:1px solid var(--dark-line)}
.hs-mnav.open{display:block}
.hs-mnav a{display:block;text-decoration:none;padding:13px 4px;font-weight:600;color:var(--dark-body);
  border-bottom:1px solid var(--dark-line)}
.hs-mnav a.on{color:var(--brand)}
.hs-mnav .hs-btn{display:none}
@media(max-width:620px){
  .hs-hdr-in{gap:12px}.hs-logo-txt em{display:none}.hs-hdr-cta > .hs-btn{display:none}
  .hs-mnav .hs-btn{display:flex;width:100%;margin-top:16px}.hs-mnav a:last-of-type{border-bottom:0}
}

/* ── HERO ── */
.hs-hero{position:relative;overflow:hidden;padding-block:clamp(48px,5.5vw,84px) clamp(56px,6vw,92px)}
.hs-hero::before{content:"";position:absolute;width:820px;height:820px;right:-300px;top:-330px;border-radius:50%;
  pointer-events:none;background:radial-gradient(circle,rgba(228,124,68,.22),rgba(228,124,68,0) 62%)}
.hs-hero-grid{position:relative;z-index:1;display:grid;gap:44px;grid-template-columns:1fr;align-items:center}
@media(min-width:980px){.hs-hero-grid{grid-template-columns:1.1fr .9fr;gap:60px}}
.hs-hero h1{margin:22px 0 0;max-width:16ch}
.hs-hero .hs-lead{margin-top:20px;max-width:52ch;color:var(--dark-body)}
.hs-hero-cta{display:flex;flex-wrap:wrap;gap:13px;margin-top:30px}
.hs-proof{display:flex;align-items:center;gap:12px;margin-top:24px;flex-wrap:wrap}
.hs-stars{color:var(--brand);letter-spacing:2px}
.hs-proof span{font-size:14px;color:var(--dark-muted)}
.hs-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px;padding-top:24px;border-top:1px solid var(--dark-line)}
.hs-chip{font-size:12.5px;font-weight:600;color:var(--dark-body);background:rgba(255,255,255,.05);
  border:1px solid var(--dark-line);padding:8px 14px;border-radius:100px}
.hs-shot{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--dark-line);
  aspect-ratio:4/5;max-width:400px;margin-inline:auto;width:100%;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9)}
.hs-shot img{width:100%;height:100%;object-fit:cover}
.hs-shot::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(27,32,38,.86) 0%,rgba(27,32,38,.15) 42%,rgba(27,32,38,0) 70%)}
.hs-shot-name{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}
.hs-shot-name b{display:block;color:#fff;font-weight:800;font-size:17px;letter-spacing:-.02em}
.hs-shot-name span{display:block;font-size:13px;color:#D8CFC6;margin-top:2px}
/* Mobilon a teljes portré túl sok függőleges helyet vinne el, és a CTA leszorulna.
   Helyette kompakt szerzői sáv, a nagy kép csak asztali nézetben. */
.hs-author-row{display:flex;align-items:center;gap:14px;margin-top:26px;padding:14px 16px;
  border:1px solid var(--dark-line);border-radius:100px;background:rgba(255,255,255,.04);
  max-width:360px}
.hs-author-row img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 18%;flex:0 0 auto}
.hs-author-row b{display:block;color:var(--dark-ink);font-size:15px;font-weight:800;letter-spacing:-.02em}
.hs-author-row span{display:block;font-size:12.5px;color:var(--dark-muted)}
@media(min-width:980px){.hs-author-row{display:none}}
@media(max-width:979px){.hs-shot{display:none}}

/* ── KÉT ÚT ── */
.hs-grid2{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:860px){.hs-grid2{grid-template-columns:1fr 1fr}}
.hs-grid3{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:720px){.hs-grid3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.hs-grid3{grid-template-columns:repeat(3,1fr)}}
.hs-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;
  display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s}
.hs-card:hover{transform:translateY(-4px);border-color:rgba(228,124,68,.5);
  box-shadow:0 26px 55px -32px rgba(25,25,25,.42)}
.hs-sand .hs-card{background:var(--paper)}
.hs-dark .hs-card{background:var(--dark-card);border-color:var(--dark-line)}
.hs-dark .hs-card p{color:var(--dark-body)}
.hs-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:20px;
  background:var(--brand-soft);border:1px solid rgba(228,124,68,.3);margin-bottom:18px;color:var(--brand-deep)}
.hs-dark .hs-ico{background:rgba(228,124,68,.14);border-color:rgba(228,124,68,.32);color:var(--brand)}
.hs-card h3{margin-bottom:10px}
.hs-card p{font-size:15.5px;line-height:1.62}
.hs-tag{align-self:flex-start;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
  background:var(--brand);color:#fff;padding:5px 11px;border-radius:100px;margin-bottom:14px}
.hs-ticks{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}
.hs-ticks li{position:relative;padding-left:30px;font-size:14.8px;line-height:1.55}
.hs-ticks li::before{content:"✓";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;
  display:grid;place-items:center;font-size:11px;font-weight:800;background:var(--brand-soft);
  color:var(--brand-deep);border:1px solid rgba(228,124,68,.4)}
.hs-dark .hs-ticks li::before{background:rgba(228,124,68,.16);color:var(--brand);border-color:rgba(228,124,68,.42)}
.hs-crosses li::before{content:"✕";background:rgba(25,25,25,.06);color:var(--muted);border-color:var(--line)}
.hs-dark .hs-crosses li::before{background:rgba(255,255,255,.07);color:var(--dark-muted);border-color:var(--dark-line)}
.hs-card .hs-btn{margin-top:22px;align-self:flex-start}

/* ── FOLYAMAT ── */
.hs-steps{display:grid;gap:18px;grid-template-columns:1fr;counter-reset:s}
@media(min-width:760px){.hs-steps{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.hs-steps{grid-template-columns:repeat(4,1fr)}}
.hs-step{padding:26px 22px;border-radius:var(--r);background:var(--paper);border:1px solid var(--line)}
.hs-step::before{counter-increment:s;content:counter(s,decimal-leading-zero);font-size:13px;font-weight:800;
  color:var(--brand);letter-spacing:.1em;display:block;margin-bottom:12px}
.hs-step h3{font-size:1.05rem;margin-bottom:8px}
.hs-step p{font-size:14.5px;line-height:1.6}
.hs-step--first{border-color:rgba(228,124,68,.55);background:var(--brand-soft)}

/* ── IGE ── */
.hs-verse{border-radius:24px;padding:clamp(30px,4vw,52px);background:var(--dark);color:var(--dark-body);
  position:relative;overflow:hidden;text-align:center}
.hs-verse::after{content:"";position:absolute;right:-90px;top:-110px;width:340px;height:340px;border-radius:50%;
  background:radial-gradient(circle,rgba(228,124,68,.22),rgba(228,124,68,0) 65%);pointer-events:none}
.hs-verse blockquote{margin:16px auto 0;max-width:52ch;font-size:clamp(1.15rem,1rem + .8vw,1.6rem);
  line-height:1.42;font-weight:700;letter-spacing:-.02em;color:var(--dark-ink);position:relative;z-index:1}
.hs-verse cite{display:block;margin-top:16px;font-style:normal;font-size:13.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--brand);position:relative;z-index:1}

/* ── VÉLEMÉNYEK ── */
.hs-gmark{display:inline-flex;align-items:center;gap:10px;background:var(--paper);border:1px solid var(--line);
  padding:12px 20px;border-radius:100px;font-weight:700;color:var(--ink);font-size:15px}
.hs-rev{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.hs-rev .hs-stars{display:block;margin-bottom:12px}
.hs-rev p{font-size:14.6px;line-height:1.62}
.hs-rev footer{display:flex;align-items:center;gap:11px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}
.hs-av{width:36px;height:36px;border-radius:50%;background:linear-gradient(145deg,var(--brand),var(--brand-deep));
  display:grid;place-items:center;color:#fff;font-weight:800;font-size:13px;flex:0 0 auto}
.hs-rev footer b{display:block;font-size:14px;color:var(--ink);font-weight:700}
.hs-rev footer span{font-size:12px;color:var(--muted)}
.hs-ph{margin-top:24px;text-align:center;font-size:13px;color:var(--muted);border:1px dashed var(--line);
  border-radius:12px;padding:14px}
.hs-ph code{overflow-wrap:anywhere;background:var(--sand-2);padding:2px 6px;border-radius:5px}

/* ── ALAPÍTÓ ── */
.hs-about{display:grid;gap:40px;grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.hs-about{grid-template-columns:.75fr 1.25fr;gap:56px}}
.hs-about-photo{border-radius:24px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/5;
  box-shadow:0 30px 70px -40px rgba(25,25,25,.5)}
.hs-about-photo img{width:100%;height:100%;object-fit:cover}
/* meglévő kreatívok kerete — a képek fehér hátterűek, ezért világos szekcióba valók */
.hs-visual{border-radius:var(--r);overflow:hidden;background:#fff;border:1px solid var(--line);
  display:grid;place-items:center;padding:18px}
.hs-visual img{width:100%;height:auto;mix-blend-mode:multiply}
.hs-magnet-img{border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--line);padding:14px}
.hs-magnet-img img{width:100%;height:auto;mix-blend-mode:multiply}

/* ── MAGNET / CTA ── */
.hs-magnet{border-radius:26px;padding:clamp(30px,4vw,50px);background:var(--sand);border:1px solid var(--line);
  display:grid;gap:32px;grid-template-columns:1fr;align-items:center}
@media(min-width:900px){.hs-magnet{grid-template-columns:1.25fr .75fr}}
.hs-magnet--dark{background:linear-gradient(150deg,#2E2620,var(--dark));border-color:rgba(228,124,68,.4);color:var(--dark-body)}
.hs-magnet--dark h2{color:var(--dark-ink)}

.hs-form{display:flex;flex-direction:column;gap:11px;background:var(--paper);border:1px solid var(--line);
  border-radius:20px;padding:26px}
.hs-form label{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.hs-form input{font-family:inherit;font-size:15px;padding:14px 16px;border-radius:12px;background:var(--sand);
  border:1px solid var(--line);color:var(--ink)}
.hs-form .hs-btn{margin-top:6px;width:100%}
.hs-form small{font-size:12px;color:var(--muted);line-height:1.5}
.hs-form select,.hs-form textarea{font-family:inherit;font-size:15px;padding:14px 16px;border-radius:12px;
  background:var(--sand);border:1px solid var(--line);color:var(--ink);width:100%}
.hs-form textarea{min-height:110px;resize:vertical}
.hs-form-grid{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:640px){.hs-form-grid{grid-template-columns:1fr 1fr}}
.hs-field{display:flex;flex-direction:column;gap:7px}
.hs-field--wide{grid-column:1/-1}
.hs-checks{display:flex;flex-wrap:wrap;gap:9px}
.hs-checks label{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;
  color:var(--body);text-transform:none;letter-spacing:0;padding:9px 15px;border:1.5px solid var(--line);
  border-radius:100px;cursor:pointer;background:var(--paper)}
.hs-checks input{accent-color:var(--brand);width:15px;height:15px}
.hs-steps-inline{display:grid;gap:14px;grid-template-columns:1fr;counter-reset:t;margin-top:30px}
@media(min-width:760px){.hs-steps-inline{grid-template-columns:repeat(3,1fr)}}
.hs-tstep{padding:20px 20px;border-radius:14px;border:1px solid var(--dark-line);background:rgba(255,255,255,.04)}
.hs-tstep::before{counter-increment:t;content:counter(t);width:26px;height:26px;border-radius:50%;
  background:var(--brand);color:#fff;font-size:13px;font-weight:800;display:grid;place-items:center;
  margin-bottom:12px}
.hs-tstep b{display:block;color:var(--dark-ink);font-size:15.5px;font-weight:800;margin-bottom:5px}
.hs-tstep span{font-size:14px;line-height:1.55;color:var(--dark-body)}
.hs-why{display:grid;gap:14px;grid-template-columns:1fr}
@media(min-width:760px){.hs-why{grid-template-columns:repeat(3,1fr)}}
.hs-why div{padding:22px;border-radius:14px;background:var(--paper);border:1px solid var(--line)}
.hs-why b{display:block;color:var(--ink);font-size:15px;font-weight:800;margin-bottom:6px}
.hs-why p{font-size:14.5px;line-height:1.58}

.hs-post{background:var(--paper);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;
  text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.hs-post:hover{transform:translateY(-4px);border-color:rgba(228,124,68,.5)}
.hs-post-th{aspect-ratio:16/10;background:linear-gradient(140deg,rgba(228,124,68,.24),var(--sand));
  display:grid;place-items:center;color:var(--muted);font-size:12px}
.hs-post-b{padding:20px;display:flex;flex-direction:column;gap:9px;flex:1}
.hs-post-b h3{font-size:16px;line-height:1.35}
.hs-post-b time{margin-top:auto;font-size:12px;color:var(--muted);font-weight:600}

/* ── LÁBLÉC ── */
.hs-ftr{background:var(--dark);color:var(--dark-body);padding-block:56px 28px}
.hs-ftr h4{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--dark-muted);margin-bottom:16px}
.hs-ftr-grid{display:grid;gap:34px;grid-template-columns:1fr}
@media(min-width:800px){.hs-ftr-grid{grid-template-columns:1.6fr 1fr 1fr 1.1fr}}
.hs-ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.hs-ftr a{text-decoration:none;font-size:14.5px;color:var(--dark-body)}
.hs-ftr a:hover{color:var(--brand)}
.hs-ftr .hs-logo-txt b{color:var(--dark-ink)}
.hs-ftr .hs-logo-txt em{color:var(--dark-muted)}
.hs-ftr-bot{margin-top:38px;padding-top:20px;border-top:1px solid var(--dark-line);display:flex;flex-wrap:wrap;
  gap:12px;justify-content:space-between;font-size:13px;color:var(--dark-muted)}


@media (prefers-reduced-motion:reduce){
  *{animation-duration:.001ms !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
  .hs-card:hover,.hs-post:hover,.hs-btn:hover{transform:none}
}

/* --- eles kiegeszitesek --- */
#hs-folyamat{scroll-margin-top:110px}
/* Az Elementor konteneren nincs sajat terkoz a mi oldalainkon */
.hs-page-wrap > .elementor-widget:not(:last-child){margin-block-end:0}
.hs-page-wrap .elementor-widget-container{margin:0;padding:0}
/* Trustindex widget levego */
.hs-trustindex{margin-top:8px}
/* A .hs-ftr a szabaly kulonben elnyomna a gomb sajat szinet */
.hs-ftr .hs-btn-primary,.hs-ftr .hs-btn-primary:hover{color:#fff}
.hs-hdr .hs-btn-primary,.hs-hdr .hs-btn-primary:hover{color:#fff}

/* ═══════════════════════════════════════════════════════════════
   SOTET MOD
   A vilagos szekciok atallitasa. A markup valtozatlan – csak a
   tokenek ertekei mennek at, igy egy blokk torlesevel visszavonhato.
   A narancs markaszin, az ikonok es a gombok erintetlenek maradnak.
   ═══════════════════════════════════════════════════════════════ */
.hs-scope{
  --paper:#161619;      /* alap hatter */
  --sand:#1B1B1F;       /* valtakozo sav */
  --sand-2:#232327;     /* kartya – egy fokkal vilagosabb, ez adja a melyseget */
  --line:#2C2C33;
  --ink:#F9F9F9;        /* cimsorok */
  --body:#B0B0B0;       /* bekezdesek, listak */
  --muted:#8A8A93;
  --brand-soft:#2A1D15; /* ikonhatter sotet alapon */
  --brand-deep:#F0975F; /* narancs szoveg sotet alapon */
  /* a mar meglevo sotet savok is erre a semleges palettara allnak,
     hogy a szekciok kozott ne legyen szin-tores */
  --dark:#161619; --dark-2:#1B1B1F; --dark-card:#232327; --dark-line:#2C2C33;
  --dark-ink:#F9F9F9; --dark-body:#B0B0B0; --dark-muted:#8A8A93;
}
.hs-hdr{background:rgba(22,22,25,.92)}
.hs-ftr{background:#161619}

/* Kartyak es dobozok: egy fokkal vilagosabb, mint a hatter */
.hs-card,.hs-sand .hs-card,.hs-step,.hs-rev,.hs-gmark,.hs-form,
.hs-post,.hs-why div,.hs-checks label{background:var(--sand-2)}
.hs-form input,.hs-form select,.hs-form textarea{background:#1B1B1F;color:var(--ink)}
.hs-verse{background:#1F1F24;border:1px solid var(--line)}

/* A ✕ jelolo sotet alapon kulonben lathatatlan lenne */
.hs-crosses li::before{background:rgba(255,255,255,.07);color:var(--muted);border-color:var(--line)}

/* A termekmockupok feher hatteruek: vilagos lapon maradnak, kulonben
   a multiply keveres feketere vinne oket */
.hs-visual,.hs-magnet-img{background:#F2EFEA;border-color:var(--line)}

/* Melyebb arnyek sotet alapon */
.hs-card:hover{box-shadow:0 26px 55px -30px rgba(0,0,0,.85)}

/* --- urlapok: hozzajarulas, visszajelzes, robotcsapda --- */
.hs-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
/* A .hs-form label nagybetus, ritkitott mezocimke — a hozzajarulas folyoszoveg */
.hs-form label.hs-consent{display:flex;gap:11px;align-items:flex-start;margin:18px 0 4px;
  font-size:14px;line-height:1.6;color:var(--muted);cursor:pointer;
  text-transform:none;letter-spacing:normal;font-weight:400}
.hs-form label.hs-consent input{margin:2px 0 0;flex:0 0 auto;width:17px;height:17px;accent-color:var(--brand)}
.hs-form label.hs-consent a{color:var(--brand-deep);text-decoration:underline;text-underline-offset:2px}
.hs-note-slot:empty{display:none}
.hs-note{display:flex;flex-direction:column;gap:5px;padding:16px 18px;border-radius:14px;
  margin-bottom:18px;font-size:15px;line-height:1.6}
.hs-note b{color:var(--ink);font-size:16px}
.hs-note--siker{background:rgba(230,126,65,.12);border:1px solid rgba(230,126,65,.45)}
.hs-note--hiba{background:rgba(255,255,255,.05);border:1px solid var(--line)}
.hs-note span{color:var(--body)}

/* --- piac-osszehasonlito tablazat --- */
.hs-mkt-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--sand-2)}
.hs-mkt{width:100%;border-collapse:collapse;font-size:15px;min-width:640px}
.hs-mkt th,.hs-mkt td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line)}
.hs-mkt tbody tr:last-child th,.hs-mkt tbody tr:last-child td{border-bottom:0}
.hs-mkt thead th{font-size:11.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);font-weight:800}
.hs-mkt tbody th{font-weight:700;color:var(--ink);white-space:nowrap}
.hs-mkt tbody td{color:var(--body)}
.hs-mkt tr.hs-mkt-hu{background:rgba(255,255,255,.045)}
.hs-mkt tr.hs-mkt-fo th{color:var(--brand-deep)}
.hs-mkt tr.hs-mkt-fo{background:rgba(230,126,65,.07)}
.hs-mkt caption{caption-side:bottom;text-align:left;padding:14px 16px;font-size:13px;color:var(--muted)}
/* ideiglenes jeloles: ide adat kell, mielott elesitjuk */
.hs-todo{display:inline-block;padding:2px 9px;border-radius:6px;background:rgba(230,126,65,.16);
  border:1px dashed rgba(230,126,65,.65);color:var(--brand-deep);font-size:12.5px;font-weight:700}

/* --- GYIK --- */
.hs-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.hs-faq details{background:var(--sand-2);border:1px solid var(--line);border-radius:16px;
  overflow:hidden;transition:border-color .18s ease}
.hs-faq details[open]{border-color:rgba(230,126,65,.42)}
.hs-faq summary{cursor:pointer;list-style:none;padding:19px 54px 19px 22px;position:relative;
  font-weight:700;color:var(--ink);font-size:16.5px;line-height:1.42}
.hs-faq summary::-webkit-details-marker{display:none}
/* + / − jel: sajat rajz, hogy a bongeszo alap nyila ne latszodjon */
.hs-faq summary::after,.hs-faq summary::before{content:"";position:absolute;right:22px;
  background:var(--brand);border-radius:2px;transition:transform .2s ease,opacity .2s ease}
.hs-faq summary::before{top:calc(50% - 1px);width:14px;height:2px}
.hs-faq summary::after{top:calc(50% - 7px);right:28px;width:2px;height:14px}
.hs-faq details[open] summary::after{transform:rotate(90deg);opacity:0}
.hs-faq summary:hover{color:#fff}
.hs-faq details > div{padding:0 22px 20px;display:flex;flex-direction:column;gap:11px}
.hs-faq details > div p{font-size:15.6px;line-height:1.72;color:var(--body)}
@media (max-width:520px){
  .hs-faq summary{padding:17px 46px 17px 17px;font-size:15.6px}
  .hs-faq summary::after{right:23px}
  .hs-faq summary::before{right:17px}
  .hs-faq details > div{padding:0 17px 18px}
}

/* --- koszonooldal: a hataridot igero sav a sotet fejlecben --- */
.hs-koszi-promise{display:grid;grid-template-columns:auto 1fr;gap:5px 15px;max-width:60ch;
  margin-top:30px;padding:20px 24px 21px;border-radius:15px;
  background:rgba(230,126,65,.11);border:1px solid rgba(230,126,65,.4);
  border-left:4px solid var(--brand)}
.hs-koszi-promise::before{content:"✓";grid-row:1/3;width:27px;height:27px;margin-top:2px;
  border-radius:50%;background:var(--brand);color:#fff;
  font-size:15px;font-weight:700;line-height:27px;text-align:center}
.hs-koszi-promise b{color:#fff;font-size:1.16rem;font-weight:800;letter-spacing:-.015em}
.hs-koszi-promise span{color:var(--dark-body);font-size:.99rem;line-height:1.62}
@media(max-width:520px){
  .hs-koszi-promise{padding:17px 18px 18px;gap:5px 12px}
  .hs-koszi-promise b{font-size:1.06rem}
}

/* --- kozossegi ikonok a lablecben --- */
.hs-social{display:flex;gap:10px;margin-top:20px}
.hs-social a{width:38px;height:38px;border:1px solid var(--dark-line);border-radius:11px;
  display:grid;place-items:center;color:var(--dark-body);transition:.18s ease}
.hs-social a:hover{color:#fff;border-color:var(--brand);background:rgba(230,126,65,.14);transform:translateY(-2px)}
.hs-social svg{width:18px;height:18px;fill:currentColor}
