/* ====================================================================
   BETŰTÍPUSOK — saját tárhelyről kiszolgálva
   Nincs külső kapcsolat: a böngésző nem lép kapcsolatba a Google
   szervereivel. A fájlok az assets/fonts mappában találhatók.
   Licenc: IBM Plex Sans és Newsreader – SIL Open Font License 1.1
   ==================================================================== */

@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'IBM Plex Sans';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/ibm-plex-sans-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/newsreader-latin-ext-400-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url('fonts/newsreader-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/newsreader-latin-ext-500-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url('fonts/newsreader-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/newsreader-latin-ext-600-normal.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:'Newsreader';
  font-style:normal;
  font-weight:600;
  font-display:swap;
  src:url('fonts/newsreader-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* Dékány Csaba ügyvédi honlap – közös stíluslap */

:root{
  /* --- MÁRKASZÍNEK: mélykék + arany -----------------------------------
     A --navy a márkakék, az --gold az arany. Ha a logója más árnyalatú,
     elég ezt a két értéket átírni: az egész honlap ahhoz igazodik. */
  --navy:#164E7E;
  --navy-deep:#0E3557;
  --navy-mid:#2A6FA8;
  --navy-soft:#E8EDF4;

  --gold:#D4AF37;
  --gold-light:#F6E27A;
  --gold-deep:#8A6A12;
  --gold-soft:#FDF6E0;

  --ink:#12405F;
  --ink-2:#3A5570;
  --ink-3:#6F8299;
  --paper:#F4F6FA;
  --paper-2:#E8EDF4;
  --white:#FFFFFF;
  --line:#D3DDE9;
  --line-soft:#E4EBF3;

  /* --- JELZŐSZÍNEK (kizárólag az audit három kategóriájához) --- */
  --red:#B3372B;
  --red-bg:#FBEAE7;
  --amber:#C07615;
  --amber-bg:#FCF0DC;
  --green:#2F7D5B;
  --green-bg:#E4F0EA;

  --serif:"Newsreader", Georgia, "Times New Roman", serif;
  --sans:"IBM Plex Sans", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *{animation:none !important; transition:none !important}
}
body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--sans);
  font-size:17px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:var(--serif); font-weight:500; letter-spacing:-0.01em; margin:0 0 .5em}
h1{font-size:clamp(2rem,4.8vw,3.4rem); line-height:1.11}
h2{font-size:clamp(1.6rem,3.2vw,2.25rem); line-height:1.2}
h3{font-size:1.22rem; line-height:1.32}
h4{font-size:1.05rem}
p{margin:0 0 1em; max-width:68ch}
a{color:var(--navy); text-decoration-thickness:1px; text-underline-offset:3px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{
  outline:2px solid var(--gold); outline-offset:2px; border-radius:2px;
}
img{max-width:100%; height:auto}
.wrap{width:min(1140px,92vw); margin-inline:auto}
.narrow{width:min(760px,92vw); margin-inline:auto}
.skip{position:absolute; left:-9999px; top:0; background:var(--navy); color:#fff; padding:.6rem 1rem; z-index:100}
.skip:focus{left:0}

/* ---------- fejléc ---------- */
.site-head{
  position:sticky; top:0; z-index:50;
  background:rgba(248,245,240,.95);
  border-top:3px solid var(--gold);
  backdrop-filter:saturate(1.2) blur(6px);
  border-bottom:1px solid var(--line);
}
.head-row{display:flex; align-items:center; gap:1.5rem; padding:.7rem 0}
.brand{display:flex; align-items:center; gap:.7rem; text-decoration:none; color:var(--ink); flex:0 0 auto}
.brand img{height:44px; width:auto; display:block}
.brand-text{font-family:var(--serif); font-size:1.1rem; line-height:1.15}
.brand span{display:block; font-family:var(--sans); font-size:.71rem; color:var(--gold); letter-spacing:.11em; text-transform:uppercase}
.nav{margin-left:auto; display:flex; align-items:center; gap:1.3rem}
.nav a{color:var(--ink-2); text-decoration:none; font-size:.94rem}
.nav a:hover{color:var(--gold); text-decoration:underline}
.nav a[aria-current=page]{color:var(--navy); box-shadow:inset 0 -2px 0 var(--gold)}
.tel{font-size:.94rem; color:var(--ink-2); text-decoration:none; white-space:nowrap}
.nav-toggle{display:none}

.btn{
  display:inline-block; font:500 .95rem/1 var(--sans);
  padding:.8rem 1.25rem; border-radius:3px; border:1px solid var(--navy);
  background:var(--navy); color:#fff; text-decoration:none; cursor:pointer;
  box-shadow:0 1px 0 rgba(11,33,53,.18); transition:background .15s ease, box-shadow .15s ease;
}
.btn:hover{background:var(--navy-deep); box-shadow:0 3px 10px rgba(11,33,53,.22)}
.btn-ghost{background:transparent; color:var(--navy); box-shadow:none}
.btn-ghost:hover{background:var(--gold-soft); box-shadow:none}
.nav .btn{color:#fff}

@media (max-width:980px){
  .nav{position:fixed; inset:57px 0 auto 0; background:var(--paper); border-bottom:1px solid var(--line);
       flex-direction:column; align-items:flex-start; gap:0; padding:.5rem 4vw 1.1rem; display:none;
       max-height:calc(100vh - 57px); overflow-y:auto}
  .nav.open{display:flex}
  .nav a{padding:.65rem 0; width:100%; border-bottom:1px solid var(--line-soft)}
  .nav a[aria-current=page]{box-shadow:none}
  .nav .btn{margin-top:.8rem; width:100%; text-align:center; border-bottom:1px solid var(--navy)}
  .nav-toggle{display:inline-flex; margin-left:auto; align-items:center; gap:.5rem; background:none;
              border:1px solid var(--line); border-radius:3px; padding:.5rem .7rem;
              font:500 .9rem var(--sans); color:var(--ink); cursor:pointer}
}

/* ---------- kezdőlapi hero ---------- */
.hero{padding:4.2rem 0 3.4rem}
.hero-grid{display:grid; grid-template-columns:1.05fr .95fr; gap:3.5rem; align-items:start}
.hero p.lead{font-size:1.12rem; color:var(--ink-2); max-width:46ch}
.cred{margin:0 0 1.6rem; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:.4rem 1.4rem;
      font-size:.9rem; color:var(--ink-3)}
.cred li{position:relative; padding-left:1rem}
.cred li::before{content:""; position:absolute; left:0; top:.62em; width:6px; height:6px; background:var(--gold); border-radius:50%}
.actions{display:grid; grid-template-columns:1fr 1fr; gap:.7rem; max-width:34rem; margin-top:1.9rem}
.action{
  display:flex; flex-direction:column; gap:.15rem;
  padding:.95rem 1.05rem; background:var(--white); border:1px solid var(--line);
  border-left:3px solid var(--gold); border-radius:3px;
  text-decoration:none; color:var(--ink); font-weight:500; font-size:.98rem;
}
.action small{font-weight:400; color:var(--ink-3); font-size:.82rem}
.action:hover{border-color:var(--gold); background:var(--gold-soft); transform:translateY(-1px)}

/* jelzőlámpás dokumentum */
.doc{background:var(--white); border:1px solid var(--line); border-radius:3px; padding:1.5rem 1.5rem 1.2rem}
.doc-head{display:flex; justify-content:space-between; align-items:baseline; border-bottom:1px solid var(--line-soft);
          padding-bottom:.7rem; margin-bottom:1rem}
.doc-head strong{font-family:var(--serif); font-weight:500; font-size:1.02rem}
.doc-head em{font-style:normal; font-size:.78rem; color:var(--ink-3)}
.flag{display:flex; gap:.75rem; padding:.7rem 0; border-bottom:1px dotted var(--line)}
.flag:last-of-type{border-bottom:0}
.dot{flex:0 0 auto; width:10px; height:10px; border-radius:50%; margin-top:.45em}
.dot.r{background:var(--red)} .dot.a{background:var(--amber)} .dot.g{background:var(--green)}
.flag b{display:block; font-weight:500; font-size:.93rem}
.flag span{display:block; font-size:.85rem; color:var(--ink-2); line-height:1.45}
.doc-foot{margin-top:1rem; font-size:.8rem; color:var(--ink-3)}
.lines{margin:.2rem 0 1rem}
.lines i{display:block; height:7px; background:var(--line-soft); border-radius:2px; margin-bottom:7px}
.lines i:nth-child(2){width:88%} .lines i:nth-child(3){width:94%} .lines i:nth-child(4){width:61%}
@media (prefers-reduced-motion: no-preference){
  .flag{opacity:0; animation:rise .5s ease forwards}
  .flag:nth-of-type(1){animation-delay:.25s}
  .flag:nth-of-type(2){animation-delay:.45s}
  .flag:nth-of-type(3){animation-delay:.65s}
  @keyframes rise{from{opacity:0; transform:translateY(6px)} to{opacity:1; transform:none}}
}

/* ---------- aloldali fejrész ---------- */
.page-head{padding:2.8rem 0 2.4rem; border-bottom:1px solid var(--line);
  background:linear-gradient(180deg,var(--paper-2) 0%,var(--paper) 100%)}
.page-head h1{position:relative; padding-bottom:.5rem}
.page-head h1::after{content:""; position:absolute; left:0; bottom:0; width:64px; height:3px; background:var(--gold)}
.page-head p.lead{font-size:1.1rem; color:var(--ink-2); max-width:60ch; margin-bottom:0}
.crumbs{font-size:.85rem; color:var(--ink-3); margin-bottom:1rem}
.crumbs a{color:var(--ink-3)}
.crumbs span{margin:0 .4rem}

/* ---------- szekciók ---------- */
section{padding:3.4rem 0; border-top:1px solid var(--line)}
section:first-of-type{border-top:0}
.sec-intro{max-width:62ch; margin-bottom:2.1rem}
.sec-intro p{color:var(--ink-2)}
.center-cta{text-align:center; padding-top:1rem}

/* szolgáltatássorok */
.svc{border-top:1px solid var(--line-soft)}
.svc-row{display:grid; grid-template-columns:1.3fr 1.5fr auto; gap:1.6rem 2.5rem;
         padding:1.7rem 0; border-bottom:1px solid var(--line-soft); align-items:start}
.svc-row h3{margin-bottom:.35rem}
.svc-row h3 a{text-decoration:none; color:var(--ink)}
.svc-row h3 a:hover{color:var(--gold); text-decoration:underline}
.svc-row .who{font-size:.86rem; color:var(--ink-3)}
.svc-row ul{margin:.2rem 0 0; padding-left:1.1rem; color:var(--ink-2); font-size:.95rem}
.svc-row li{margin-bottom:.3rem}
.svc-row p{font-size:.97rem; color:var(--ink-2); margin-bottom:.6rem}
.price{text-align:right; white-space:nowrap}
.price b{display:block; font-family:var(--serif); font-size:1.5rem; font-weight:500; line-height:1.1}
.price span{display:block; font-size:.8rem; color:var(--ink-3); margin-top:.2rem}
.price a{display:inline-block; margin-top:.7rem; font-size:.9rem}
@media (max-width:880px){
  .svc-row{grid-template-columns:1fr; gap:.9rem}
  .price{text-align:left}
}

/* csomagok */
.tiers{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem}
.tier{background:var(--white); border:1px solid var(--line); border-radius:3px; padding:1.4rem 1.3rem}
.tier.mid{border-color:var(--gold); box-shadow:inset 4px 0 0 var(--gold), 0 6px 24px rgba(18,48,76,.08)}
.tier h3{margin-bottom:.15rem}
.tier .amount{font-family:var(--serif); font-size:1.65rem; line-height:1.2; margin:0}
.tier .per{font-size:.82rem; color:var(--ink-3); margin-bottom:1rem}
.tier ul{margin:0 0 1rem; padding-left:1.05rem; font-size:.94rem; color:var(--ink-2)}
.tier li{margin-bottom:.35rem}
@media (max-width:880px){.tiers{grid-template-columns:1fr}}

/* sötét sáv */
.band{background:var(--navy-deep); color:#D3DEE7; border-top:0; position:relative; overflow:hidden}
.band::before{content:""; position:absolute; inset:0; background:url("img/minta.svg") repeat; opacity:.55; pointer-events:none}
.band > *{position:relative; z-index:1}
.band h2,.band h3{color:#fff}
.band p{color:#C3CFD3}
.band a{color:var(--gold-light)}
.band-grid{display:grid; grid-template-columns:1.1fr .9fr; gap:3rem; align-items:center}
.check{margin:1.2rem 0 0; padding:0; list-style:none}
.check li{padding:.6rem 0 .6rem 1.7rem; position:relative; border-bottom:1px solid #1C3B57; font-size:.97rem}
.check li::before{content:"✓"; position:absolute; left:0; color:var(--gold-light); font-weight:600}
.band .btn{border-color:var(--gold); background:linear-gradient(180deg,#FBEFA8 0%,#E8C84A 45%,#C9A227 100%); color:var(--navy-deep)}
.band .btn:hover{background:linear-gradient(180deg,#FDF5C4 0%,#F0D65E 45%,#D4AF37 100%); box-shadow:0 5px 20px rgba(212,175,55,.55)}
@media (max-width:880px){.band-grid{grid-template-columns:1fr; gap:2rem}}

/* oszlopok, listák */
.cols-2{display:grid; grid-template-columns:1fr 1fr; gap:3rem}
.cols-2 > div > h2:first-child{margin-top:0}
@media (max-width:880px){.cols-2{grid-template-columns:1fr; gap:2.2rem}}
.clients{margin:0; padding:0; list-style:none; border-top:1px solid var(--line-soft)}
.clients li{padding:.85rem 0; border-bottom:1px solid var(--line-soft); font-size:.97rem; color:var(--ink-2)}
.clients b{color:var(--ink); font-weight:500}
.steps{margin:0; padding:0; list-style:none; counter-reset:s}
.steps li{counter-increment:s; position:relative; padding:0 0 1.2rem 2.6rem}
.steps li::before{content:counter(s); position:absolute; left:0; top:-.05em;
  width:1.85rem; height:1.85rem; border:1px solid var(--gold); color:var(--gold); background:var(--white);
  border-radius:50%; display:grid; place-items:center; font-size:.85rem}
.steps b{display:block; font-weight:500}
.steps span{font-size:.94rem; color:var(--ink-2)}

.box{background:var(--white); border:1px solid var(--line); border-radius:3px; padding:1.3rem 1.4rem; margin-bottom:1.2rem}
.box h3{font-size:1.05rem}
.box p{font-size:.94rem; color:var(--ink-2)}
.box p:last-child{margin-bottom:0}
.box.flag-red{border-left:3px solid var(--red)}
.box.flag-green{border-left:3px solid var(--green)}
.box.flag-amber{border-left:3px solid var(--amber)}

/* GYIK */
.faq{border-top:1px solid var(--line-soft)}
.faq details{border-bottom:1px solid var(--line-soft)}
.faq summary{
  cursor:pointer; padding:1rem 2rem 1rem 0; position:relative;
  font-family:var(--serif); font-size:1.08rem; list-style:none;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+"; position:absolute; right:.3rem; top:.9rem; color:var(--gold); font-family:var(--sans); font-size:1.3rem; line-height:1}
.faq details[open] summary::after{content:"–"}
.faq .answer{padding:0 0 1.1rem; color:var(--ink-2); font-size:.97rem}
.faq .answer p:last-child{margin-bottom:0}

/* cikk / jogi szöveg */
.article{padding:2.6rem 0 3rem}
.article h2{margin-top:2rem}
.article h3{margin-top:1.6rem}
.article ul,.article ol{max-width:68ch; color:var(--ink-2); padding-left:1.2rem}
.article li{margin-bottom:.45rem}
.article blockquote{
  margin:1.6rem 0; padding:.6rem 0 .6rem 1.4rem; border-left:3px solid var(--gold);
  font-family:var(--serif); font-size:1.12rem; color:var(--ink)
}
.article table{border-collapse:collapse; width:100%; margin:1.4rem 0; font-size:.95rem}
.article th,.article td{border-bottom:1px solid var(--line); padding:.6rem .5rem; text-align:left; vertical-align:top}
.article th{font-weight:500; color:var(--ink)}
.meta{font-size:.85rem; color:var(--ink-3); margin-bottom:1.4rem}
.legal-body h2{font-size:1.35rem; margin-top:2rem}
.legal-body{font-size:.98rem}
.legal-body p,.legal-body li{color:var(--ink-2)}

/* blog lista */
.posts{margin:0; padding:0; list-style:none; border-top:1px solid var(--line-soft)}
.posts li{padding:1.4rem 0; border-bottom:1px solid var(--line-soft)}
.posts h3{margin-bottom:.3rem}
.posts h3 a{text-decoration:none; color:var(--ink)}
.posts h3 a:hover{color:var(--gold); text-decoration:underline}
.posts p{font-size:.96rem; color:var(--ink-2); margin-bottom:.3rem}
.posts .meta{margin:0}

/* űrlap */
.form-grid{display:grid; grid-template-columns:1.15fr .85fr; gap:3rem; align-items:start}
form{background:var(--white); border:1px solid var(--line); border-radius:3px; padding:1.6rem}
fieldset{border:0; padding:0; margin:0 0 1.4rem}
legend{font-family:var(--serif); font-size:1.05rem; padding:0; margin-bottom:.7rem}
form label{display:block; font-size:.92rem; font-weight:500; margin-bottom:.3rem}
.hint{font-weight:400; color:var(--ink-3); font-size:.85rem}
input[type=text],input[type=email],input[type=tel],select,textarea{
  width:100%; font:400 .97rem/1.5 var(--sans); color:var(--ink);
  padding:.6rem .7rem; border:1px solid var(--line); border-radius:3px; background:#fff; margin-bottom:1rem;
}
textarea{min-height:5.5rem; resize:vertical}
.radio-set{display:flex; flex-wrap:wrap; gap:.5rem; margin-bottom:1rem}
.radio-set label{display:inline-flex; align-items:center; gap:.45rem; font-weight:400; font-size:.93rem;
  border:1px solid var(--line); border-radius:3px; padding:.45rem .7rem; margin:0; cursor:pointer}
.radio-set input{accent-color:var(--navy)}
.radio-set label:has(input:checked){border-color:var(--navy); background:var(--gold-soft)}
.consent{display:flex; gap:.6rem; align-items:flex-start; font-size:.88rem; font-weight:400; color:var(--ink-2)}
.consent input{margin-top:.25em; accent-color:var(--navy)}
.form-actions{display:flex; flex-wrap:wrap; gap:.7rem; align-items:center; margin-top:1.2rem}
.msg{font-size:.9rem; margin-top:.9rem; padding:.7rem .8rem; border-radius:3px; display:none}
.msg.err{display:block; background:var(--red-bg); color:var(--red); border:1px solid #E3C4C0}
.msg.ok{display:block; background:var(--green-bg); color:#1F5E42; border:1px solid #BFD9CC}
.contact-line{display:block; font-size:1.05rem; margin-bottom:.4rem}
@media (max-width:920px){.form-grid{grid-template-columns:1fr; gap:2rem}}
@media (max-width:980px){
  .hero-grid{grid-template-columns:1fr; gap:2.5rem}
  .actions{grid-template-columns:1fr; max-width:none}
}

/* lábléc */
footer{background:var(--navy-deep); color:#AFC0CE; padding:3rem 0 2rem; font-size:.9rem; border-top:3px solid var(--gold)}
footer a{color:var(--gold-light)}
.foot-grid{display:grid; grid-template-columns:1.2fr 1fr 1fr; gap:2.5rem; margin-bottom:2rem}
footer h4{font-family:var(--serif); font-weight:500; font-size:1.05rem; color:#fff; margin:0 0 .6rem}
footer ul{margin:0; padding:0; list-style:none}
footer li{margin-bottom:.35rem}
.legal{border-top:1px solid #1C3B57; padding-top:1.2rem; font-size:.82rem; color:#8A9BAB; line-height:1.55}
.legal p{max-width:none}
@media (max-width:880px){.foot-grid{grid-template-columns:1fr; gap:1.6rem}}

@media print{
  .site-head,.nav,footer .foot-grid,.btn{display:none}
  body{background:#fff; font-size:11pt}
}

/* ====================================================================
   SZÍNES ÉS ILLUSZTRÁLT ELEMEK
   ==================================================================== */

/* váltakozó szekcióhátterek */
.sec-white{background:var(--white)}
.sec-tint{background:var(--paper-2)}
.sec-white + .sec-white, .sec-tint + .sec-tint{border-top:1px solid var(--line)}

/* szekciócímke a cím fölött */
.eyebrow{
  display:inline-block; font:600 .74rem/1 var(--sans); letter-spacing:.14em;
  text-transform:uppercase; color:var(--gold); margin-bottom:.85rem;
}
.eyebrow::before{content:""; display:inline-block; width:26px; height:2px;
  background:var(--gold); vertical-align:middle; margin-right:.6rem}

/* nyitókép */
.hero{background:linear-gradient(180deg,var(--paper-2) 0%,var(--paper) 62%)}
.hero-art{position:relative}
.hero-art > img{
  width:100%; display:block; border-radius:4px;
  border:1px solid var(--line); box-shadow:0 18px 44px rgba(18,48,76,.14);
}
.hero-art .doc{
  position:relative; margin:-88px 0 0 auto; width:min(96%,430px);
  box-shadow:0 14px 40px rgba(18,48,76,.18);
}
@media (max-width:980px){.hero-art .doc{margin-top:-56px; width:100%}}

/* szolgáltatás-ikonok */
.ico{
  flex:0 0 auto; width:46px; height:46px; border-radius:3px;
  display:grid; place-items:center; background:var(--gold-soft); color:var(--navy);
  border:1px solid var(--line); margin-bottom:.75rem;
}
.ico svg{width:24px; height:24px}
.svc-row .head-with-ico{display:flex; gap:.9rem; align-items:flex-start}
.svc-row .head-with-ico .ico{margin-bottom:0}

/* akciódobozok a nyitóképen */
.action{transition:background .15s ease, border-color .15s ease, transform .15s ease}
.action strong{display:flex; align-items:center; gap:.55rem; font-weight:500}
.action svg{width:18px; height:18px; color:var(--gold); flex:0 0 auto}

/* kártyás rács ikonokkal */
.cards{display:grid; grid-template-columns:repeat(3,1fr); gap:1.2rem}
.card{
  background:var(--white); border:1px solid var(--line); border-radius:4px;
  padding:1.5rem 1.4rem; border-top:3px solid var(--gold);
}
.card h3{font-size:1.1rem}
.card p{font-size:.95rem; color:var(--ink-2); margin-bottom:0}
@media (max-width:880px){.cards{grid-template-columns:1fr}}

/* blogkártyák képpel */
.posts li{display:grid; grid-template-columns:180px 1fr; gap:1.4rem; align-items:start}
.posts img{width:100%; border-radius:3px; border:1px solid var(--line); display:block}
@media (max-width:620px){.posts li{grid-template-columns:1fr}}

/* cikkfejléc képe */
.article-art{width:100%; border-radius:4px; border:1px solid var(--line); margin-bottom:1.8rem; display:block}

/* portré */
.portre{width:100%; border-radius:4px; border:1px solid var(--line);
  box-shadow:0 14px 34px rgba(18,48,76,.12); display:block; margin-bottom:1.2rem}

/* kiemelt idézetblokk */
.pull{
  background:var(--navy); color:#E7EEF4; border-radius:4px; padding:1.6rem 1.7rem;
  font-family:var(--serif); font-size:1.15rem; line-height:1.45; border-left:4px solid var(--gold);
}
.pull p{margin:0; max-width:none}

/* díjkiemelés */
.price b{color:var(--navy)}
.price{background:var(--gold-soft); border-radius:3px; padding:1rem 1.1rem; text-align:center}
.price span{color:#7A6A52}
@media (max-width:880px){.price{text-align:left; display:inline-block; min-width:15rem}}

/* csomagfej színezése */
.tier{border-top:3px solid var(--line)}
.tier.mid{border-top-color:var(--gold); background:linear-gradient(180deg,var(--gold-soft) 0,var(--white) 120px)}
.tier .amount{color:var(--navy)}

/* jelzőszínes dobozok háttérrel */
.box.flag-red{background:var(--red-bg); border-color:#E8CFCA}
.box.flag-amber{background:var(--amber-bg); border-color:#EBD9B9}
.box.flag-green{background:var(--green-bg); border-color:#C8DED4}

/* táblázat */
.article th{background:var(--gold-soft)}

/* elválasztó dísz */
.rule{display:flex; align-items:center; gap:.8rem; margin:0 0 1.6rem; color:var(--gold)}
.rule::before,.rule::after{content:""; height:1px; background:var(--line); flex:1}
.rule span{font:600 .74rem/1 var(--sans); letter-spacing:.14em; text-transform:uppercase}

/* ====================================================================
   SÖTÉTKÉK–ARANY ARCULAT – erős kontraszt
   ==================================================================== */

/* --- FEJLÉC: sötétkék, arany szegéllyel --- */
.site-head{
  background:var(--navy) !important;
  border-top:4px solid var(--gold);
  border-bottom:1px solid rgba(212,160,23,.35);
  box-shadow:0 2px 14px rgba(6,23,41,.28);
}
.nav a{color:#C6D4E4}
.nav a:hover{color:var(--gold-light)}
.nav a[aria-current=page]{color:var(--gold-light); box-shadow:inset 0 -2px 0 var(--gold)}
.head-row .tel{color:var(--gold-light); font-weight:500}
.nav-toggle{border-color:rgba(212,160,23,.5) !important; color:var(--gold-light) !important}
@media (max-width:980px){
  .nav{background:var(--navy) !important; border-bottom:2px solid var(--gold)}
  .nav a{border-bottom:1px solid rgba(255,255,255,.1)}
}

/* --- GOMBOK: arany, sötétkék felirattal --- */
.btn{
  background:linear-gradient(180deg,#FBEFA8 0%,#E8C84A 45%,#C9A227 100%);
  border:1px solid var(--gold-deep); color:var(--navy-deep); font-weight:600;
  letter-spacing:.01em;
  box-shadow:0 2px 12px rgba(212,175,55,.45), inset 0 1px 0 rgba(255,255,255,.55);
}
.btn:hover{
  background:linear-gradient(180deg,#FDF5C4 0%,#F0D65E 45%,#D4AF37 100%);
  box-shadow:0 5px 22px rgba(212,175,55,.6), inset 0 1px 0 rgba(255,255,255,.7);
  color:var(--navy-deep);
}
.nav .btn{color:var(--navy-deep)}
.btn-ghost{
  background:transparent; border:1.5px solid var(--gold); color:var(--gold-deep);
  box-shadow:none; font-weight:600;
}
.btn-ghost:hover{background:var(--gold-soft); color:var(--navy); box-shadow:none}
.band .btn,.hero .btn{color:var(--navy-deep)}

/* --- NYITÓKÉP: sötétkék panel --- */
.hero{
  background:
    radial-gradient(1000px 420px at 78% 18%, rgba(212,160,23,.16), transparent 70%),
    linear-gradient(165deg,#164E7E 0%,#0E3557 100%);
  color:#DCE6F2; padding:3.6rem 0 4rem;
  border-bottom:4px solid var(--gold);
}
.hero h1{color:#FFFFFF}
.hero h1 em{font-style:normal; color:var(--gold-light)}
.hero p.lead{color:#B9CADD}
.hero .cred{color:#93A9C2}
.hero .cred li::before{background:var(--gold-light); box-shadow:0 0 8px rgba(255,217,102,.7)}
.hero .eyebrow{color:var(--gold-light)}
.hero .eyebrow::before{background:var(--gold-light)}

.hero .action{
  background:rgba(255,255,255,.055); border:1px solid rgba(212,160,23,.32);
  border-left:3px solid var(--gold); color:#F1F5FA;
}
.hero .action small{color:#9DB3CB}
.hero .action svg{color:var(--gold-light)}
.hero .action:hover{background:rgba(212,160,23,.16); border-color:var(--gold-light)}

.hero-art > img{border:1px solid rgba(212,160,23,.45); box-shadow:0 22px 60px rgba(0,0,0,.5)}
.hero-art .doc{
  background:#FFFFFF; border:1px solid var(--gold);
  box-shadow:0 18px 50px rgba(0,0,0,.45); border-top:4px solid var(--gold);
}

/* --- ALOLDALI FEJRÉSZ: sötétkék --- */
.page-head{
  background:linear-gradient(165deg,#164E7E 0%,#1A5A8E 100%) !important;
  border-bottom:4px solid var(--gold); color:#DCE6F2; padding:3rem 0 2.8rem;
}
.page-head h1{color:#FFFFFF}
.page-head h1::after{background:var(--gold-light); height:4px; width:78px}
.page-head p.lead{color:#B9CADD}
.page-head .crumbs,.page-head .crumbs a{color:#8FA6C0}
.page-head .crumbs a:hover{color:var(--gold-light)}
.page-head .meta{color:#93A9C2}

/* --- SZEKCIÓCÍMKE --- */
.eyebrow{color:var(--gold-deep); font-weight:700}
.eyebrow::before{background:var(--gold); height:3px; width:30px}

/* --- CÍMEK --- */
h2,h3{color:var(--navy)}
.sec-intro h2{position:relative}

/* --- IKONOK: arany körben --- */
.ico{
  background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%);
  border:1px solid var(--gold); color:var(--gold-light);
  box-shadow:0 3px 10px rgba(10,37,64,.25);
}

/* --- SZOLGÁLTATÁSSOROK --- */
.svc-row{border-bottom:1px solid var(--line)}
.svc-row:hover{background:rgba(212,160,23,.05)}
.price{
  background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%);
  border:1px solid var(--gold); border-radius:4px; padding:1.1rem 1.2rem;
  box-shadow:0 4px 16px rgba(10,37,64,.2);
}
.price b{color:var(--gold-light)}
.price span{color:#A9BDD4}
.price a{color:#FFFFFF; font-weight:500}
.price a:hover{color:var(--gold-light)}

/* --- CSOMAGOK --- */
.tier{border:1px solid var(--line); border-top:4px solid var(--navy); background:var(--white)}
.tier.mid{
  border:1px solid var(--gold); border-top:4px solid var(--gold);
  background:linear-gradient(165deg,#164E7E 0%,#1A5A8E 100%);
  box-shadow:0 14px 40px rgba(10,37,64,.3); transform:translateY(-6px);
}
.tier.mid h3{color:#FFFFFF}
.tier.mid .amount{color:var(--gold-light)}
.tier.mid .per{color:#9DB3CB}
.tier.mid ul{color:#C6D4E4}
.tier.mid .btn{width:100%; text-align:center}
.tier .amount{color:var(--navy)}
.tier .btn-ghost{width:100%; text-align:center}
@media (max-width:880px){.tier.mid{transform:none}}

/* --- SÖTÉT SÁV --- */
.band{background:linear-gradient(165deg,#164E7E 0%,#0E3557 100%); color:#C6D4E4;
      border-top:4px solid var(--gold); border-bottom:4px solid var(--gold)}
.band::before{opacity:.9}
.band .eyebrow{color:var(--gold-light)}
.band .eyebrow::before{background:var(--gold-light)}
.check li{border-bottom:1px solid rgba(212,160,23,.22)}
.check li::before{color:var(--gold-light)}

/* --- DOBOZOK --- */
.box{border:1px solid var(--line); border-top:3px solid var(--gold); background:var(--white);
     box-shadow:0 2px 10px rgba(10,37,64,.06)}
.box h3{color:var(--navy)}
.box.flag-red{border-top-color:var(--red)}
.box.flag-amber{border-top-color:var(--amber)}
.box.flag-green{border-top-color:var(--green)}

/* --- LÉPÉSEK --- */
.steps li::before{
  background:linear-gradient(160deg,var(--navy) 0%,var(--navy-mid) 100%);
  border:1px solid var(--gold); color:var(--gold-light); font-weight:600;
}

/* --- IDÉZET --- */
.article blockquote{
  border-left:4px solid var(--gold); background:var(--gold-soft);
  border-radius:0 4px 4px 0; color:var(--navy);
}

/* --- GYIK --- */
.faq details{border-bottom:1px solid var(--line)}
.faq summary{color:var(--navy)}
.faq summary:hover{color:var(--gold-deep)}
.faq details[open]{background:var(--gold-soft); padding:0 1rem; border-radius:4px}
.faq summary::after{color:var(--gold-deep); font-weight:700}

/* --- BLOG --- */
.posts li{padding:1.5rem 0; border-bottom:1px solid var(--line)}
.posts img{border:1px solid var(--line); border-left:3px solid var(--gold)}
.article-art{border:1px solid var(--line); border-top:4px solid var(--gold)}

/* --- LISTÁK --- */
.clients{border-top:2px solid var(--gold)}
.clients li{border-bottom:1px solid var(--line)}
.clients b{color:var(--navy)}

/* --- ŰRLAP --- */
form{border-top:4px solid var(--gold); box-shadow:0 4px 20px rgba(10,37,64,.07)}
legend{color:var(--navy); font-weight:500}
input:focus,select:focus,textarea:focus{border-color:var(--gold); box-shadow:0 0 0 3px rgba(212,160,23,.18)}
.radio-set label:has(input:checked){border-color:var(--gold); background:var(--gold-soft); font-weight:500}

/* --- SZEKCIÓHÁTTEREK --- */
.sec-white{background:var(--white)}
.sec-tint{background:var(--paper-2)}

/* --- LÁBLÉC --- */
footer{background:linear-gradient(180deg,#164E7E 0%,#0E3557 100%); border-top:4px solid var(--gold)}
footer h4{color:var(--gold-light)}
footer a:hover{color:#FFFFFF}

/* ====================================================================
   MOBIL – 860 képpont alatt külön elrendezés
   ==================================================================== */

/* --- alsó gyorssáv (csak mobilon) --- */
.mobilbar{display:none}

@media (max-width:860px){

  html{-webkit-text-size-adjust:100%}
  body{font-size:16.5px; padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  .wrap,.narrow{width:min(100%,94vw)}

  /* --- alsó sáv: hívás / ügy / e-mail --- */
  .mobilbar{
    display:grid; grid-template-columns:1fr 1.5fr 1fr;
    position:fixed; left:0; right:0; bottom:0; z-index:60;
    background:linear-gradient(180deg,#164E7E 0%,#0E3557 100%);
    border-top:3px solid var(--gold);
    padding-bottom:env(safe-area-inset-bottom);
    box-shadow:0 -6px 24px rgba(6,23,41,.4);
  }
  .mb-item{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:.22rem; min-height:66px; padding:.5rem .3rem;
    color:#C6D4E4; text-decoration:none; font:500 .76rem/1.15 var(--sans); text-align:center;
    border-right:1px solid rgba(212,160,23,.22);
  }
  .mb-item:last-child{border-right:0}
  .mb-item svg{width:22px; height:22px}
  .mb-item:active{background:rgba(212,160,23,.18)}
  .mb-primary{
    background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);
    color:var(--navy-deep); font-weight:600;
  }
  .mb-primary svg{stroke-width:2}
  .urlap-oldal .mb-primary{display:none}
  .urlap-oldal .mobilbar{grid-template-columns:1fr 1fr}

  /* --- fejléc: alacsonyabb, nagyobb érintőfelület --- */
  .head-row{padding:.55rem 0; gap:.6rem}
  .brand img{height:38px}
  .nav-toggle{
    display:inline-flex; align-items:center; gap:.5rem;
    min-height:44px; min-width:44px; padding:.5rem .8rem;
    background:rgba(212,160,23,.1) !important;
  }
  .burger{display:inline-flex; flex-direction:column; justify-content:center; gap:4px; width:18px}
  .burger i{display:block; height:2px; background:var(--gold-light); border-radius:2px; transition:transform .2s ease, opacity .2s ease}
  .nav-toggle[aria-expanded=true] .burger i:nth-child(1){transform:translateY(6px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] .burger i:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded=true] .burger i:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

  /* --- menü: teljes képernyős, nagy soros --- */
  .nav{
    position:fixed; inset:auto 0 0 0; top:56px;
    height:calc(100dvh - 56px); max-height:none; overflow-y:auto;
    padding:.5rem 4vw calc(90px + env(safe-area-inset-bottom));
  }
  .nav a{
    padding:1.05rem .2rem; font-size:1.12rem; font-family:var(--serif);
    display:flex; align-items:center; justify-content:space-between;
  }
  .nav a::after{content:"›"; color:var(--gold); font-size:1.4rem; line-height:1}
  .nav .tel{font-size:1.05rem; font-family:var(--sans)}
  .nav .btn{min-height:52px; display:flex; align-items:center; justify-content:center; font-size:1rem}
  .nav .btn::after{content:none}

  /* --- tipográfia --- */
  h1{font-size:1.92rem; line-height:1.15}
  h2{font-size:1.48rem}
  h3{font-size:1.14rem}
  p{max-width:none}

  /* --- nyitókép: előbb a gombok, aztán a kép --- */
  .hero{padding:2rem 0 2.4rem}
  .hero-grid{display:flex; flex-direction:column; gap:1.6rem}
  .hero-grid > div{order:1}
  .hero-art{order:2}
  .hero p.lead{font-size:1.02rem}
  .cred{gap:.3rem 1rem; font-size:.85rem; margin-bottom:1.2rem}
  .actions{gap:.6rem; margin-top:1.3rem}
  .action{min-height:62px; justify-content:center; padding:.85rem 1rem}
  .action strong{font-size:1rem}
  .action small{font-size:.8rem; line-height:1.35}
  .hero-art > img{border-radius:4px}
  .hero-art .doc{margin-top:-34px; padding:1.1rem 1.1rem .9rem}
  .doc-head strong{font-size:.96rem}
  .flag span{font-size:.83rem}

  /* --- aloldali fejrész --- */
  .page-head{padding:1.8rem 0 1.9rem}
  .page-head p.lead{font-size:1rem}
  .crumbs{font-size:.8rem; margin-bottom:.7rem}

  /* --- szekciók --- */
  section{padding:2.3rem 0}
  .sec-intro{margin-bottom:1.4rem}

  /* --- szolgáltatások: kártyás elrendezés --- */
  .svc{border-top:0}
  .svc-row{
    display:block; background:var(--white); border:1px solid var(--line);
    border-top:3px solid var(--gold); border-radius:4px;
    padding:1.2rem 1.1rem; margin-bottom:1rem;
    box-shadow:0 2px 10px rgba(10,37,64,.06);
  }
  .svc-row:hover{background:var(--white)}
  .svc-row > div + div{margin-top:.9rem}
  .head-with-ico{align-items:center}
  .ico{width:42px; height:42px}
  .svc-row ul{font-size:.93rem}
  .price{display:block; width:100%; text-align:center; padding:1rem}
  .price b{font-size:1.35rem}
  .price a{
    display:block; margin-top:.9rem; min-height:48px; line-height:48px;
    background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold) 100%);
    color:var(--navy-deep); font-weight:600; border-radius:3px; text-decoration:none;
  }

  /* --- csomagok --- */
  .tiers{gap:1rem}
  .tier{padding:1.2rem 1.1rem}
  .tier .btn,.tier .btn-ghost{min-height:50px; display:flex; align-items:center; justify-content:center}

  /* --- két hasáb egymás alá --- */
  .cols-2,.band-grid,.form-grid,.cards{display:block}
  .cols-2 > div + div,.band-grid > div + div{margin-top:1.8rem}
  .band-grid > div[style]{text-align:left !important}
  .band .btn{width:100%; text-align:center; min-height:52px; display:flex; align-items:center; justify-content:center}

  /* --- lépések, listák --- */
  .steps li{padding-left:2.5rem}
  .clients li{padding:.8rem 0}

  /* --- GYIK: nagyobb érintőfelület --- */
  .faq summary{padding:1.05rem 2.2rem 1.05rem .2rem; font-size:1.02rem; min-height:52px}
  .faq details[open]{padding:0 .8rem}
  .faq .answer{font-size:.94rem}

  /* --- blog --- */
  .posts li{display:block}
  .posts img{margin-bottom:.9rem}
  .article{padding:1.8rem 0 2.2rem}
  .article blockquote{font-size:1.05rem; padding:.9rem 1rem}
  .article table{display:block; overflow-x:auto; white-space:nowrap}

  /* --- űrlap: nagy mezők, nincs zoomolás --- */
  form{padding:1.1rem; border-radius:4px}
  fieldset{margin-bottom:1.6rem; padding-bottom:1.2rem; border-bottom:1px solid var(--line-soft)}
  fieldset:last-of-type{border-bottom:0}
  legend{font-size:1.1rem}
  form label{font-size:.95rem; margin-bottom:.4rem}
  input[type=text],input[type=email],input[type=tel],select,textarea{
    font-size:16px; padding:.85rem .8rem; margin-bottom:1.1rem; border-radius:4px;
  }
  textarea{min-height:6.5rem}
  .radio-set{gap:.55rem}
  .radio-set label{min-height:48px; padding:.6rem .9rem; font-size:.95rem; flex:1 1 auto; justify-content:center}
  .consent{font-size:.9rem; line-height:1.5}
  .consent input{width:22px; height:22px}
  .form-actions{display:block}
  .form-actions .btn{width:100%; min-height:54px; margin-bottom:.6rem;
    display:flex; align-items:center; justify-content:center; font-size:1rem}
  .msg{font-size:.95rem}

  /* --- lábléc --- */
  footer{padding:2.2rem 0 1.6rem}
  .foot-grid{gap:1.5rem; margin-bottom:1.4rem}
  footer li{margin-bottom:.5rem}
  footer li a{display:inline-block; padding:.25rem 0}
  .legal{font-size:.78rem}
}

/* --- nagyon keskeny telefonok --- */
@media (max-width:380px){
  h1{font-size:1.72rem}
  .brand img{height:34px}
  .nav-toggle-text{display:none}
  .mb-item{font-size:.72rem}
  .radio-set label{flex:1 1 100%}
}

/* --- fekvő tájolás, alacsony képernyő --- */
@media (max-height:460px) and (orientation:landscape){
  .mobilbar{display:none}
  body{padding-bottom:0}
  .nav{height:auto; max-height:calc(100dvh - 56px)}
}

/* nyitott menünél az alsó sáv ne takarjon */
body.menu-nyitva .mobilbar{display:none}

/* ====================================================================
   PORTRÉ
   ==================================================================== */
.portre{
  width:100%; max-width:340px; border-radius:4px;
  border:1px solid var(--line); border-top:4px solid var(--gold);
  box-shadow:0 14px 38px rgba(22,78,126,.18); display:block; margin-bottom:1.2rem;
}
.portre-kicsi{
  width:150px; height:150px; object-fit:cover; border-radius:4px;
  border:1px solid var(--line); border-top:3px solid var(--gold);
  box-shadow:0 8px 24px rgba(22,78,126,.16); display:block; margin-bottom:1.2rem;
}
.szerzo{display:grid; grid-template-columns:190px 1fr; gap:2.2rem; align-items:center}
.szerzo img{
  width:190px; height:190px; object-fit:cover; border-radius:4px;
  border:1px solid var(--line); border-top:4px solid var(--gold);
  box-shadow:0 12px 32px rgba(22,78,126,.2);
}
.szerzo h2{margin-bottom:.5rem}
.szerzo p{margin-bottom:.7rem}
@media (max-width:860px){
  .szerzo{grid-template-columns:1fr; gap:1.2rem; text-align:left}
  .szerzo img{width:140px; height:140px}
  .portre{max-width:none}
  .portre-kicsi{width:130px; height:130px}
  .szerzo .btn-ghost{width:100%; text-align:center; min-height:50px;
    display:flex; align-items:center; justify-content:center}
}

/* a nyitókép illusztráció önmagában, kártya nélkül */
.hero-art > img{border-radius:5px}
@media (min-width:981px){
  .hero-art{align-self:center}
}

/* ====================================================================
   FIGYELEMFELHÍVÓ SÁV
   ==================================================================== */
.alert-band{
  background:linear-gradient(165deg,#1A5A8E 0%,#0E3557 100%);
  color:#DCE6F2; border-top:4px solid var(--gold); border-bottom:4px solid var(--gold);
  padding:2.4rem 0;
}
.alert-inner{display:grid; grid-template-columns:auto 1fr; gap:1.6rem; align-items:start}
.alert-band h2{color:#FFFFFF; font-size:clamp(1.35rem,2.6vw,1.85rem); margin-bottom:.6rem}
.alert-band p{color:#C6D9EA}
.alert-band strong{color:var(--gold-light); font-weight:600}
.alert-band .eyebrow{color:var(--gold-light); font-weight:700}
.alert-band .eyebrow::before{background:var(--gold-light)}
.alert-band .btn{color:var(--navy-deep); margin-top:.3rem}
.alert-mark{
  width:54px; height:54px; flex:0 0 auto; border-radius:50%;
  display:grid; place-items:center; color:var(--gold-light);
  background:rgba(255,217,102,.14); border:1px solid var(--gold);
}
.alert-mark svg{width:28px; height:28px}
@media (max-width:860px){
  .alert-band{padding:1.8rem 0}
  .alert-inner{grid-template-columns:1fr; gap:.9rem}
  .alert-mark{width:46px; height:46px}
  .alert-band .btn{width:100%; text-align:center; min-height:52px;
    display:flex; align-items:center; justify-content:center}
}

/* ====================================================================
   ARANY FINOMÍTÁSOK – csillogás és mélység
   ==================================================================== */
.site-head{border-top-color:var(--gold)}
.site-head{box-shadow:0 1px 0 rgba(212,175,55,.35), 0 2px 14px rgba(6,23,41,.28)}

/* aranycsíkok színátmenettel, nem lapos színnel */
.page-head, .band, footer, .alert-band{
  border-image:linear-gradient(90deg,#9C7A1E 0%,#F6E27A 22%,#D4AF37 50%,#F6E27A 78%,#9C7A1E 100%) 1;
}
.page-head h1::after{
  background:linear-gradient(90deg,#F6E27A 0%,#D4AF37 60%,#9C7A1E 100%);
  border-radius:2px;
}
.eyebrow::before{background:linear-gradient(90deg,#D4AF37,#F6E27A)}

/* ikonok: arany gyűrű, meleg belső fénnyel */
.ico{
  border-color:var(--gold); color:var(--gold-light);
  box-shadow:0 3px 12px rgba(10,37,64,.25), inset 0 0 12px rgba(246,226,122,.18);
}

/* árdoboz: arany keret és finom csillanás */
.price{
  border-color:var(--gold);
  box-shadow:0 4px 18px rgba(10,37,64,.22), inset 0 1px 0 rgba(246,226,122,.28);
}
.price b{color:var(--gold-light); text-shadow:0 1px 2px rgba(0,0,0,.25)}

/* kiemelt csomag */
.tier.mid{box-shadow:0 14px 44px rgba(10,37,64,.32), inset 0 1px 0 rgba(246,226,122,.3)}
.tier.mid .amount{color:var(--gold-light)}

/* dobozok felső arany szegélye átmenetes */
.box{border-top:3px solid transparent;
  border-image:linear-gradient(90deg,#D4AF37,#F6E27A,#D4AF37) 1;
  border-left:0; border-right:0}
.box{border-left:1px solid var(--line); border-right:1px solid var(--line)}
.box.flag-red{border-image:linear-gradient(90deg,#8E2A20,#B3372B,#8E2A20) 1}
.box.flag-amber{border-image:linear-gradient(90deg,#9A5E11,#C07615,#9A5E11) 1}
.box.flag-green{border-image:linear-gradient(90deg,#24634A,#2F7D5B,#24634A) 1}

/* lépésszámok arany gyűrűben */
.steps li::before{
  border-color:var(--gold); color:var(--gold-deep);
  box-shadow:0 2px 8px rgba(212,175,55,.28), inset 0 0 8px rgba(246,226,122,.22);
}

/* linkek aranyra váltanak a sötét sávokban */
.band a:hover, footer a:hover{color:var(--gold-light)}

/* portré és illusztrációk arany kerete */
.portre, .portre-kicsi, .szerzo img, .article-art{
  border-top:3px solid transparent;
  border-image:linear-gradient(90deg,#D4AF37,#F6E27A,#D4AF37) 1;
}

/* idézetblokk */
.article blockquote{
  border-left:4px solid var(--gold);
  background:linear-gradient(90deg,rgba(253,246,224,.9),rgba(253,246,224,.35));
}