/* ============================================================
   MÁTRA GENERÁL BAU
   Sötét fenyőzöld + arany + krém. Inter. Pill formák, lebegő nav.
   ============================================================ */

:root{
  --primary:#0e3b2c;
  --primary-2:#174d3c;
  --accent:#bf9f5c;
  --accent-2:#e7d3a6;
  --accent-deep:#8f7439;
  --bg:#f3f1e8;
  --light:#fdfbf5;
  --white:#ffffff;
  --text:#222724;
  --muted:#66716a;
  --border:#e9e2d4;
  --success:#2F7D4F;
  --shadow:0 18px 50px rgba(15,58,46,.10);
  --shadow-strong:0 30px 70px rgba(10,30,24,.22);
  --container:1240px;
  --ff:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --ff-display:'Unbounded','Montserrat',system-ui,sans-serif;
  --ease:cubic-bezier(.22,.61,.2,1);
}

*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{background:var(--bg);color:var(--text);font-family:var(--ff);font-size:17px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img,svg,picture{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;background:none;border:none;}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}

.container{max-width:var(--container);margin:0 auto;padding:0 24px;}
.section{padding:clamp(56px,8vw,104px) 0;}
h1,h2{font-family:var(--ff-display);font-weight:700;letter-spacing:-.02em;line-height:1.08;}
h3{font-family:var(--ff);font-weight:700;letter-spacing:-.01em;line-height:1.25;}
.gold{color:var(--accent);}
.muted{color:var(--muted);}

/* ---------- kicker pill ---------- */
.kicker{display:inline-block;font-weight:900;font-size:12px;letter-spacing:.13em;text-transform:uppercase;padding:9px 14px;border-radius:999px;background:rgba(203,175,116,.16);border:1px solid rgba(203,175,116,.5);color:#8c7238;}
.kicker.on-dark{background:rgba(203,175,116,.2);border-color:rgba(203,175,116,.55);color:var(--accent-2);}

/* ---------- gombok ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:900;font-size:16px;line-height:1;border-radius:999px;padding:15px 23px;transition:transform .2s var(--ease),box-shadow .25s var(--ease),background .2s;}
.btn .arw{transition:transform .2s var(--ease);}
.btn:hover .arw{transform:translateX(4px);}
.btn-gold{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#103d2b;box-shadow:0 16px 38px rgba(203,175,116,.3);}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 22px 48px rgba(203,175,116,.42);}
.btn-white{background:var(--white);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 22px rgba(17,24,39,.08);}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(17,24,39,.12);}
.btn-ghost-light{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.28);}
.btn-ghost-light:hover{background:rgba(255,255,255,.16);}

/* ============================================================
   SPLASH (index.html) - kettéosztott választóoldal
   ============================================================ */
.splash{--green:#073f2c;--green2:#0a5b3e;--gold:#cbaf74;--gold2:#ecdcb2;--cream:#fdf9ef;
  height:100vh;min-height:560px;background:#06211a;overflow:hidden;}
.splash-grid{height:100%;display:grid;grid-template-columns:1fr 1fr;}
.spanel{position:relative;display:block;overflow:hidden;background:#041d16;}
.spanel .bgimg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.001);transition:transform .6s var(--ease),filter .6s var(--ease);}
.spanel .bg-belter{background-color:#123e33;background-image:linear-gradient(135deg,#1d5441,#0c3025);}
.spanel .bg-kulter{background-color:#0e3b2d;background-image:linear-gradient(135deg,#0a5b3e,#08291f);}
.spanel .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,63,44,.03),rgba(7,63,44,.72) 55%,rgba(4,25,18,.95));}
.spanel .frame{position:absolute;inset:22px;border:1px solid rgba(255,255,255,.28);border-radius:34px;box-shadow:inset 0 0 0 1px rgba(205,164,94,.18);pointer-events:none;z-index:2;}
.spanel .gold-bar{position:absolute;left:0;right:0;bottom:0;height:0;background:var(--gold);transition:height .5s var(--ease);z-index:3;}
.spanel .spanel-in{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(34px,4vw,64px);}
.spanel .spanel-in .inner{max-width:620px;}
.spanel h1{color:#fff;text-transform:uppercase;font-size:clamp(48px,8vw,108px);line-height:.88;letter-spacing:-.06em;margin:18px 0 14px;}
.spanel p{color:rgba(255,255,255,.88);font-size:clamp(15px,1.4vw,18px);max-width:520px;margin-bottom:24px;}
.spanel .btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#0b2c20;}
.spanel:hover .bgimg{transform:scale(1.065);filter:brightness(1.06) contrast(1.04);}
.spanel:hover .gold-bar{height:14px;}
.splash-divider{position:absolute;top:0;bottom:0;left:50%;width:1px;transform:translateX(-.5px);background:linear-gradient(transparent,rgba(255,255,255,.38),transparent);z-index:5;pointer-events:none;}
.splash-logo{position:absolute;top:24px;left:50%;transform:translateX(-50%);z-index:6;background:rgba(255,248,234,.96);border-radius:28px;padding:15px 22px;box-shadow:0 22px 50px rgba(0,0,0,.35);}
.splash-logo .logo-ph{width:230px;max-width:52vw;height:90px;display:grid;place-items:center;border:1px dashed rgba(18,60,51,.35);border-radius:14px;color:#5c6b60;font-weight:900;font-size:12px;letter-spacing:.16em;}
@media(max-width:800px){
  .splash{height:auto;min-height:0;overflow:visible;}
  .splash-grid{grid-template-columns:1fr;}
  .spanel{min-height:430px;height:56vh;}
  .splash-divider{display:none;}
  .splash-logo{position:static;transform:none;margin:0 auto;display:inline-block;padding:12px 16px;}
  .splash-logo-wrap{position:absolute;top:16px;left:0;right:0;text-align:center;z-index:6;}
  .splash-logo .logo-ph{height:66px;width:190px;}
}

/* ============================================================
   LEBEGŐ PILL NAV (aloldalak)
   ============================================================ */
.floatnav{position:sticky;top:16px;z-index:80;margin:16px auto 0;max-width:var(--container);padding:0 16px;}
.floatnav-in{background:var(--white);border:1px solid var(--border);border-radius:999px;box-shadow:var(--shadow);display:flex;align-items:center;gap:14px;padding:10px 12px 10px 14px;}
.nav-logo{background:var(--light);border:1px solid var(--border);border-radius:16px;padding:6px 10px;flex:0 0 auto;}
.nav-logo .logo-ph{width:104px;height:34px;display:grid;place-items:center;border:1px dashed rgba(18,60,51,.3);border-radius:9px;color:#8a938c;font-weight:900;font-size:9px;letter-spacing:.14em;}
.nav-links{display:flex;align-items:center;gap:4px;margin-left:6px;}
.nav-links a{padding:9px 13px;border-radius:999px;font-weight:600;font-size:14.5px;color:var(--text);transition:background .2s;}
.nav-links a:hover{background:var(--bg);}
.nav-links a.cross{color:var(--primary);font-weight:700;}
.nav-cta{margin-left:auto;padding:12px 20px;font-size:14.5px;}
.nav-burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:999px;border:1px solid var(--border);align-items:center;justify-content:center;}
.nav-burger span{display:block;width:18px;height:2px;background:var(--text);position:relative;}
.nav-burger span::before,.nav-burger span::after{content:"";position:absolute;left:0;width:18px;height:2px;background:var(--text);}
.nav-burger span::before{top:-6px;}.nav-burger span::after{top:6px;}
@media(max-width:960px){
  .nav-links{position:absolute;top:calc(100% + 10px);left:16px;right:16px;background:var(--white);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;padding:10px;gap:2px;display:none;}
  .nav-links.open{display:flex;}
  .nav-links a{padding:12px 14px;border-radius:12px;}
  .nav-burger{display:flex;}
  .nav-cta{margin-left:0;}
}

/* ============================================================
   HERO (aloldalak)
   ============================================================ */
.hero{position:relative;margin-top:22px;}
.hero-bg{position:absolute;inset:0;border-radius:0;background:#0e3629;background-image:linear-gradient(135deg,#174d3c,#092b21);}
.hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,63,44,.15),rgba(7,63,44,.75) 60%,rgba(4,25,18,.92));}
.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;grid-template-areas:"copy card" "btns card";gap:24px clamp(28px,4vw,56px);align-items:center;padding:clamp(48px,7vw,92px) 0 clamp(56px,7vw,92px);}
.hero-copy{grid-area:copy;}
.hero-card{grid-area:card;}
.hero-btns{grid-area:btns;align-self:start;}
.hero-copy h1{color:#fff;font-size:clamp(34px,5vw,56px);margin:16px 0 18px;}
.hero-copy .lead{color:rgba(255,255,255,.88);font-size:clamp(16px,1.5vw,19px);max-width:520px;}
.hero-btns{display:flex;flex-wrap:wrap;gap:14px;}
.hero-card{background:var(--white);border-radius:24px;box-shadow:var(--shadow-strong);padding:26px;}
.pill-grey{display:inline-block;font-weight:700;font-size:12px;letter-spacing:.04em;color:var(--muted);background:var(--bg);border:1px solid var(--border);border-radius:999px;padding:6px 13px;}
.hero-card h2{font-size:24px;margin:14px 0 10px;}
.hero-card > p{color:var(--muted);font-size:15px;}
.hc-rows{margin-top:18px;display:grid;gap:10px;}
.hc-row{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;background:var(--light);border:1px solid var(--border);border-radius:14px;padding:12px 14px;}
.hc-row .ic{width:34px;height:34px;border-radius:10px;background:rgba(203,175,116,.16);color:#8c7238;display:grid;place-items:center;flex:0 0 auto;}
.hc-row b{font-size:14.5px;}
.hc-row span{display:block;font-size:13px;color:var(--muted);line-height:1.45;}
.hero-chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:16px;}
.chip{background:var(--white);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;color:var(--text);box-shadow:0 6px 16px rgba(17,24,39,.05);}
@media(max-width:900px){.hero-inner{grid-template-columns:1fr;grid-template-areas:"copy" "btns" "card";gap:22px;}.hero-btns{align-self:stretch;margin-top:0;}}

/* ============================================================
   BIZALOM ÉS KONTROLL
   ============================================================ */
.panel-white{background:var(--white);border:1px solid var(--border);border-radius:28px;box-shadow:var(--shadow);padding:clamp(26px,4vw,52px);}
.two-col{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(26px,4vw,52px);align-items:center;}
.two-col h2{font-size:clamp(26px,3.4vw,40px);margin:14px 0 16px;}
.two-col p{color:var(--muted);margin-bottom:12px;}
.card-green{background:var(--primary);color:#fff;border-radius:24px;padding:clamp(24px,3vw,34px);}
.card-green h3{font-size:22px;margin-bottom:18px;}
.check-list{list-style:none;display:grid;gap:14px;}
.check-list li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;}
.check-ic{width:26px;height:26px;border-radius:999px;background:rgba(203,175,116,.2);color:var(--accent-2);display:grid;place-items:center;flex:0 0 auto;margin-top:2px;}
.card-green .check-list li span{color:rgba(255,255,255,.9);font-size:15.5px;}
.check-list.on-light .check-ic{background:rgba(7,150,105,.14);color:var(--success);}
.check-list.on-light li span{color:var(--text);}

/* ============================================================
   SZOLGÁLTATÁSOK (sötétzöld szekció)
   ============================================================ */
.svc-section{background:var(--primary);color:#fff;}
.svc-head{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:end;margin-bottom:34px;}
.svc-head h2{font-size:clamp(28px,3.6vw,44px);color:#fff;}
.svc-head p{color:rgba(255,255,255,.72);}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.svc-card{text-align:left;display:block;width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;transition:transform .25s var(--ease),background .25s,border-color .25s;}
.svc-card:hover{transform:translateY(-4px);background:rgba(255,255,255,.07);border-color:rgba(203,175,116,.4);}
.svc-card .sk{font-weight:900;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);}
.svc-card h3{color:#fff;font-size:20px;margin:10px 0 8px;}
.svc-card p{color:rgba(255,255,255,.72);font-size:14.5px;}
.svc-card .go{margin-top:14px;color:var(--accent-2);font-weight:700;font-size:14px;display:inline-flex;align-items:center;gap:7px;}
.svc-card:hover .go .arw{transform:translateX(4px);}
.svc-card .go .arw{transition:transform .2s var(--ease);}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr 1fr;}.svc-head{grid-template-columns:1fr;}}
@media(max-width:600px){.svc-grid{grid-template-columns:1fr;}}

/* ============================================================
   FOLYAMAT
   ============================================================ */
.proc-head{text-align:center;max-width:680px;margin:0 auto 40px;}
.proc-head h2{font-size:clamp(26px,3.4vw,40px);margin-top:14px;}
.proc-row{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;}
.proc-card{background:var(--white);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:24px 20px;}
.proc-badge{width:46px;height:46px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#103d2b;font-weight:900;display:grid;place-items:center;margin-bottom:16px;}
.proc-card h3{font-size:17px;margin-bottom:6px;}
.proc-card p{color:var(--muted);font-size:14px;}
@media(max-width:960px){.proc-row{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.proc-row{grid-template-columns:1fr;}}

/* ============================================================
   MIÉRT MINKET (6 kártya)
   ============================================================ */
.why-head{max-width:720px;margin-bottom:36px;}
.why-head h2{font-size:clamp(26px,3.4vw,40px);margin-top:14px;}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.why-card{background:var(--white);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow);padding:26px;}
.why-ic{width:44px;height:44px;border-radius:13px;background:rgba(203,175,116,.15);color:#8c7238;display:grid;place-items:center;margin-bottom:16px;}
.why-card h3{font-size:18px;margin-bottom:8px;}
.why-card p{color:var(--muted);font-size:14.5px;}
@media(max-width:900px){.why-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.why-grid{grid-template-columns:1fr;}}

/* ============================================================
   REFERENCIÁK GALÉRIA
   ============================================================ */
.ref-head{max-width:680px;margin-bottom:34px;}
.ref-head h2{font-size:clamp(26px,3.4vw,40px);margin-top:14px;}
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ref-tile{aspect-ratio:4/3;border-radius:18px;overflow:hidden;position:relative;background:#dfe3df;background-image:linear-gradient(135deg,#e7ebe6,#d3d9d2);box-shadow:var(--shadow);}
.ref-tile .lab{position:absolute;left:14px;bottom:12px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#6b756c;}
.ref-note{margin-top:20px;color:var(--muted);font-size:15px;}
@media(max-width:900px){.ref-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.ref-grid{grid-template-columns:1fr;}}

/* ============================================================
   GYIK
   ============================================================ */
.faq-wrap{display:grid;grid-template-columns:1.3fr .7fr;gap:clamp(24px,4vw,44px);align-items:start;}
.faq-list{display:grid;gap:12px;}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:0 8px 22px rgba(17,24,39,.05);overflow:hidden;}
.faq-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;font-weight:700;font-size:17px;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-plus{position:relative;width:22px;height:22px;flex:0 0 auto;transition:transform .3s var(--ease);}
.faq-plus::before,.faq-plus::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent);}
.faq-plus::before{width:15px;height:2.5px;}.faq-plus::after{width:2.5px;height:15px;}
.faq-item[open] .faq-plus{transform:rotate(45deg);}
.faq-a{padding:0 22px 20px;color:var(--muted);font-size:15px;}
.faq-side{position:sticky;top:96px;}
.faq-side .card-green h3{font-size:20px;margin-bottom:18px;}
@media (prefers-reduced-motion:reduce){.faq-plus{transition:none;}}
@media(max-width:860px){.faq-wrap{grid-template-columns:1fr;}.faq-side{position:static;}}

/* ============================================================
   KAPCSOLAT / ŰRLAP
   ============================================================ */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(22px,3vw,40px);}
.contact-info h3{color:#fff;font-size:22px;margin-bottom:12px;}
.contact-info p{color:rgba(255,255,255,.85);margin-bottom:18px;font-size:15.5px;}
.info-tiles{display:grid;gap:12px;}
.info-tile{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:13px 15px;}
.info-tile .ic{width:38px;height:38px;border-radius:11px;background:rgba(203,175,116,.2);color:var(--accent-2);display:grid;place-items:center;flex:0 0 auto;}
.info-tile b{color:#fff;font-size:14px;font-weight:700;display:block;}
.info-tile span{color:rgba(255,255,255,.8);font-size:13.5px;}
.info-tile a{color:var(--accent-2);}
.form-card{background:var(--white);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);padding:clamp(22px,3vw,34px);}
.field{margin-bottom:16px;}
.field label{display:block;font-size:13px;font-weight:700;color:var(--text);margin-bottom:7px;}
.field label .opt{color:var(--muted);font-weight:400;}
.field input,.field select,.field textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:12px;color:var(--text);font-family:var(--ff);font-size:16px;padding:13px 14px;transition:border-color .2s,background .2s;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);background:var(--white);}
.field input.invalid,.field select.invalid{border-color:#c0392b;}
.field textarea{min-height:110px;resize:vertical;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.ferr{color:#c0392b;font-size:13px;margin-top:7px;}
.ferr:empty{margin:0;}
.checkline{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);line-height:1.5;margin-top:4px;}
.checkline input{width:19px;height:19px;accent-color:var(--primary);margin-top:1px;flex:0 0 auto;}
.checkline a{color:var(--primary);text-decoration:underline;}
.form-card .btn-gold{width:100%;margin-top:8px;padding:16px;}
.form-note{text-align:center;font-size:13px;color:var(--muted);margin-top:14px;}
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;opacity:0;}
@media(max-width:820px){.contact-grid{grid-template-columns:1fr;}.field-row{grid-template-columns:1fr;}}

/* ============================================================
   FOOTER
   ============================================================ */
/* ===== LABLEC v2: markas, melyzold + arany ===== */
.site-footer{position:relative;background:linear-gradient(180deg,var(--primary),#0a2c22);color:#fff;padding:clamp(44px,6vw,72px) 0 26px;overflow:hidden;}
.site-footer::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,transparent,var(--accent),transparent);}
.site-footer::after{content:"";position:absolute;right:-140px;top:-140px;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(191,159,92,.15),transparent 70%);pointer-events:none;}
.foot-main{position:relative;display:grid;grid-template-columns:1.7fr 1fr 1fr 1.5fr;gap:clamp(26px,4vw,54px);padding-bottom:clamp(30px,4vw,46px);}
.foot-brand img{height:76px;width:auto;background:var(--light);border-radius:16px;padding:8px 13px;box-shadow:0 14px 32px rgba(0,0,0,.28);}
.foot-brand p{margin-top:18px;color:rgba(255,255,255,.7);font-size:14.5px;line-height:1.6;max-width:330px;}
.foot-col{display:flex;flex-direction:column;gap:11px;}
.foot-col h4{font-family:var(--ff);font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);margin-bottom:15px;}
.foot-col a,.foot-addr{color:rgba(255,255,255,.8);font-size:14.5px;line-height:1.4;display:flex;align-items:center;gap:11px;transition:color .2s;}
.foot-col a:hover{color:#fff;}
.foot-contact .fic{width:31px;height:31px;flex:0 0 auto;border-radius:9px;background:rgba(191,159,92,.15);border:1px solid rgba(191,159,92,.3);color:var(--accent-2);display:grid;place-items:center;}
.foot-contact .fic svg{width:15px;height:15px;}
.foot-cta{margin-top:10px;display:inline-flex!important;align-items:center;gap:8px;justify-content:center;background:linear-gradient(135deg,var(--accent-deep),var(--accent) 55%,var(--accent-2));color:#fff!important;font-weight:700;border-radius:999px;padding:13px 18px;box-shadow:0 14px 28px rgba(0,0,0,.24);transition:transform .2s var(--ease),box-shadow .2s;}
.foot-cta:hover{transform:translateY(-2px);color:#fff!important;box-shadow:0 18px 34px rgba(0,0,0,.3);}
.foot-bar{position:relative;border-top:1px solid rgba(255,255,255,.13);padding-top:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:rgba(255,255,255,.58);}
.foot-legal{display:flex;gap:8px;}
.foot-legal a{color:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 14px;font-weight:600;transition:border-color .2s,color .2s,background .2s;}
.foot-legal a:hover{border-color:var(--accent);color:#fff;background:rgba(191,159,92,.12);}
@media(max-width:860px){.foot-main{grid-template-columns:1fr 1fr;gap:30px 28px;}.foot-brand{grid-column:1 / -1;}}
@media(max-width:560px){.foot-main{grid-template-columns:1fr;gap:26px;}.foot-bar{flex-direction:column;align-items:flex-start;gap:13px;}}

/* ---------- sticky mobil sáv ---------- */
.mbar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:none;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid var(--border);box-shadow:0 -8px 24px rgba(17,24,39,.08);transform:translateY(120%);transition:transform .35s var(--ease);}
.mbar.show{transform:none;}
.mbar .btn{padding:14px 10px;font-size:15px;}
@media(max-width:820px){.mbar{display:grid;}}
@media (prefers-reduced-motion:reduce){.mbar{transition:none;}}

/* ---------- reveal ---------- */
.js :where(.reveal){opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js .reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.js :where(.reveal){opacity:1;transform:none;transition:none;}}

/* ============================================================
   EGYEDÍTÉS v2 - motívumok, extra komponensek, gazdagabb animációk
   ============================================================ */

/* ---- kicker: jellegzetes arany vonaljel (minden szekcióban egységes) ---- */
.kicker{position:relative;display:inline-flex;align-items:center;gap:9px;}
.kicker::before{content:"";width:20px;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;display:inline-block;transition:width .5s var(--ease);}
.js .reveal .kicker::before{width:0;}
.js .reveal.in .kicker::before{width:20px;}
.kicker.on-dark::before{background:linear-gradient(90deg,var(--accent-2),#fff);}

/* ---- szekció-sorszám (editorial motívum) ---- */
.sec-no{font-family:var(--ff-display);font-weight:800;font-size:13px;letter-spacing:.02em;color:var(--accent-deep);display:inline-block;margin-bottom:10px;}
.sec-no .sl{color:var(--border);margin:0 4px;}
.svc-section .sec-no,.card-green .sec-no{color:var(--accent-2);}
.svc-section .sec-no .sl{color:rgba(255,255,255,.25);}

/* ---- kártya sarokjel + gazdagabb hover (svc / why / proc) ---- */
.svc-card,.why-card,.proc-card{position:relative;overflow:hidden;}
.why-card::after,.proc-card::after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-top:26px solid var(--accent);border-left:26px solid transparent;opacity:0;transition:opacity .3s var(--ease);}
.why-card:hover::after,.proc-card:hover::after{opacity:.9;}
.why-card:hover,.proc-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-strong);border-color:rgba(191,159,92,.4);}
.svc-card::after{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2));transform:scaleY(0);transform-origin:top;transition:transform .3s var(--ease);}
.svc-card:hover::after{transform:scaleY(1);}

/* ---- folyamat: összekötő arany vonal a badge-ek mögött ---- */
.proc-row{position:relative;}
.proc-row::before{content:"";position:absolute;top:calc(24px + 23px);left:10%;right:10%;height:2px;background:repeating-linear-gradient(90deg,var(--border),var(--border) 8px,transparent 8px,transparent 16px);z-index:0;}
.proc-card{z-index:1;}
.proc-badge{position:relative;box-shadow:0 8px 20px rgba(191,159,92,.35);}
@media(max-width:960px){.proc-row::before{display:none;}}

/* ---- STATISZTIKA-SÁV (számlálók) ---- */
/* ===== STATISZTIKA-SAV v2: uveg-kartyak arany ikon-chipekkel ===== */
.statbar{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:#fff;position:relative;overflow:hidden;}
.statbar::before{content:"";position:absolute;inset:0;background:radial-gradient(700px 240px at 85% -30%,rgba(191,159,92,.2),transparent 62%),radial-gradient(600px 240px at 8% 130%,rgba(191,159,92,.12),transparent 60%);pointer-events:none;}
.statbar::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(191,159,92,.5),transparent);}
.stat-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.stat-cell{display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:24px 22px 22px;position:relative;overflow:hidden;transition:transform .32s var(--ease),border-color .32s var(--ease),background .32s var(--ease);}
.stat-cell::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2));opacity:0;transition:opacity .32s var(--ease);}
.stat-cell:hover{transform:translateY(-5px);border-color:rgba(191,159,92,.4);background:rgba(255,255,255,.065);}
.stat-cell:hover::before{opacity:1;}
.stat-ic{width:46px;height:46px;border-radius:13px;background:rgba(191,159,92,.15);border:1px solid rgba(191,159,92,.3);color:var(--accent-2);display:grid;place-items:center;margin-bottom:18px;flex:0 0 auto;}
.stat-ic svg{width:23px;height:23px;}
.stat-n{font-family:var(--ff-display);font-weight:800;font-size:clamp(2rem,3.6vw,3rem);line-height:1;letter-spacing:-.02em;color:var(--accent-2);font-variant-numeric:tabular-nums;}
.stat-l{margin-top:10px;font-size:13.5px;font-weight:500;color:rgba(255,255,255,.74);line-height:1.45;}
@media(max-width:900px){.stat-grid{grid-template-columns:1fr 1fr;gap:13px;}}
@media(max-width:560px){.stat-cell{padding:18px 16px 17px;border-radius:15px;}.stat-ic{width:40px;height:40px;border-radius:11px;margin-bottom:13px;}.stat-ic svg{width:20px;height:20px;}.stat-l{font-size:12.5px;margin-top:8px;}}

/* ---- GARANCIA-PECSÉT ---- */
.seal{width:118px;height:118px;border-radius:999px;flex:0 0 auto;display:grid;place-items:center;text-align:center;color:var(--primary);
  background:radial-gradient(circle at 50% 40%,#fff,#f1e8d3);border:2px solid var(--accent);box-shadow:0 12px 30px rgba(15,58,46,.18);position:relative;transform:rotate(-6deg);}
.seal::before{content:"";position:absolute;inset:7px;border:1px dashed rgba(191,159,92,.6);border-radius:999px;}
.seal b{font-family:var(--ff-display);font-weight:800;font-size:15px;line-height:1;}
.seal span{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-deep);margin-top:4px;display:block;}
.seal .yr{font-size:20px;color:var(--accent-deep);}

/* ---- REFERENCIA: tag + hover zoom + lightbox jel ---- */
.ref-tile{cursor:zoom-in;}
.ref-tile .rtag{position:absolute;top:12px;left:12px;background:rgba(15,58,46,.85);color:#fff;font-size:11px;font-weight:600;letter-spacing:.03em;border-radius:999px;padding:5px 11px;z-index:2;}
.ref-tile .rzoom{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:999px;background:rgba(255,255,255,.92);color:var(--primary);display:grid;place-items:center;opacity:0;transform:scale(.8);transition:opacity .25s,transform .25s;z-index:2;}
.ref-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(15,58,46,.35));opacity:0;transition:opacity .3s;}
.ref-tile:hover::after{opacity:1;}
.ref-tile:hover .rzoom{opacity:1;transform:scale(1);}
.ref-tile:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong);}
.ref-tile{transition:transform .3s var(--ease),box-shadow .3s var(--ease);}

/* ---- LIGHTBOX ---- */
.lbx{position:fixed;inset:0;z-index:200;background:rgba(9,20,16,.9);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;padding:24px;}
.lbx.open{display:flex;animation:lbxin .25s var(--ease);}
@keyframes lbxin{from{opacity:0}to{opacity:1}}
.lbx-frame{max-width:920px;width:100%;aspect-ratio:16/10;border-radius:16px;overflow:hidden;background:#dfe3df;background-image:linear-gradient(135deg,#e7ebe6,#cfd6cd);box-shadow:var(--shadow-strong);display:grid;place-items:center;color:#6b756c;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-size:13px;}
.lbx-close{position:absolute;top:20px;right:22px;width:46px;height:46px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:22px;}
.lbx-close:hover{background:rgba(255,255,255,.24);}
.lbx-nav{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:24px;}
.lbx-nav:hover{background:rgba(255,255,255,.24);}
.lbx-prev{left:18px;}.lbx-next{right:18px;}
.lbx-cap{position:absolute;bottom:22px;left:0;right:0;text-align:center;color:rgba(255,255,255,.85);font-size:14px;}
@media(max-width:600px){.lbx-nav{width:42px;height:42px;}}

/* ---- SCROLL PROGRESS ---- */
.scrollprog{position:fixed;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));z-index:200;transition:width .1s linear;}

/* ---- VISSZA A TETEJÉRE ---- */
.totop{position:fixed;right:18px;bottom:88px;z-index:90;width:46px;height:46px;border-radius:999px;background:var(--primary);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow);opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .3s,transform .3s,background .2s;}
.totop.show{opacity:1;transform:none;pointer-events:auto;}
.totop:hover{background:var(--primary-2);}
@media(max-width:820px){.totop{bottom:96px;}}

/* ---- SPLASH egyedítés ---- */
.splash h1{font-family:var(--ff-display);font-weight:800;font-size:clamp(46px,7.4vw,92px);letter-spacing:-.03em;}
/* a sarokjel-hack a lekerekített keretnél rossz helyre esett -> tiszta keret marad */
.js .spanel-in .inner{opacity:0;transform:translateY(22px);animation:spin .7s var(--ease) forwards;}
.js .spanel:nth-child(2) .spanel-in .inner{animation-delay:.12s;}
@keyframes spin{to{opacity:1;transform:none;}}
.splash-choose{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:6;width:64px;height:64px;border-radius:999px;background:rgba(255,248,234,.96);color:var(--primary);display:grid;place-items:center;font-family:var(--ff-display);font-weight:800;font-size:15px;box-shadow:0 14px 34px rgba(0,0,0,.35);}
@media(max-width:800px){.splash-choose{display:none;}.js .spanel-in .inner{animation:none;opacity:1;transform:none;}}
@media (prefers-reduced-motion:reduce){.js .spanel-in .inner{animation:none;opacity:1;transform:none;}}

/* ---- hero finomítás ---- */
.hero-copy h1{font-size:clamp(32px,4.6vw,52px);}
.hero-card{position:relative;}
.hero-card::before{content:"";position:absolute;top:0;left:26px;right:26px;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:0 0 3px 3px;}

/* ---- gomb: finom fénycsík hoveren (visszafogott) ---- */
.btn-gold{position:relative;overflow:hidden;}
.btn-gold::after{content:"";position:absolute;top:0;left:-130%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-18deg);transition:left .6s var(--ease);}
.btn-gold:hover::after{left:140%;}
@media (prefers-reduced-motion:reduce){.btn-gold::after{display:none;}}

/* ---- reveal: enyhe skála a kártyáknál ---- */
.js :where(.reveal){opacity:0;transform:translateY(18px);}
.js .reveal.in{opacity:1;transform:none;}

/* ============================================================
   Unbounded (széles font) méret-igazítás + splash hibajavítás
   ============================================================ */
.splash h1{font-size:clamp(36px,5.6vw,78px);letter-spacing:-.01em;line-height:1.06;}
.hero-copy h1{font-size:clamp(25px,3.4vw,43px);line-height:1.14;}
.s-title{font-size:clamp(1.7rem,3.4vw,2.5rem);}
.svc-head h2,.two-col h2,.proc-head h2,.why-head h2,.ref-head h2,.guarantee h2,.hero-card h2{letter-spacing:-.01em;}
.hero-card h2{font-size:22px;line-height:1.2;}
.btn{font-weight:800;letter-spacing:-.01em;}
.spanel p,.hero-copy .lead,body{font-family:var(--ff);}

/* splash: a két panel leírását egyforma magasságra hozzuk, hogy a kicker+cím egy vonalba essen */
.spanel p{min-height:5em;}
@media(max-width:800px){.spanel p{min-height:0;}}

/* ============================================================
   SZOLGÁLTATÁSOK v3 - interaktív "kirakat + számozott lista"
   ============================================================ */
.svc-showcase{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,54px);align-items:start;margin-top:clamp(28px,4vw,44px);}
.svc-preview{position:sticky;top:96px;background:var(--light);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-strong);}
.svc-pv-media{position:relative;aspect-ratio:4/3;background:#dfe3df;background-image:linear-gradient(135deg,#e7ebe6,#d1d8d0);}
.svc-pv-media .pvnum{position:absolute;left:18px;top:0;font-family:var(--ff-display);font-weight:700;font-size:clamp(60px,7vw,102px);line-height:1;color:rgba(18,60,51,.13);}
.svc-pv-media .ph-lab{position:absolute;left:16px;bottom:12px;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#6b756c;}
.svc-pv-body{padding:clamp(20px,2.4vw,28px);}
.svc-pv-kicker{font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);margin-bottom:10px;}
.svc-pv-title{color:var(--text);font-family:var(--ff);font-weight:700;font-size:clamp(20px,2.3vw,25px);margin-bottom:10px;transition:opacity .2s;}
.svc-pv-desc{color:var(--muted);font-size:15.5px;margin-bottom:20px;min-height:3.3em;transition:opacity .2s;}
.svc-pv-body .btn{width:100%;}
.svc-list2{list-style:none;}
.svc-item2{border-top:1px solid rgba(255,255,255,.14);}
.svc-item2:last-child{border-bottom:1px solid rgba(255,255,255,.14);}
.si-head{display:flex;align-items:center;gap:16px;width:100%;padding:19px 8px;text-align:left;color:#fff;transition:padding .25s var(--ease),background .2s;}
.si-num{font-family:var(--ff-display);font-weight:700;font-size:17px;color:var(--accent-2);flex:0 0 auto;min-width:42px;font-variant-numeric:tabular-nums;}
.si-name{flex:1;font-weight:700;font-size:clamp(17px,1.7vw,20px);color:#fff;letter-spacing:-.01em;transition:color .2s;}
.si-arw{color:var(--accent-2);opacity:0;transform:translateX(-6px);transition:opacity .2s var(--ease),transform .2s var(--ease);flex:0 0 auto;}
.si-head:hover,.svc-item2.active > .si-head{background:rgba(255,255,255,.05);padding-left:16px;}
.si-head:hover .si-arw,.svc-item2.active > .si-head .si-arw{opacity:1;transform:none;}
.si-head:hover .si-name,.svc-item2.active > .si-head .si-name{color:var(--accent-2);}
.si-desc{padding:2px 8px 20px;color:rgba(255,255,255,.8);font-size:15px;}
.si-desc p{margin-bottom:12px;line-height:1.6;}
.si-cta{display:inline-flex;align-items:center;gap:7px;color:var(--accent-2);font-weight:700;font-size:14.5px;}
.si-cta:hover .arw{transform:translateX(4px);}
.js .si-desc{display:none;}
@media(min-width:861px){ .js .svc-item2 .si-desc{display:none;} }
@media(max-width:860px){
  .svc-showcase{grid-template-columns:1fr;}
  .svc-preview{display:none;}
  .js .svc-item2.open .si-desc{display:block;animation:fin .3s var(--ease);}
  .si-arw{display:none;}
  .si-head{padding-left:8px;}
  .svc-item2.open > .si-head .si-name{color:var(--accent-2);}
}

/* ---- szekció-alcímek ---- */
.sec-sub{margin-top:12px;color:var(--muted);font-size:clamp(14.5px,1.7vw,16.5px);line-height:1.6;max-width:560px;}
.proc-head .sec-sub{margin-left:auto;margin-right:auto;}
.svc-section .sec-sub{color:rgba(255,255,255,.72);}

/* ============================================================
   SZOLGÁLTATÁSOK v4 - tiszta, reszponzív ikonos kártyarács
   ============================================================ */
.svc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(28px,4vw,44px);}
.svcc{display:flex;flex-direction:column;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:24px;color:#fff;transition:transform .25s var(--ease),background .25s,border-color .25s,box-shadow .25s;}
.svcc:hover,.svcc:focus-visible{transform:translateY(-5px);background:rgba(255,255,255,.08);border-color:rgba(191,159,92,.55);box-shadow:0 20px 40px rgba(0,0,0,.22);outline:none;}
.svcc-ic{width:50px;height:50px;border-radius:14px;background:rgba(191,159,92,.16);border:1px solid rgba(191,159,92,.3);color:var(--accent-2);display:grid;place-items:center;margin-bottom:16px;transition:background .25s,color .25s;}
.svcc:hover .svcc-ic{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#0d2c20;}
.svcc-ic svg{width:24px;height:24px;}
.svcc-cat{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);}
.svcc-t{color:#fff;font-family:var(--ff);font-weight:700;font-size:19px;letter-spacing:-.01em;margin:7px 0 8px;line-height:1.25;}
.svcc-d{color:rgba(255,255,255,.72);font-size:14.5px;flex:1;line-height:1.55;}
.svcc-go{margin-top:16px;display:inline-flex;align-items:center;gap:7px;color:var(--accent-2);font-weight:700;font-size:14px;}
.svcc-go .arw{transition:transform .2s var(--ease);}
.svcc:hover .svcc-go .arw{transform:translateX(4px);}
@media(max-width:920px){.svc-cards{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.svc-cards{grid-template-columns:1fr;gap:12px;}.svcc{padding:20px;}}

/* mobil hibajavítás: a "Bizalom és kontroll" kétoszlopos rács egy oszlopba tördel */
@media(max-width:820px){ .two-col{grid-template-columns:1fr;align-items:stretch;} }

/* ============================================================
   SZOLGÁLTATÁSOK v5 - húzható "filmszalag" galéria
   ============================================================ */
.svc-strip-wrap{position:relative;margin-top:clamp(26px,4vw,40px);}
.svc-strip{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 2px 6px;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;}
.svc-strip::-webkit-scrollbar{display:none;}
.svc-strip.dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;}
.svc-slide{flex:0 0 330px;max-width:84vw;scroll-snap-align:start;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s;}
.svc-slide:hover{border-color:rgba(191,159,92,.55);box-shadow:0 20px 44px rgba(0,0,0,.28);}
.svc-slide-media{position:relative;aspect-ratio:16/11;background:#154838;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.05) 0 1px,transparent 1px 15px);}
.svc-slide-media .snum{position:absolute;right:12px;top:-2px;font-family:var(--ff-display);font-weight:800;font-size:clamp(56px,7vw,86px);line-height:1;color:rgba(228,196,140,.22);}
.svc-slide-media .svc-ph-lab{position:absolute;left:14px;top:14px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);}
.svc-slide-media .scat{position:absolute;left:14px;bottom:12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#0d2c20;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:999px;padding:6px 12px;display:inline-flex;align-items:center;gap:7px;}
.svc-slide-media .scat svg{width:14px;height:14px;}
.svc-slide-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;}
.svc-slide-body h3{color:#fff;font-family:var(--ff);font-weight:700;font-size:20px;letter-spacing:-.01em;margin-bottom:8px;line-height:1.25;}
.svc-slide-body p{color:rgba(255,255,255,.72);font-size:14.5px;line-height:1.55;flex:1;}
.svc-slide-cta{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:14.5px;border-radius:999px;padding:12px 18px;transition:background .2s,border-color .2s,color .2s;}
.svc-slide-cta:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#0d2c20;}
.svc-slide-cta .arw{transition:transform .2s var(--ease);}
.svc-slide-cta:hover .arw{transform:translateX(4px);}
/* vezérlők */
.svc-ctrls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;}
.svc-dots{display:flex;gap:8px;flex-wrap:wrap;}
.svc-dot{width:9px;height:9px;border-radius:999px;background:rgba(255,255,255,.28);border:0;padding:0;cursor:pointer;transition:width .25s var(--ease),background .25s;}
.svc-dot.on{background:var(--accent-2);width:24px;}
.svc-arrows{display:flex;gap:10px;}
.svc-arrow{width:48px;height:48px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);color:#fff;display:grid;place-items:center;transition:background .2s,border-color .2s,opacity .2s;}
.svc-arrow:hover{border-color:var(--accent);background:rgba(191,159,92,.16);}
.svc-arrow:disabled{opacity:.3;pointer-events:none;}
.svc-hint{color:rgba(255,255,255,.5);font-size:12.5px;display:inline-flex;align-items:center;gap:7px;}
@media(max-width:700px){.svc-arrows{display:none;}.svc-slide{flex-basis:300px;}}

/* ---- valódi logó ---- */
.nav-logo{background:transparent;border:0;padding:0;}
.nav-logo img{height:42px;width:auto;display:block;}
.splash-logo img{height:84px;width:auto;display:block;}
@media(max-width:800px){.splash-logo img{height:64px;}}
@media(max-width:960px){.nav-logo img{height:38px;}}

/* ---- logó a kapcsolat-kártyán (sötétzöld háttéren világos chipben) ---- */
.ci-logo{display:inline-block;background:var(--light);border-radius:16px;padding:12px 16px;margin-bottom:18px;box-shadow:0 10px 26px rgba(0,0,0,.2);}
.ci-logo img{height:64px;width:auto;display:block;}

/* ============================================================
   FEJLÉC finomítás + fehér belsejű utility-gombok
   ============================================================ */
/* sticky nav ne szaladjon el görgetéskor (a hidden scroll-konténert csinál, a clip nem) */
body{overflow-x:hidden;}
.floatnav{position:sticky;top:16px;z-index:90;}
/* nagyobb logó, kicsit nagyobb fejléc */
.nav-logo img{height:60px;}
.floatnav-in{padding:12px 14px 12px 18px;}
/* menü középre, a logóval szimmetriában (csak desktop; mobilon marad a legördülő) */
@media(min-width:961px){
  .nav-links{flex:1;justify-content:center;margin:0;}
  .nav-cta{margin-left:0;}
}
@media(max-width:960px){ .nav-logo img{height:48px;} }
/* utility-gombok: fehér belső (ne legyen sötét/fekete) */
.svc-arrow{background:#fff;border-color:transparent;color:var(--primary);}
.svc-arrow:hover{background:#fff;border-color:var(--accent);color:var(--accent-deep);}
.totop{background:#fff;color:var(--primary);border:1px solid var(--border);}
.totop:hover{background:#fff;color:var(--accent-deep);border-color:var(--accent);}
.svc-slide-cta{background:#fff;border-color:#fff;color:var(--primary);}
.svc-slide-cta:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#0d2c20;}

/* ============================================================
   Szekciófej desktopon: cím balra, alcím a jobb szélen (szimmetriában)
   ============================================================ */
@media(min-width:861px){
  .proc-head,.why-head,.ref-head{
    display:grid;grid-template-columns:1fr minmax(0,.8fr);
    column-gap:clamp(30px,5vw,72px);align-items:end;
    max-width:none!important;text-align:left;margin-left:0;margin-right:0;
  }
  .proc-head>.kicker,.why-head>.kicker,.ref-head>.kicker{grid-column:1;grid-row:1;justify-self:start;}
  .proc-head>h2,.why-head>h2,.ref-head>h2{grid-column:1;grid-row:2;margin:14px 0 0;}
  .proc-head>.sec-sub,.why-head>.sec-sub,.ref-head>.sec-sub{grid-column:2;grid-row:2;align-self:end;margin:0;max-width:none;padding-bottom:5px;}
}

/* ============================================================
   Fejléc FIXEN fent + MINDEN gomb fehér belsővel
   ============================================================ */
/* fixed fejléc, hogy görgetéskor a helyén maradjon */
.floatnav{position:fixed;top:12px;left:0;right:0;z-index:100;margin:0;max-width:none;padding:0 16px;}
.floatnav-in{max-width:var(--container);margin:0 auto;}
body:has(.floatnav){padding-top:106px;}
.hero{margin-top:0;}
@media(max-width:960px){ body:has(.floatnav){padding-top:92px;} }

/* minden gomb belseje fehér (a szöveg sötét, a fő CTA-k arany kerettel emelkednek ki) */
.btn-gold{background:#fff;color:var(--primary);border:1.5px solid var(--accent);box-shadow:0 10px 26px rgba(15,58,46,.14);}
.btn-gold::after{display:none;}
.btn-gold:hover{background:#fff;color:var(--accent-deep);border-color:var(--accent-deep);transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,58,46,.2);}
.spanel .btn-gold{background:#fff;color:#0b3427;border-color:var(--gold);}
.spanel .btn-gold:hover{background:#fff;color:#0b3427;}
.mbar .btn-gold{border-color:var(--accent);}

/* ============================================================
   JAVÍTÁS: a gombok színesek maradnak, a SZÖVEGÜK fehér
   ============================================================ */
.btn-gold{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border:0;box-shadow:0 16px 38px rgba(191,159,92,.3);}
.btn-gold::after{display:block;}
.btn-gold:hover{background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:#fff;border:0;transform:translateY(-2px);box-shadow:0 22px 48px rgba(191,159,92,.42);}
.spanel .btn-gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#fff;border:0;}
.spanel .btn-gold:hover{color:#fff;}
.mbar .btn-gold{border:0;}
/* utility ikongombok: nem fehér háttér, fehér ikonnal */
.svc-arrow{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.28);color:#fff;}
.svc-arrow:hover{background:rgba(191,159,92,.2);border-color:var(--accent);color:#fff;}
.totop{background:var(--primary);color:#fff;border:0;}
.totop:hover{background:var(--primary-2);color:#fff;border:0;}
.svc-slide-cta{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#fff;}
.svc-slide-cta:hover{background:linear-gradient(135deg,var(--accent),var(--accent-2));border-color:transparent;color:#fff;}

/* ============================================================
   Fejléc a HERO FÖLÖTT marad (nem lebeg a szekciók fölött, nem követi a görgetést)
   ============================================================ */
.floatnav{position:static!important;top:auto!important;margin:16px auto 0!important;max-width:var(--container)!important;padding:0 16px!important;z-index:80;}
.floatnav-in{max-width:none;margin:0;}
body,body:has(.floatnav){padding-top:0!important;}
.hero{margin-top:22px!important;}

/* ============================================================
   Splash (főoldal) tisztítás: sárga sáv + középvonal ki, logó lejjebb
   ============================================================ */
.spanel .gold-bar{display:none!important;}
.splash-divider{display:none!important;}
.splash-logo{top:34px;}

/* Splash: a bal panel színe egyezzen a jobbal (kulter zöld) */
.spanel .bg-belter{background-color:#0e3b2d;background-image:linear-gradient(135deg,#0a5b3e,#08291f);}

/* Splash finomítás: logó lejjebb+nagyobb, kisebb címek, 2 soros leírások mindkét panelen */
.splash-logo{top:44px;}
.splash-logo img{height:96px;}
.splash h1{font-size:clamp(30px,4.6vw,64px);}
.spanel p{max-width:600px;min-height:3.6em;}
@media(max-width:800px){.splash-logo img{height:68px;} .spanel p{min-height:0;max-width:520px;}}

/* Splash: a "vagy" középső elem elrejtése */
.splash-choose{display:none!important;}

/* Splash: teljesen egyforma zöld mindkét panelen (függőleges gradiens, nincs ferde illesztési eltérés) */
.spanel .bg-belter,.spanel .bg-kulter{background-color:#0e3b2d;background-image:linear-gradient(180deg,#0c5138,#082a1f)!important;}

/* Splash logó: még lejjebb + nagyobb */
.splash-logo{top:60px!important;}
.splash-logo img{height:120px!important;}
@media(max-width:800px){.splash-logo img{height:82px!important;}}

/* ============================================================
   GOMBOK - véglegesítés: soha nem fehér (hoveren sem), csak a szöveg fehér.
   Gazdagabb, mélyebb réz-arany (3 lépcsős) a prémiumabb hatásért.
   ============================================================ */
.btn-gold,.spanel .btn-gold,.mbar .btn-gold{
  background:linear-gradient(135deg,#a3833e 0%,#c3a463 46%,#e2cd98 100%)!important;
  color:#fff!important;border:0!important;
  box-shadow:0 14px 34px rgba(166,108,40,.34)!important;
}
.btn-gold:hover,.spanel .btn-gold:hover,.mbar .btn-gold:hover{
  background:linear-gradient(135deg,#836833 0%,#b29a5a 55%,#d6c187 100%)!important;
  color:#fff!important;transform:translateY(-2px);
  box-shadow:0 18px 42px rgba(166,108,40,.44)!important;
}
.btn-gold:active,.spanel .btn-gold:active,.mbar .btn-gold:active{transform:translateY(0)!important;}
/* a réz-arany fény-sweep marad, csak visszafogottabb */
.btn-gold::after{opacity:.7;}

/* ============================================================
   FOLYAMAT v2 - animált arany idővonal + világító node-ok
   ============================================================ */
.proc-line{position:relative;max-width:840px;margin:clamp(30px,5vw,58px) auto 0;}
.proc-track{position:absolute;left:43px;top:26px;bottom:26px;width:3px;border-radius:3px;background:rgba(191,159,92,.16);overflow:hidden;}
.proc-track i{position:absolute;inset:0;background:linear-gradient(180deg,var(--accent),var(--accent-2));transform:scaleY(0);transform-origin:top;transition:transform 1.4s var(--ease) .15s;}
.proc-line.in .proc-track i{transform:scaleY(1);}
.pstep{position:relative;display:grid;grid-template-columns:88px 1fr;gap:clamp(16px,2.6vw,30px);align-items:center;padding-bottom:clamp(22px,3vw,38px);}
.pstep:last-child{padding-bottom:0;}
.pnode{position:relative;z-index:2;width:60px;height:60px;border-radius:999px;display:grid;place-items:center;background:var(--white);border:2px solid rgba(191,159,92,.4);box-shadow:0 10px 28px rgba(15,58,46,.14);}
.pnode::after{content:"";position:absolute;inset:-7px;border-radius:999px;background:radial-gradient(circle,rgba(191,159,92,.45),transparent 70%);opacity:0;z-index:-1;}
.pstep.in .pnode::after{animation:pglow 2.6s var(--ease) infinite;}
@keyframes pglow{0%,100%{opacity:.28;transform:scale(1);}50%{opacity:.66;transform:scale(1.12);}}
.pnum{font-family:var(--ff-display);font-weight:800;font-size:1.35rem;line-height:1;background:linear-gradient(135deg,var(--accent-deep),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;font-variant-numeric:tabular-nums;}
.pbody{background:var(--white);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);padding:20px 24px;transition:transform .3s var(--ease),box-shadow .3s var(--ease);}
.pbody:hover{transform:translateY(-4px);box-shadow:var(--shadow-strong);}
.pbody h3{font-family:var(--ff);font-weight:700;font-size:1.18rem;display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.ptime{font-family:var(--ff);font-weight:700;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--accent-deep);background:rgba(191,159,92,.12);border:1px solid rgba(191,159,92,.32);border-radius:999px;padding:4px 11px;}
.pbody p{margin-top:8px;color:var(--muted);font-size:15px;}
.js .pstep{opacity:0;transform:translateX(28px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js .pstep.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){
  .proc-track i{transform:scaleY(1)!important;transition:none;}
  .js .pstep{opacity:1;transform:none;transition:none;}
  .pstep.in .pnode::after{animation:none;opacity:.4;}
}
@media(max-width:560px){
  .proc-track{left:31px;}
  .pstep{grid-template-columns:64px 1fr;gap:14px;}
  .pnode{width:64px;height:64px;}
  .pnum{font-size:1.45rem;}
  .pbody{padding:16px 18px;}
}

/* ============ VALODI FOTOK BEKOTESE (v17) ============ */
/* Hero hatterkep: az inline background-image-hez cover pozicionalas */
.hero-bg{background-size:cover !important;background-position:center !important;background-repeat:no-repeat !important;}

/* Szolgaltatas-kartya: valodi fotó a media dobozban */
.svc-slide-media .svc-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;display:block;}
/* Olvashatosagi atmenet a szam es a kategoria-pill mogott */
.svc-slide-media::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(6,32,23,.34),rgba(6,32,23,0) 42%,rgba(6,32,23,.30));}
/* A sorszam es a kategoria a fotó folott, olvashatoan */
.svc-slide-media .snum{z-index:2;color:rgba(255,255,255,.92);text-shadow:0 3px 16px rgba(0,0,0,.45);}
.svc-slide-media .scat{z-index:2;box-shadow:0 6px 16px rgba(0,0,0,.28);color:#0d2c20;}
/* finom nagyitas a kartyara mutatva */
.svc-slide-media .svc-slide-img{transition:transform .5s var(--ease);}
.svc-slide:hover .svc-slide-media .svc-slide-img{transform:scale(1.06);}

/* Szolgaltatas-kartyak sorszamai elrejtve (v18) */
.svc-slide-media .snum{display:none !important;}

/* ============ FOOLDAL SPLASH HERO FOTOK (v19) ============ */
/* bal = beltéri hero, jobb = kültéri hero, enyhe zöld tinttel a márka-egységért */
.spanel .bg-belter{background-image:linear-gradient(180deg,rgba(9,63,44,.22),rgba(7,40,30,.45)),url('../img/hero-belter.jpg') !important;background-color:#0e3b2d !important;background-size:cover !important;background-position:center !important;}
.spanel .bg-kulter{background-image:linear-gradient(180deg,rgba(9,63,44,.22),rgba(7,40,30,.45)),url('../img/hero-kulter.jpg') !important;background-color:#0e3b2d !important;background-size:cover !important;background-position:center !important;}

/* ============ FOLYAMAT v3 - keretezett, teljes szeles idovonal (v20) ============ */
.proc-frame{position:relative;background:linear-gradient(180deg,var(--light) 0%,#fff 100%);border:1px solid var(--border);border-radius:28px;padding:clamp(34px,4.5vw,60px) clamp(24px,4.5vw,58px) clamp(38px,5vw,64px);box-shadow:0 30px 70px rgba(15,58,46,.09);overflow:hidden;}
.proc-frame::before{content:"";position:absolute;left:0;top:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-deep),var(--accent-2),var(--accent-deep));z-index:4;}
/* sarokjelek mint a tobbi kartyan */
.proc-corner{position:absolute;width:20px;height:20px;border:2px solid rgba(191,159,92,.5);z-index:3;pointer-events:none;}
.proc-corner.tl{left:18px;top:18px;border-right:0;border-bottom:0;border-radius:6px 0 0 0;}
.proc-corner.tr{right:18px;top:18px;border-left:0;border-bottom:0;border-radius:0 6px 0 0;}
.proc-corner.bl{left:18px;bottom:18px;border-right:0;border-top:0;border-radius:0 0 0 6px;}
.proc-corner.br{right:18px;bottom:18px;border-left:0;border-top:0;border-radius:0 0 6px 0;}
/* fejlec mindig kozepen a kereten belul */
.proc-frame .proc-head{display:block;text-align:center;max-width:660px;margin:0 auto;grid-template-columns:none;}
.proc-frame .proc-head>.kicker{justify-content:center;grid-column:auto;grid-row:auto;justify-self:center;}
.proc-frame .proc-head>h2{grid-column:auto;grid-row:auto;margin:14px 0 0;}
.proc-frame .proc-head>.sec-sub{grid-column:auto;grid-row:auto;margin:14px auto 0;max-width:560px;text-align:center;}

/* vizszintes idovonal, 5 egyenlo oszlop */
.proc-flow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,1.6vw,22px);margin-top:clamp(30px,4vw,50px);}
.proc-hline{position:absolute;top:30px;left:10%;right:10%;height:3px;border-radius:3px;background:rgba(191,159,92,.16);overflow:hidden;z-index:0;}
.proc-hline i{position:absolute;inset:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform 1.5s var(--ease) .2s;}
.proc-frame.in .proc-hline i{transform:scaleX(1);}
.proc-flow .pstep{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:1;padding:0;grid-template-columns:none;}
.proc-flow .pnode{margin:0;}
.proc-flow .pbody{margin-top:18px;width:100%;flex:1;display:flex;flex-direction:column;justify-content:center;padding:18px 16px 20px;text-align:center;border-radius:16px;}
.proc-flow .pbody h3{display:block;font-size:1.05rem;gap:0;line-height:1.25;}
.proc-flow .ptime{display:inline-block;margin:11px 0 0;}
.proc-flow .pbody p{margin-top:11px;font-size:14px;line-height:1.5;}
/* becsuszas felfele, staggerrel */
.js .proc-flow .pstep{opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js .proc-flow .pstep.in{opacity:1;transform:none;}

/* reszponziv: 1000px alatt bal-savos fuggoleges idovonal, folytonos osszekoto vonallal */
@media(max-width:1000px){
  .proc-flow{grid-template-columns:1fr;gap:0;max-width:600px;margin-left:auto;margin-right:auto;}
  .proc-hline{display:none;}
  .proc-flow .pstep{display:grid;grid-template-columns:54px 1fr;gap:0 clamp(14px,2.4vw,20px);align-items:center;text-align:left;margin-bottom:18px;padding-bottom:0;}
  .proc-flow .pstep:last-of-type{margin-bottom:0;}
  /* vonal-szegmens a node KOZEPETOL a kovetkezo node kozepig; az utolso utan NINCS vonal */
  .proc-flow .pstep:not(:last-of-type)::before,
  .proc-flow .pstep:not(:last-of-type)::after{content:"";position:absolute;left:27px;top:50%;width:3px;height:calc(100% + 18px);transform:translateX(-50%);border-radius:3px;z-index:0;}
  .proc-flow .pstep:not(:last-of-type)::before{background:rgba(191,159,92,.2);}
  .proc-flow .pstep:not(:last-of-type)::after{background:linear-gradient(180deg,var(--accent),var(--accent-2));transform:translateX(-50%) scaleY(0);transform-origin:top;transition:transform .55s var(--ease);}
  .js .proc-flow .pstep.in:not(:last-of-type)::after{transform:translateX(-50%) scaleY(1);}
  .proc-flow .pstep.in .pnode{border-color:var(--accent);box-shadow:0 8px 22px rgba(191,159,92,.28);}
  .proc-flow .pnode{width:54px;height:54px;}
  .proc-flow .pnum{font-size:1.15rem;}
  .proc-flow .pbody{margin-top:0;text-align:left;padding:15px 18px 17px;align-self:stretch;flex:none;display:block;}
  .proc-flow .pbody h3{display:block;text-align:left;}
  .proc-flow .ptime{margin:10px 0 0;}
  .proc-flow .pbody p{margin-top:9px;}
}
@media(max-width:560px){
  .proc-frame{padding:26px 16px 30px;border-radius:22px;}
  .proc-corner{width:15px;height:15px;left:12px;top:12px;}
  .proc-corner.tr{right:12px;left:auto;}.proc-corner.bl{bottom:12px;top:auto;}.proc-corner.br{right:12px;bottom:12px;left:auto;top:auto;}
}
@media(prefers-reduced-motion:reduce){
  .proc-hline i{transform:scaleX(1)!important;transition:none;}
  .js .proc-flow .pstep{opacity:1;transform:none;transition:none;}
  .proc-flow .pstep:not(:last-of-type)::after{transform:translateX(-50%) scaleY(1);}
}

/* ============ MOBIL HERO ATDOLGOZAS - egybefuggo, letisztult (v22) ============ */
@media(max-width:640px){
  .hero{margin-top:14px!important;}
  .hero-inner{padding:32px 0 34px;gap:20px;}
  /* erosebb zold atmenet a fotón, hogy a feher szoveg vegig olvashato legyen */
  .hero-bg::after{background:linear-gradient(180deg,rgba(7,63,44,.5),rgba(6,40,29,.82) 52%,rgba(4,22,16,.95));}
  .hero-copy{display:flex;flex-direction:column;}
  .hero-copy h1{font-size:clamp(21px,6.4vw,28px);line-height:1.16;margin:12px 0 12px;text-wrap:balance;}
  .hero-copy .lead{font-size:15.5px;line-height:1.55;color:rgba(255,255,255,.82);}
  /* CTA-k: teljes szeles, egymas alatt, nagy tap-feluletek */
  .hero-btns{flex-direction:column;gap:11px;margin-top:22px;}
  .hero-btns .btn{width:100%;justify-content:center;padding:15px 20px;font-size:15.5px;}
  /* masodlagos (telefon) gomb: attetszo, aranykeretes - beleolvad a heroba */
  .hero-btns .btn-white{background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(228,196,140,.5)!important;box-shadow:none!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);}
  .hero-btns .btn-white:hover{background:rgba(255,255,255,.15)!important;transform:none;}
  /* a nagy feher kartya -> letisztult uveg bizalmi sav a heron belul */
  .hero-card{background:rgba(255,255,255,.07)!important;border:1px solid rgba(228,196,140,.26)!important;border-radius:18px!important;box-shadow:none!important;padding:2px 13px!important;margin-top:2px;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);}
  .hero-card::before{display:none!important;}
  .hero-card .pill-grey,.hero-card h2,.hero-card>p{display:none!important;}
  .hc-rows{margin-top:0;gap:0;}
  .hc-row{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;border-radius:0!important;padding:13px 3px!important;grid-template-columns:auto 1fr;gap:13px;align-items:center;}
  .hc-row:last-child{border-bottom:0!important;}
  .hc-row .ic{background:rgba(228,196,140,.18)!important;color:var(--accent-2)!important;width:36px;height:36px;}
  .hc-row b{color:#fff!important;font-size:14.5px;}
  .hc-row span{color:rgba(255,255,255,.7)!important;font-size:12.5px;}
}

/* ============ MOBIL HERO: gombok legalulra - robusztus grid-areas (v26) ============ */
@media(max-width:640px){
  .hero-inner{grid-template-columns:1fr;grid-template-areas:"copy" "card" "btns";gap:16px;}
  .hero-card{margin-top:0!important;}
  .hero-btns{margin-top:0;align-self:stretch;}
}

/* mobil: also terkoz a fix akciosav (mbar) alatt, hogy a footer ne csuszon ala */
@media(max-width:820px){body{padding-bottom:calc(74px + env(safe-area-inset-bottom));}}

/* ============ MOBIL HERO: fejlec kozepen, bizalmi sav sorai rendezetten balra (v33) ============ */
@media(max-width:640px){
  .hero-copy{align-items:center;text-align:center;max-width:none;}
  /* a szoveg a termeszetes szelessegen marad, az elemeket EHHEZ (teljes szelesre) igazitjuk, nem forditva */
  /* az alcim sorai TELJESEN kitoltik a szelesseget (mint a focim sora), nincs balance-rovidites */
  .hero-copy .lead{max-width:100%;text-wrap:normal;}
  .hero-card,.hero-btns{max-width:none;width:100%;margin-left:0;margin-right:0;}
  .hero-card .hc-rows{align-items:stretch;}
  .hero-card .hc-row{display:grid;grid-template-columns:auto 1fr;justify-content:start;align-items:center;gap:13px;text-align:left;}
}

/* ============ SZEKCIOCIMEK 1 SOR / ALCIMEK 2 SOR mobilon (v31) ============ */
@media(max-width:560px){
  .two-col h2,.proc-head h2,.why-head h2,.ref-head h2,.svc-head h2{font-size:21px;line-height:1.15;letter-spacing:-.01em;}
  .sec-sub,.svc-head p{font-size:13.5px;line-height:1.5;}
}


/* ============ SPLASH (fooldal) mobil/tablet optimalizalas + logo elvalaszto (v44) ============ */
@media(max-width:900px){
  .splash{position:relative;height:auto;min-height:0;overflow:visible;}
  .splash-grid{grid-template-columns:1fr;}
  .spanel{height:54vh;min-height:400px;}
  /* tartalom a panel KOZEPEN, hogy a seam (panelhatar) tiszta maradjon a logonak */
  .spanel .spanel-in{padding:clamp(30px,7vw,50px) clamp(22px,6vw,40px);justify-content:center;}
  body.splash{padding-bottom:0!important;}
  .spanel .frame{inset:16px;border-radius:26px;}
  /* szovegmeretek telefonra/tabletre */
  .spanel h1{font-size:clamp(33px,8.6vw,48px)!important;line-height:.92;margin:12px 0 12px;}
  .spanel p{font-size:15px!important;line-height:1.55;max-width:none!important;min-height:0!important;margin-bottom:22px;}
  .spanel .kicker{font-size:11px;letter-spacing:.14em;}
  .spanel .btn{width:100%;justify-content:center;font-size:15px;padding:16px 22px;}
  /* LOGO a ket panel hataran, kozepen, elvalasztokent (nem takar tartalmat) */
  .splash-divider{display:none!important;}
  .splash-logo{position:static!important;top:auto!important;transform:none!important;margin:0 auto;display:inline-block;padding:11px 16px;}
  .splash-logo img{height:74px!important;}
  /* logo PONTOSAN a panelhataron (= panel 1 alja = seam), szimmetrikusan kozepen */
  .splash-logo-wrap{position:absolute!important;top:max(54vh,400px)!important;bottom:auto!important;left:0;right:0;display:block;transform:translateY(-50%)!important;text-align:center;z-index:6;pointer-events:none;}
}

/* ============ MOBIL: szelesebb kartyak (kevesebb belso margo) + tisztabb kapcsolat (v46) ============ */
@media(max-width:600px){
  .container{padding:0 18px;}
  .panel-white{padding:18px 16px;border-radius:20px;}
  .card-green{padding:18px 17px;border-radius:18px;}
  .form-card{padding:18px 16px;}
  .two-col{gap:18px;}
  .contact-grid{gap:16px;}
  .info-tile{padding:12px 13px;}
  .info-tile span{overflow-wrap:anywhere;word-break:break-word;}
  .info-tile b{font-size:13.5px;}
}

/* a felfele mutato vissza-fel gomb eltuntetese (v47) */
.totop{display:none!important;}

/* ============ MOBIL FEJLEC ujratervezes (v50) ============ */
.nav-mob-phone,.nav-mob-cta{display:none;}
@media(max-width:960px){
  .floatnav-in{padding:9px 9px 9px 16px;gap:10px;position:relative;z-index:100;}
  .nav-cta{display:none!important;}
  .nav-burger{margin-left:auto;width:46px;height:46px;background:linear-gradient(135deg,var(--accent-deep),var(--accent) 60%,var(--accent-2));border:0;box-shadow:0 8px 20px rgba(191,159,92,.3);transition:transform .2s var(--ease);}
  .nav-burger:active{transform:scale(.94);}
  .nav-burger span,.nav-burger span::before,.nav-burger span::after{background:#fff;}
  .nav-burger[aria-expanded="true"] span{background:transparent;}
  .nav-burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg);}
  .nav-burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg);}
  .nav-links{top:calc(100% + 10px)!important;left:0!important;right:0!important;padding:12px;border-radius:24px;gap:3px;box-shadow:0 24px 50px rgba(15,58,46,.16);}
  .nav-links a{padding:14px 16px;font-size:15.5px;border-radius:13px;}
  .nav-links a.cross{background:rgba(191,159,92,.12);color:var(--primary);font-weight:700;}
  .nav-links .nav-mob-phone{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:9px;padding:14px;border-radius:14px;background:var(--light);border:1px solid var(--border);color:var(--primary);font-weight:700;font-size:15.5px;}
  .nav-links .nav-mob-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:15px;border-radius:14px;background:linear-gradient(135deg,var(--accent-deep),var(--accent) 55%,var(--accent-2));color:#fff;font-weight:700;font-size:15.5px;box-shadow:0 14px 28px rgba(191,159,92,.3);}
}