:root{
  --kek:#0056b3; --kek-sotet:#00408a; --kek-melysotet:#0B3D73;
  --fejlec:#1F6FC9; --fejlec-sotet:#1A5EAC;
  --kek-vilagos:#EAF2FB; --kek-halvany:#BBD7F5;
  --turkiz:#00A99D;
  --zold:#12833F; --zold-sotet:#0D6B32;
  --szoveg:#232326; --szoveg-halk:#565A62; --vonal:#E2E8F0;
  --lap:#EDF2F8; --sziget:#FFFFFF;
  --max:1080px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  font-size:18px; font-weight:450; line-height:1.7; color:var(--szoveg);
  background:var(--lap); padding-bottom:78px;
}
.wrap{max-width:var(--max);margin:0 auto;padding:0 14px}
a{color:var(--kek);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto;display:block}

/* ---- fejlec ---- */
.fej{background:var(--fejlec);position:sticky;top:0;z-index:60;
     box-shadow:0 1px 6px rgba(6,43,79,.22)}
.fej .wrap{display:flex;align-items:center;justify-content:space-between;min-height:62px;gap:12px}
.marka{display:flex;align-items:center}
.marka img{width:200px;height:auto;display:block}
.menugomb{background:none;border:0;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:6px 4px}
@media(min-width:960px){.menugomb{display:none}}
nav ul{list-style:none;display:flex;gap:18px;flex-wrap:wrap}
nav a{color:#fff;font-size:14.5px;padding:6px 0;display:block;letter-spacing:.2px}
nav a:hover,nav a[aria-current="page"]{color:var(--kek-halvany);text-decoration:none}
@media(max-width:959px){
  nav{display:none;position:absolute;top:62px;left:0;right:0;background:#fff;
      padding:8px 14px 14px;max-height:calc(100vh - 62px);overflow-y:auto;
      box-shadow:0 8px 20px rgba(6,43,79,.2)}
  nav.nyit{display:block}
  nav ul{flex-direction:column;gap:8px}
  nav a{color:var(--szoveg);font-size:16.5px;padding:14px 14px;background:var(--kek-vilagos);
        border-left:5px solid var(--kek);border-radius:8px}
  nav a[aria-current="page"]{color:var(--kek-sotet);font-weight:700}
}
body.menu-nyit .hivosav{display:none}

/* ---- morzsa ---- */
.morzsa{font-size:14.5px;color:var(--szoveg-halk);padding:14px 0 0}
.morzsa a{text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:.075em}

/* ---- szigetek ---- */
main{display:block}
.sziget{
  background:var(--sziget);border-radius:18px;padding:22px 20px;margin:16px 0;
  box-shadow:0 1px 3px rgba(6,43,79,.08);border-top:4px solid var(--kek);
  overflow-wrap:anywhere;
}
.sziget h1{font-size:27px;font-weight:800;line-height:1.28;margin:0 0 12px}
.sziget h2{font-size:22px;font-weight:800;line-height:1.35;margin:26px 0 10px}
.sziget h3{font-size:19px;font-weight:700;line-height:1.4;margin:22px 0 8px}
.sziget h2:first-child,.sziget h3:first-child{margin-top:0}
.sziget p{margin:0 0 14px}
.sziget ul,.sziget ol{margin:0 0 16px;padding-left:22px}
.sziget li{margin:0 0 8px}
.sziget hr{border:0;border-top:1px solid var(--vonal);margin:22px 0}
.sziget blockquote{background:var(--kek-vilagos);border-left:5px solid var(--kek);
  border-radius:0 10px 10px 0;padding:14px 16px;margin:0 0 16px}
.sziget blockquote p:last-child{margin-bottom:0}
.sziget table{width:100%;border-collapse:collapse;font-size:16px;margin:0 0 16px}
.sziget th,.sziget td{border:1px solid var(--vonal);padding:9px 10px;text-align:left;vertical-align:top}
.sziget th{background:var(--kek-vilagos);font-weight:700}
.sziget figure{margin:0 0 16px}
.sziget figure img{border-radius:12px;margin:0 auto}
.sziget figcaption{font-size:15px;color:var(--szoveg-halk);text-align:center;margin-top:6px}
/* prozai linkek alahuzva - akadalymentesites */
.sziget p a,.sziget li a,.sziget td a{
  text-decoration:underline;text-underline-offset:.16em;text-decoration-thickness:.075em;
}

/* galeria */
.wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
  gap:12px;list-style:none;padding:0}
.wp-block-gallery figure{margin:0}
.wp-block-gallery img{border-radius:10px}

/* ---- letolto kartya ---- */
.letolt{display:flex;align-items:center;gap:12px;background:var(--kek-vilagos);
  border:1px solid var(--kek-halvany);border-radius:12px;padding:13px 15px;margin:0 0 12px}
.letolt a{font-weight:700;text-decoration:none}
.letolt .meret{font-size:14.5px;color:var(--szoveg-halk)}
.letolt.hianyzik{background:#F5F6F8;border-color:var(--vonal);color:var(--szoveg-halk)}

/* ---- gombok ---- */
.gomb{display:inline-block;background:var(--kek);color:#fff;font-weight:700;font-size:17px;
  padding:16px 22px;border-radius:12px;min-height:56px;text-decoration:none;line-height:1.4}
.gomb:hover{background:var(--kek-sotet);text-decoration:none;color:#fff}
.gomb-zold{background:var(--zold)}
.gomb-zold:hover{background:var(--zold-sotet)}

/* ---- lebego hivosav ---- */
.hivosav{position:fixed;left:14px;right:14px;bottom:14px;z-index:70;background:var(--zold);
  padding:11px 18px;text-align:center;border-radius:14px;box-shadow:0 3px 12px rgba(0,0,0,.16)}
.hivosav a{color:#fff;font-weight:800;text-decoration:none;display:block;
  letter-spacing:.2px;white-space:nowrap;font-size:clamp(16px,4.4vw,19px)}
@media(max-width:400px){.hivosav{padding:13px 10px}}

/* ---- lablec ---- */
.lab{background:var(--kek-melysotet);color:#C9D8E8;margin-top:26px;padding:26px 0 22px;font-size:15.5px}
.lab .wrap{display:grid;gap:18px}
@media(min-width:760px){.lab .wrap{grid-template-columns:1fr 1fr}}
.lab img.logo{width:220px;height:auto;opacity:.95}
.lab a{color:#fff;text-decoration:underline;text-underline-offset:.16em}
.lab .jog{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.16);padding-top:14px;
  font-size:13.5px;color:#A9BED4;line-height:1.6}
.lab .jog a{color:#C9D8E8}

/* ---- mobil finomitas: az orokolt inline stilusok fekentartasa ---- */
.nowrap{white-space:nowrap}
.sziget a[href^="tel:"],main a[href^="tel:"]{display:inline-block;max-width:100%}
@media(max-width:600px){
  .sziget{padding:16px 13px}
  .sziget h1,main h1{font-size:24px !important;line-height:1.3 !important}
  .sziget h2,main h2{font-size:20px !important}
  .sziget h3,main h3{font-size:18px !important}
  /* a tartalomban orokolt "min-width:280px" dobozok ne loghassanak ki */
  /* a flex-kartyak mobilon EGYMAS ALA kerulnek, nem szorulnak oszlopokba */
  main div[style*="flex: 1"]{flex:1 1 100% !important;min-width:100% !important}
  main div[style*="display: flex"]{gap:12px !important}
  main div[style*="padding: 40px"]{padding:24px 14px !important}
  main div[style*="padding: 25px"]{padding:18px 14px !important}
  main a[style*="padding: 15px 30px"]{padding:15px 16px !important;font-size:16px !important}
  main a[href^="tel:"]{font-size:16px !important;padding-left:14px !important;padding-right:14px !important}
  main [style*="max-width: 1100px"]{margin:16px auto !important;padding:0 !important}
  main img[style*="width:461px"],main figure img{width:100% !important;height:auto !important;margin:0 auto}
}
/* semmi ne loghasson ki oldalra */
main img,main table,main pre{max-width:100%}
main{overflow-wrap:break-word}

/* beagyazott video (YouTube) mobilon */
main iframe{width:100%;max-width:100%;height:auto;aspect-ratio:16/9;border:0;display:block}

/* kepek soha ne loghassanak ki a kartyabol */
main figure,main .wp-block-image{max-width:100%}
main figure img,main .wp-block-image img{max-width:100%;height:auto}

/* ---- markacsempek (kereszthivatkozasok) ---- */
.csempek h2{font-size:20px;margin:0 0 6px}
.csempek>p{font-size:16px;color:var(--szoveg-halk);margin:0 0 14px}
.csempe-racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:11px}
.csempe{
  display:block;background:var(--sziget);border:1px solid var(--vonal);
  border-top:4px solid var(--csik,var(--kek));border-radius:12px;
  padding:14px 13px;text-decoration:none;color:var(--szoveg);
  transition:box-shadow .15s,transform .15s;min-height:74px;
}
.csempe:hover{text-decoration:none;box-shadow:0 4px 12px rgba(6,43,79,.13);transform:translateY(-1px)}
.cs-nev{display:block;font-weight:800;font-size:17px;color:var(--betu,var(--kek));line-height:1.3}
.cs-alcim{display:block;font-size:14.5px;color:var(--szoveg-halk);margin-top:2px}
@media(max-width:420px){
  .csempe-racs{grid-template-columns:1fr 1fr;gap:9px}
  .csempe{padding:12px 11px;min-height:68px}
  .cs-nev{font-size:16px}
  .cs-alcim{font-size:13.5px}
}

/* ======== paradoxakkucsere.hu kiegeszites ======== */

/* melyebb kek paletta (elter a paradoxszerviz.hu-tol) */
:root{
  --kek:#0B5391; --kek-sotet:#083E6E; --kek-melysotet:#0A3559;
  --fejlec:#17548F; --fejlec-sotet:#124577;
  --kek-vilagos:#EBF2F9; --kek-halvany:#B9D3EC;
}
/* kepes markalogo a fejlecben */
.fej .wrap{min-height:66px}
.fej .marka img{width:208px;height:auto;display:block}
@media(max-width:380px){.fej .marka img{width:178px}}
.lab .marka img{width:230px;height:auto;opacity:.96;margin-bottom:12px}


/* hero */
.gombsor{display:flex;flex-wrap:wrap;gap:11px;margin:18px 0 0}
.gombsor .gomb{flex:0 1 auto}
.gomb.masodlagos{background:#fff;color:var(--kek);border:2px solid var(--kek-halvany)}
.gomb.masodlagos:hover{background:var(--kek-vilagos);color:var(--kek-sotet)}

/* kartyaracs */
.racs{display:grid;gap:13px;grid-template-columns:1fr;margin:0 0 4px}
@media(min-width:700px){.racs{grid-template-columns:repeat(3,1fr)}}
@media(min-width:700px){.racs.ketto{grid-template-columns:repeat(2,1fr)}}
.kartya{background:var(--kek-vilagos);border:1px solid var(--kek-halvany);
  border-radius:13px;padding:16px 15px}
.kartya h3{margin:0 0 7px;font-size:18px;color:var(--kek-melysotet)}
.kartya p:last-child{margin-bottom:0}

/* elonyok pipas lista */
.pipa{list-style:none;padding:0;margin:0 0 4px}
.pipa li{position:relative;padding-left:31px;margin:0 0 11px}
.pipa li::before{content:"✓";position:absolute;left:0;top:-1px;width:22px;height:22px;
  background:var(--zold);color:#fff;border-radius:50%;font-size:13px;font-weight:800;
  display:flex;align-items:center;justify-content:center}

/* jelek lista (mikor esedekes) */
.jelek{list-style:none;padding:0;margin:0 0 4px}
.jelek li{position:relative;padding-left:29px;margin:0 0 11px}
.jelek li::before{content:"➔";position:absolute;left:0;top:0;color:var(--kek);font-weight:700}

/* figyelmezteto / kiemelt doboz */
.figyelem{background:#FFF7E6;border:1px solid #F3D999;border-left:5px solid #E0A227;
  border-radius:0 12px 12px 0;padding:15px 16px;margin:0 0 16px}
.figyelem strong{color:#8A5B00}
.figyelem p:last-child{margin-bottom:0}
.tudni{background:var(--kek-vilagos);border-left:5px solid var(--kek);
  border-radius:0 12px 12px 0;padding:15px 16px;margin:0 0 16px}
.tudni p:last-child{margin-bottom:0}

/* CTA sziget */
.cta{border-top-color:var(--zold);background:#F3FAF5}
.cta h2{margin-top:0}

/* GYIK */
.gyik details{border:1px solid var(--vonal);border-radius:12px;margin:0 0 11px;background:#fff}
.gyik summary{cursor:pointer;font-weight:700;font-size:17.5px;padding:15px 16px;
  list-style:none;line-height:1.45}
.gyik summary::-webkit-details-marker{display:none}
.gyik summary::after{content:"+";float:right;color:var(--kek);font-weight:800;margin-left:10px}
.gyik details[open] summary::after{content:"–"}
.gyik details[open] summary{color:var(--kek-melysotet)}
.gyik .valasz{padding:0 16px 15px}
.gyik .valasz p:last-child{margin-bottom:0}

/* keruletlista / telepuleslista */
.oszlopok{columns:2;column-gap:20px;list-style:none;padding:0;margin:0 0 16px;font-size:16.5px}
@media(min-width:700px){.oszlopok{columns:3}}
.oszlopok li{margin:0 0 6px;break-inside:avoid}
.telepules{font-size:16px;color:var(--szoveg-halk);line-height:1.8;margin:0 0 16px}

/* letoltes lista */
.letolt .ikon{font-size:22px;line-height:1}
.letolt .szoveg{min-width:0}
.letolt .szoveg a{display:block;overflow-wrap:anywhere}
.tipuscsoport{margin:0 0 8px}

/* lablec apro betus kiteltel — tompitott */
.lab .jog .apro{display:block;margin-top:6px;font-size:12.5px;color:#8CA5BE}

/* ═══════════════ LÁGYÍTÁS — meleg papír, halkabb betű, Paradox-piros akcentus ═══════════════ */
:root{
  --piros:#C3312F; --piros-melyt:#9E2523; --piros-halvany:#FBEFEE;
  --zold-jel:#2E8B57;
  --szoveg:#414855;              /* nem fekete, lagy palaszurke — 8,75:1 */
  --szoveg-halk:#5F6672;
  --lap:#FAF8F5;                 /* meleg papir a hideg kekesszurke helyett */
  --sziget:#FFFFFF;
  --vonal:#EAE6E0;
  --kek:#1A5FA8; --kek-sotet:#144B85;
  --kek-vilagos:#F2F6FB; --kek-halvany:#CFE0F2;
}
body{
  font-size:17.5px; font-weight:400; line-height:1.72;
  letter-spacing:.002em; -webkit-font-smoothing:antialiased;
}
/* cimsorok: 800 helyett 700, kicsit szorosabb betukoz */
.sziget h1,main h1{font-weight:700;letter-spacing:-.014em;color:#2F3742}
.sziget h2,main h2{font-weight:700;letter-spacing:-.010em;color:#2F3742}
.sziget h3,main h3{font-weight:600;letter-spacing:-.006em;color:#37404C}
.sziget strong,main strong{font-weight:600;color:#333B46}

/* szigetek: lagyabb arnyek, nagyobb lekerekites, vekonyabb csik */
.sziget{
  border-radius:20px; border-top-width:3px; padding:24px 21px;
  box-shadow:0 1px 2px rgba(38,50,66,.04), 0 6px 18px rgba(38,50,66,.05);
  border-top-color:var(--kek);
}
.sziget h2{margin-top:28px}

/* a hero kap piros csikot — a Paradox jel piros haromszogehez */
.hero{
  border-top-color:var(--piros); border-top-width:4px;
  background:linear-gradient(176deg,#FFFFFF 0%,#FDF7F5 100%);
}
.hero .alcim{font-size:18.5px;font-weight:400;color:var(--szoveg-halk);margin:-2px 0 16px}

/* gombok: kevesbe rideg */
.gomb{font-weight:600;border-radius:14px;letter-spacing:.005em;
  box-shadow:0 2px 6px rgba(38,50,66,.10)}
.gomb.masodlagos{border-width:1.5px;box-shadow:none;font-weight:600}
.hivosav{border-radius:16px;box-shadow:0 4px 16px rgba(20,40,25,.20)}
.hivosav a{font-weight:700}

/* kartyak: meleg, keret nelkuli */
.kartya{
  background:#FBF9F6; border:1px solid var(--vonal); border-radius:15px;
  padding:18px 17px;
}
.kartya h3{color:#2F3742;margin-bottom:6px}
.kartya p{color:var(--szoveg-halk)}

/* pipa: halvany zold korong, nem harsany */
.pipa li::before{
  background:#E3F2E8; color:var(--zold-jel); font-weight:700; font-size:12.5px;
  box-shadow:inset 0 0 0 1px #C3E0CD;
}
/* jelek: PIROS nyil — a marka masodlagos szine */
.jelek li::before{color:var(--piros);font-weight:600}

/* figyelmezteto doboz: rozsaszines, nem harsany sarga */
.figyelem{
  background:var(--piros-halvany); border:1px solid #F1D9D7;
  border-left:3px solid var(--piros); border-radius:0 14px 14px 0;
  padding:15px 17px; color:#5A4442;
}
.figyelem strong{color:var(--piros-melyt)}
.tudni{
  background:var(--kek-vilagos); border:1px solid #DEE9F5;
  border-left:3px solid var(--kek); border-radius:0 14px 14px 0; padding:15px 17px;
}

/* CTA */
.cta{border-top-color:var(--zold);background:linear-gradient(176deg,#FFFFFF 0%,#F4FAF6 100%)}

/* GYIK: lagyabb */
.gyik details{border:1px solid var(--vonal);border-radius:15px;background:#FDFCFA}
.gyik summary{font-weight:600;font-size:17px}
.gyik details[open]{background:#fff;box-shadow:0 2px 10px rgba(38,50,66,.05)}
.gyik .valasz{color:var(--szoveg-halk)}

/* markacsempek: melegebb hatter */
.csempe{background:#FDFCFA;border-color:var(--vonal);border-radius:14px}
.cs-nev{font-weight:700}

/* keruletlista */
.oszlopok li{color:var(--szoveg-halk)}
.telepules{line-height:1.9}

/* lablec: kicsit vilagosabb szoveg, tagabb */
.lab{background:var(--kek-melysotet);color:#BFD2E4;line-height:1.75}
.lab p{margin-bottom:12px}


/* sortores-finomitas es utolso simitasok */
.sziget h1,.sziget h2,.sziget h3,.kartya h3{text-wrap:balance}
.sziget p,.sziget li{text-wrap:pretty}
.gomb{font-size:16.5px;padding:15px 20px}
@media(max-width:400px){.gomb{font-size:16px;padding:15px 16px}}
.gyik summary::after{color:var(--piros)}
.morzsa a{color:var(--kek)}
.morzsa span{color:var(--szoveg-halk)}
/* a kartyaracs kicsit levegosebb */
.racs{gap:12px}

/* ═══════════════ MELEG ÁTHANGOLÁS — a kék csak a fejlécben marad ═══════════════ */
:root{
  --lap:#F6F1E9;          /* krémpapír */
  --sziget:#FFFDFA;       /* meleg fehér */
  --szoveg:#403A34;       /* meleg sötétbarna-szürke, nem kékes */
  --szoveg-halk:#6A6055;
  --vonal:#E7DDCE;        /* meleg keret */
  --kek:#175596;
  --piros:#B32B28; --piros-melyt:#8E2320; --piros-halvany:#FBF0EE;
  --borostyan:#7D5614; --borostyan-vil:#FBF3E4; --borostyan-ker:#EDDFC2;
  --meleg-sotet:#2F2A25;  /* lábléc */
}
body{background:var(--lap)}

/* címsorok melegebb tónusban */
.sziget h1,main h1,.sziget h2,main h2{color:#38322C}
.sziget h3,main h3,.kartya h3{color:#41392F}
.sziget strong,main strong{color:#38322C}

/* szigetek: meleg keret, a felső csík alapból PIROS, nem kék */
.sziget{
  border:1px solid var(--vonal); border-top:3px solid var(--piros);
  box-shadow:0 1px 2px rgba(90,70,45,.05), 0 8px 22px rgba(90,70,45,.06);
}
.hero{
  border-top-color:var(--piros);
  background:linear-gradient(174deg,#FFFDFA 0%,#FDF4EC 100%);
}
.cta{border-top-color:var(--zold);background:linear-gradient(174deg,#FFFDFA 0%,#F3F8F2 100%)}
.csempek{border-top-color:var(--borostyan)}

/* kártyák: krémszín */
.kartya{background:#FBF4EA;border:1px solid #EFE4D3}
.kartya p{color:var(--szoveg-halk)}

/* „amit tudni érdemes" doboz: hideg kékből meleg borostyán */
.tudni{
  background:var(--borostyan-vil); border:1px solid var(--borostyan-ker);
  border-left:3px solid #C08A2E; border-radius:0 14px 14px 0;
}
.tudni strong{color:var(--borostyan)}

/* pipa: melegebb zöld korong */
.pipa li::before{background:#EAF1E4;color:#3F6F38;box-shadow:inset 0 0 0 1px #CDDFC4}

/* GYIK */
.gyik details{background:#FFFDFA;border-color:var(--vonal)}
.gyik details[open]{box-shadow:0 2px 12px rgba(90,70,45,.07)}

/* márkacsempék */
.csempe{background:#FFFDFA;border-color:var(--vonal)}

/* letöltő kártya: krém, nem kék */
.letolt{background:#FBF4EA;border:1px solid #EFE4D3}
.letolt .meret{color:var(--szoveg-halk)}

/* másodlagos gomb melegebb kerettel */
.gomb.masodlagos{background:#FFFDFA;border-color:#E2D6C2;color:var(--kek)}
.gomb.masodlagos:hover{background:#FBF4EA;color:#123F70}

/* LÁBLÉC: meleg sötét, nem sötétkék */
.lab{background:var(--meleg-sotet);color:#D3C9BB}
.lab a{color:#FFFFFF}
.lab .jog{border-top-color:rgba(255,255,255,.14);color:#BCAF9E}
.lab .jog a{color:#D3C9BB}
.lab .jog .apro{color:#A99C8C}

/* morzsa */
.morzsa{color:var(--szoveg-halk)}

/* ═══════════════════════════════════════════════════════════════
   VILÁGOS ÁTTERVEZÉS — nincs tömör színsáv, a szín csak apró felületen
   ═══════════════════════════════════════════════════════════════ */
:root{
  --lap:#F7F7F6;
  --sziget:#FFFFFF;
  --szoveg:#33312E;
  --szoveg-halk:#75716B;
  --vonal:#EBEAE7;
  --vonal-halk:#F1F0EE;
  --kek:#2E6B9E;            /* halvány, tompított kék — csak linkhez */
  --kek-sotet:#245780;
  --kek-vilagos:#F4F8FB;
  --kek-halvany:#D8E6F1;
  --piros:#C83A33;
  --zold:#1F8A54; --zold-sotet:#176B41;
  --max:1000px;
}
body{
  background:var(--lap); color:var(--szoveg);
  font-size:17px; font-weight:400; line-height:1.75;
}

/* ── FEJLÉC: világos, hajszálvonallal, nem tömör kék sáv ── */
.fej{
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:saturate(180%) blur(12px);
  backdrop-filter:saturate(180%) blur(12px);
  box-shadow:none; border-bottom:1px solid var(--vonal);
}
.fej .wrap{min-height:64px}
.fej .marka img{width:196px}
@media(max-width:380px){.fej .marka img{width:170px}}
.menugomb{color:#4A4741;font-size:24px}
nav a{color:#4A4741;font-size:15px;font-weight:500}
nav a:hover,nav a[aria-current="page"]{color:var(--piros)}
@media(max-width:959px){
  nav{top:64px;background:#fff;border-top:1px solid var(--vonal);
      box-shadow:0 10px 24px rgba(40,38,34,.08)}
  nav a{background:#FAFAF9;border-left:0;border:1px solid var(--vonal-halk);
        border-radius:12px;color:#3D3A35;font-size:16px;padding:13px 15px;font-weight:500}
  nav a[aria-current="page"]{color:var(--piros);border-color:#F0DCDA;background:#FDF6F5}
}

/* ── SZIGETEK: hajszálkeret, nincs színes csík, lágy árnyék ── */
.sziget{
  background:var(--sziget);
  border:1px solid var(--vonal); border-top:1px solid var(--vonal);
  border-radius:22px; padding:26px 22px; margin:14px 0;
  box-shadow:0 1px 2px rgba(40,38,34,.03);
}
.hero{background:#fff;border-top:1px solid var(--vonal)}
.cta{background:#fff;border-top:1px solid var(--vonal)}
.csempek{background:#fff;border-top:1px solid var(--vonal)}

/* címsorok: könnyedebb */
.sziget h1,main h1{font-size:26px;font-weight:650;letter-spacing:-.02em;color:#2A2825}
.sziget h2,main h2{font-size:21px;font-weight:650;letter-spacing:-.015em;color:#2A2825;margin:30px 0 10px}
.sziget h3,main h3{font-size:17.5px;font-weight:600;letter-spacing:-.008em;color:#33312E}
.sziget strong,main strong{font-weight:600;color:#2A2825}
@media(max-width:600px){
  .sziget h1,main h1{font-size:25px !important}
  .sziget h2,main h2{font-size:20px !important}
}
.hero .alcim{font-size:18px;color:var(--szoveg-halk);font-weight:400;margin:-2px 0 14px}

/* ── KÁRTYÁK: kitöltés nélkül, csak hajszálkeret ── */
.kartya{background:#FCFCFB;border:1px solid var(--vonal-halk);border-radius:16px;padding:17px 16px}
.kartya h3{margin-bottom:5px}
.kartya p{color:var(--szoveg-halk);font-size:16px}

/* ── GOMBOK: lekerekített, könnyed ── */
.gomb{border-radius:999px;font-weight:600;font-size:16.5px;padding:15px 24px;
  box-shadow:0 1px 2px rgba(40,38,34,.06)}
.gomb-zold{background:var(--zold)}
.gomb.masodlagos{background:#fff;border:1px solid var(--vonal);color:#3D3A35;box-shadow:none}
.gomb.masodlagos:hover{background:#FAFAF9;color:#2A2825}
.hivosav{background:var(--zold);border-radius:999px;left:16px;right:16px;bottom:16px;
  padding:12px 18px;box-shadow:0 6px 20px rgba(24,90,60,.22)}

/* ── DOBOZOK: halvány, keret nélküli tónus ── */
.figyelem{background:#FDF6F5;border:0;border-left:2px solid var(--piros);
  border-radius:0 14px 14px 0;padding:14px 17px;color:#5C4341}
.figyelem strong{color:#9E2C26}
.tudni{background:#F7F9FA;border:0;border-left:2px solid #B9C6CE;
  border-radius:0 14px 14px 0;padding:14px 17px}
.tudni strong{color:#3A5060}

/* ── LISTÁK: apró, halvány jelek ── */
.pipa li{padding-left:28px}
.pipa li::before{width:18px;height:18px;top:3px;background:#EAF5EE;color:var(--zold);
  box-shadow:none;font-size:11px}
.jelek li::before{color:#B9B4AC;font-weight:400}

/* ── GYIK ── */
.gyik details{background:#fff;border:1px solid var(--vonal-halk);border-radius:16px}
.gyik summary{font-weight:600;font-size:16.5px;padding:16px 17px;color:#33312E}
.gyik summary::after{color:#B9B4AC;font-weight:400;font-size:20px}
.gyik details[open]{border-color:var(--vonal);box-shadow:0 1px 2px rgba(40,38,34,.04)}
.gyik details[open] summary{color:#2A2825}
.gyik .valasz{color:var(--szoveg-halk);padding:0 17px 16px}

/* ── LETÖLTŐ KÁRTYA ── */
.letolt{background:#FCFCFB;border:1px solid var(--vonal-halk);border-radius:14px;padding:14px 16px}
.letolt .ikon{opacity:.5}
.letolt a{font-weight:600;color:#2A2825}
.letolt .meret{color:#8D8981;font-size:14px}

/* ── MÁRKACSEMPÉK: hajszálkeret, a márkaszín csak a névben ── */
.csempe{background:#FCFCFB;border:1px solid var(--vonal-halk);border-top:1px solid var(--vonal-halk);
  border-radius:16px;padding:15px 14px}
.csempe:hover{box-shadow:0 4px 14px rgba(40,38,34,.07);border-color:var(--vonal)}
.cs-nev{font-weight:600;font-size:16px}
.cs-alcim{color:#8D8981}

/* ── LÁBLÉC: világos, nem sötét tömb ── */
.lab{background:#fff;color:var(--szoveg-halk);border-top:1px solid var(--vonal);
  margin-top:30px;padding:30px 0 26px;font-size:15.5px}
.lab .marka img{width:190px;opacity:1}
.lab a{color:#3D3A35;text-decoration:underline;text-underline-offset:.18em;
  text-decoration-color:#CFCCC6}
.lab a:hover{color:var(--piros);text-decoration-color:var(--piros)}
.lab strong{color:#33312E}
.lab .jog{border-top:1px solid var(--vonal-halk);color:#8D8981;font-size:13px;padding-top:16px}
.lab .jog a{color:#75716B}
.lab .jog .apro{color:#A5A19A;font-size:12.5px}

/* ── EGYÉB ── */
.morzsa{color:#8D8981;font-size:14px}
.morzsa a{color:#75716B}
.oszlopok li{color:var(--szoveg-halk)}
.telepules{color:var(--szoveg-halk)}
main a{color:var(--kek)}

/* fejléc: tömör fehér (az áttetsző alól átüt a tartalom görgetéskor) */
.fej{background:#FFFFFF;-webkit-backdrop-filter:none;backdrop-filter:none}

/* GYIK: a + jel függőlegesen középre, nem float */
.gyik summary{display:flex;align-items:center;justify-content:space-between;gap:14px}
.gyik summary::after{float:none;margin-left:0;flex:0 0 auto;line-height:1}

/* ═══════════════════════════════════════════════════════════════
   CSENDESÍTÉS — kevesebb keret, kevesebb félkövér, kevesebb szín
   ═══════════════════════════════════════════════════════════════ */
:root{ --vonal:#EEEDEB; --vonal-halk:#F4F3F1; --szoveg:#3B3835; --szoveg-halk:#807B74; }

body{font-size:17px;line-height:1.8;color:var(--szoveg)}

/* szigetek: még halkabb, tágasabb */
.sziget{
  border:1px solid var(--vonal-halk); border-radius:24px;
  padding:30px 24px; margin:18px 0; box-shadow:none;
}
@media(max-width:600px){.sziget{padding:26px 20px;border-radius:20px}}

/* címsorok: könnyebb vonalvezetés, nem koromfekete */
.sziget h1,main h1{font-weight:600;color:#332F2C;line-height:1.25}
.sziget h2,main h2{font-weight:600;font-size:20px;color:#3B3835;margin:34px 0 12px}
.sziget h3,main h3{font-weight:600;font-size:16.5px;color:#4A4640;letter-spacing:0}
/* a félkövér a szövegben ne üssön ki: azonos szín, halkabb súly */
.sziget strong,main strong{font-weight:550;color:inherit}
.hero .alcim{color:var(--szoveg-halk);font-size:17.5px}

/* ── KÁRTYÁK: keret és háttér nélkül, csak hajszálvonal választja el ── */
.racs{gap:0;grid-template-columns:1fr}
@media(min-width:700px){.racs{grid-template-columns:repeat(3,1fr);gap:26px}
  .racs.ketto{grid-template-columns:repeat(2,1fr)}}
.kartya{
  background:none; border:0; border-radius:0; padding:20px 0 0;
  border-top:1px solid var(--vonal-halk);
}
.kartya:first-child{border-top:0;padding-top:4px}
@media(min-width:700px){.kartya{border-top:0;padding-top:0}}
.kartya h3{margin:0 0 6px;color:#3B3835}
.kartya p{color:var(--szoveg-halk);font-size:16.5px;margin-bottom:0}

/* ── GYIK: egy szigetben, vonalakkal elválasztva, dobozok nélkül ── */
.gyik details{background:none;border:0;border-radius:0;margin:0;
  border-top:1px solid var(--vonal-halk)}
.gyik details:first-of-type{border-top:0}
.gyik details[open]{box-shadow:none;border-color:var(--vonal-halk)}
.gyik summary{padding:18px 0;font-weight:550;font-size:16.5px;color:#3B3835}
.gyik summary::after{color:#C4BFB8;font-size:19px}
.gyik details[open] summary{color:#332F2C}
.gyik .valasz{padding:0 0 20px;color:var(--szoveg-halk)}

/* ── LETÖLTŐ LISTA: ikon és keret nélkül, tiszta sorok ── */
.letolt{background:none;border:0;border-top:1px solid var(--vonal-halk);
  border-radius:0;padding:15px 0;margin:0;align-items:baseline;gap:0;display:block}
.letolt:first-of-type{border-top:0}
.letolt .ikon{display:none}
.letolt a{font-weight:500;color:#3B3835;text-decoration:none}
.letolt a:hover{color:var(--piros)}
.letolt .meret{display:block;color:#96918A;font-size:13.5px;margin-top:2px;
  letter-spacing:.02em;text-transform:uppercase}

/* ── DOBOZOK: halk tónus, vékony jelzés ── */
.figyelem,.tudni{
  background:none;border:0;border-left:2px solid var(--vonal);
  border-radius:0;padding:2px 0 2px 18px;margin:0 0 18px;color:var(--szoveg-halk);
}
.figyelem{border-left-color:#E8C4C0}
.figyelem strong,.tudni strong{color:#4A4640;font-weight:550}

/* ── LISTÁK: jel helyett halk pötty ── */
.pipa li,.jelek li{padding-left:22px;margin-bottom:13px;color:var(--szoveg)}
.pipa li::before{
  content:"";width:5px;height:5px;border-radius:50%;background:#BFD5C6;
  left:4px;top:12px;box-shadow:none;
}
.jelek li::before{content:"";width:5px;height:5px;border-radius:50%;
  background:#DED9D1;left:4px;top:12px}

/* ── MÁRKACSEMPÉK: semleges felirat, a márkaszín csak egy pötty ── */
.csempe{background:none;border:1px solid var(--vonal-halk);border-radius:16px;
  padding:15px 14px}
.cs-nev{color:#3B3835;font-weight:550;font-size:15.5px;display:flex;align-items:center;gap:7px}
.cs-nev::before{content:"";width:7px;height:7px;border-radius:50%;
  background:var(--csik);flex:0 0 auto}
.cs-alcim{color:#96918A;font-size:14px;margin-top:3px}
.csempek>p{color:var(--szoveg-halk)}

/* ── GOMBOK: egy hangsúly marad, a többi visszafogott ── */
.gomb{font-weight:550;box-shadow:none}
.gomb.masodlagos{border-color:var(--vonal);color:#4A4640}
.cta .gomb-zold{background:none;color:#186B42;border:1px solid #C6DFD0}
.cta .gomb-zold:hover{background:#F3FAF6;color:#125533}
.hero .gomb-zold{box-shadow:0 1px 3px rgba(24,90,60,.14)}
.hivosav{box-shadow:0 4px 16px rgba(24,90,60,.16)}

/* ── LÁBLÉC ── */
.lab{border-top:1px solid var(--vonal-halk);padding:34px 0 28px}
.lab .jog{border-top-color:var(--vonal-halk)}

/* ── MENÜ ── */
@media(max-width:959px){
  nav a{background:none;border:0;border-top:1px solid var(--vonal-halk);
        border-radius:0;padding:15px 2px;font-weight:500}
  nav ul li:first-child a{border-top:0}
  nav a[aria-current="page"]{background:none;border-color:var(--vonal-halk)}
}

/* félkövér: 550 helyett 500 — a rendszerbetű az 550-et 600-ra kerekíti */
.sziget strong,main strong,.gyik summary,.cs-nev,.letolt a,.gomb{font-weight:500}
.sziget h1,main h1{font-size:25px;font-weight:600}
.pipa li strong,.jelek li strong{font-weight:600;color:#3B3835}
.lab strong{font-weight:600}
.gomb.masodlagos,.gomb.gomb-zold{font-weight:500}
.hivosav a{font-weight:600}

/* halk szürkék: maradjanak visszafogottak, de menjenek át a kontraszton */
:root{ --szoveg-halk:#736E66; }
.letolt .meret,.cs-alcim,.morzsa,.morzsa a,.lab .jog,.lab .jog a{color:#736E66}
.lab .jog .apro{color:#78736B}
.gyik summary::after{color:#A8A29A}
:root{ --zold:#1B7F4C; --zold-sotet:#146039; }
.hivosav{background:var(--zold)}

/* ═══════ MÁRKACSEMPÉK: vissza a színes felső csíkra (pötty helyett) ═══════ */
.csempe{
  background:#FCFCFB;
  border:1px solid var(--vonal-halk);
  border-top:3px solid var(--csik,var(--vonal));
  border-radius:14px; padding:15px 14px;
  transition:box-shadow .15s ease, transform .15s ease;
}
.csempe:hover{box-shadow:0 4px 14px rgba(40,38,34,.08);transform:translateY(-1px);
  border-color:var(--vonal);border-top-color:var(--csik)}
.cs-nev{display:block;color:var(--betu,var(--szoveg));font-weight:600;font-size:15.5px}
.cs-nev::before{content:none}
.cs-alcim{display:block;color:#736E66;font-size:14px;margin-top:2px}

/* ═══════ LEGÖRDÜLŐ MENÜ: szigetes elrendezés ═══════ */
@media(max-width:959px){
  nav{
    top:64px;left:0;right:0;background:#fff;
    padding:10px 14px 16px;border-top:1px solid var(--vonal);
    box-shadow:0 12px 28px rgba(40,38,34,.10);
  }
  nav ul{flex-direction:column;gap:8px}
  nav a{
    display:block;background:#FAFAF9;
    border:1px solid var(--vonal-halk);
    border-left:3px solid #DFDCD7;
    border-radius:12px;
    padding:14px 15px;font-size:16.5px;font-weight:500;color:#3B3835;
  }
  nav a:hover{background:#F5F4F2;text-decoration:none}
  nav a[aria-current="page"]{
    background:#FDF7F6;border-color:#F2E3E1;border-left-color:var(--piros);
    color:#33302C;font-weight:600;
  }
}

/* ═══════ LEGÖRDÜLŐ MENÜ — a paradoxszerviz.hu kialakítása, semleges ívvel ═══════ */
@media(max-width:959px){
  nav{padding:12px 14px 18px}
  nav ul{gap:10px}
  nav a{
    display:block;
    background:#F4F3F1;
    border:0;
    border-left:6px solid #CFCCC6;
    border-radius:11px;
    padding:18px 16px;
    font-size:17px;
    font-weight:500;
    color:#3B3835;
  }
  nav a:hover{background:#EEEDEA;text-decoration:none}
  nav a[aria-current="page"]{
    background:#FAF5F4;
    border-left-color:var(--piros);
    color:#2F2C29;
    font-weight:700;
  }
}