/* Betűtípusok saját tárhelyről (Nunito, Nunito Sans, Pacifico – SIL Open Font License 1.1, lásd fonts/LICENSE.txt); nincs Google-kapcsolat */
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/pacifico-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/pacifico-latin.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:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/nunito-latin.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:'Nunito';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/nunito-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Nunito Sans';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/nunito-sans-latin.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:'Nunito Sans';font-style:normal;font-weight:200 1000;font-display:swap;src:url(/assets/fonts/nunito-sans-latin-ext.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-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
:root{
  --red:#d6293e; --red-dark:#b51f32; --ink:#201c1a; --wood:#c89b6d; --wood-dark:#9a7048;
  --wood-soft:#f5ece1; --paper:#fffdfa; --white:#fff; --muted:#6b625b; --line:#ece2d6;
  --radius:22px; --shadow:0 10px 30px rgba(60,40,20,.08);
  --head:"Nunito",system-ui,sans-serif; --body:"Nunito Sans",system-ui,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--head);line-height:1.12;margin:0 0 .5em;letter-spacing:-.01em}
h1{font-size:clamp(2.3rem,5.4vw,4rem);font-weight:900}
h2{font-size:clamp(1.8rem,3.6vw,2.6rem);font-weight:900}
h3{font-size:1.2rem;font-weight:800}
p{margin:0 0 1em}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
section{padding:96px 0}
.eyebrow{display:inline-block;font:800 .78rem/1 var(--head);letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:14px}
.lead{font-size:1.15rem;color:var(--muted);max-width:640px}
.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}

/* draft notice */
.draft{background:var(--ink);color:#fff;font:600 .8rem/1.4 var(--body);text-align:center;padding:8px 16px}
.draft b{color:#ffd166}

/* header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,253,250,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:28px;height:72px}
.nav .logo img{height:34px;width:auto}
.nav > nav{margin-left:auto}
.nav ul{display:flex;gap:22px;list-style:none;margin:0;padding:0;font:700 .92rem var(--head)}
.nav ul a[aria-current]{opacity:1;color:var(--red)}
.nav ul a{text-decoration:none;color:var(--ink);opacity:.8;white-space:nowrap}
.nav .btn{white-space:nowrap}
.nav ul a:hover{opacity:1;color:var(--red)}
.langs{display:flex;border:1.5px solid var(--line);border-radius:99px;overflow:hidden;font:800 .78rem var(--head)}
.langs button{border:0;background:none;padding:7px 11px;cursor:pointer;color:var(--muted)}
.langs button[aria-pressed="true"]{background:var(--ink);color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:99px;padding:14px 24px;font:800 1rem var(--head);text-decoration:none;cursor:pointer;transition:transform .15s,background .15s}
.btn:hover{transform:translateY(-1px)}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-dark)}
.btn-line{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink)}
.btn-sm{padding:10px 18px;font-size:.9rem}

/* hero */
.hero{position:relative;overflow:hidden;padding:72px 0 88px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1 em{font-style:normal;color:var(--red)}
.hero .lead{margin-bottom:30px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.arcs{position:absolute;right:-180px;top:-140px;width:640px;opacity:.07;pointer-events:none}
.collage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.tile{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);aspect-ratio:1;display:grid;place-items:center;padding:18px;overflow:hidden}
.tile img{width:100%;height:100%;object-fit:contain}
.tile img,.ped .pic img,.brand .strip img{mix-blend-mode:multiply}
.collage .tile:nth-child(1){transform:rotate(-2deg)}
.collage .tile:nth-child(2){transform:translateY(28px) rotate(2deg);background:var(--wood-soft)}
.collage .tile:nth-child(3){transform:translateY(-6px) rotate(1deg);background:var(--wood-soft)}
.collage .tile:nth-child(4){transform:translateY(22px) rotate(-1.5deg)}
.badge-float{position:absolute;left:-18px;bottom:-30px;background:var(--white);border-radius:16px;box-shadow:var(--shadow);padding:12px 16px;display:flex;align-items:center;gap:12px;font:700 .85rem/1.3 var(--head)}
.badge-float img{height:38px;width:auto;border-radius:6px}
.facts{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:34px;padding:0;list-style:none}
.facts li{background:var(--wood-soft);border-radius:99px;padding:8px 14px;font:700 .85rem var(--head);display:flex;align-items:center;gap:8px}
.facts li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--red)}

/* placeholders */
.ph{border:2px dashed var(--wood);border-radius:var(--radius);background:repeating-linear-gradient(135deg,var(--wood-soft) 0 14px,#f9f3ec 14px 28px);display:grid;place-items:center;text-align:center;color:var(--wood-dark);font:700 .88rem/1.4 var(--head);padding:22px}
.ph small{display:block;font-weight:600;opacity:.8}

/* small-is-strength */
.promise{background:var(--ink);color:#fff;border-radius:32px;padding:64px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center;position:relative;overflow:hidden}
.promise .eyebrow{color:#ff8a98}
.promise p{color:#e6ddd4}
.promise .ph{min-height:300px;background:repeating-linear-gradient(135deg,#2c2623 0 14px,#332c28 14px 28px);border-color:#6b5a4a;color:#cdb79f}
.ticks{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.ticks li{display:flex;gap:12px;align-items:flex-start;font-weight:600}
.ticks li::before{content:"";flex:0 0 22px;height:22px;border-radius:50%;background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/14px no-repeat;margin-top:2px}

/* cards */
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 2px 0 rgba(60,40,20,.03)}
.card p{color:var(--muted);font-size:.97rem;margin:0}
.ico{width:52px;height:52px;border-radius:16px;background:var(--wood-soft);display:grid;place-items:center;margin-bottom:18px}
.ico svg{width:26px;height:26px;stroke:var(--red);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

/* reach */
.reach{background:var(--wood-soft)}
.reach-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.tilemap{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:10px;aspect-ratio:4/3;max-width:480px}
.c{border-radius:18px;background:var(--white);display:grid;place-items:center;text-align:center;font:800 1.15rem/1.15 var(--head);color:var(--ink);box-shadow:var(--shadow);padding:6px}
.c small{display:block;font:700 .68rem/1.2 var(--body);color:var(--muted);letter-spacing:.02em;margin-top:3px}
.c.hu{grid-column:2/4;grid-row:2;background:var(--red);color:#fff;font-size:1.6rem}
.c.hu small{color:#ffe1e5;font-size:.78rem}
.c.sk{grid-column:2/4;grid-row:1}.c.at{grid-column:1;grid-row:2}.c.ro{grid-column:4;grid-row:2}
.c.si{grid-column:1;grid-row:3}.c.hr{grid-column:2/3;grid-row:3}
.legend{display:flex;gap:18px;margin-top:16px;font:700 .82rem var(--head);color:var(--muted)}
.legend span{display:flex;align-items:center;gap:7px}
.legend i{width:12px;height:12px;border-radius:4px;background:var(--red)}
.legend i.w{background:var(--white);box-shadow:inset 0 0 0 1.5px var(--wood)}
.channels{display:grid;gap:14px;margin-top:28px}
.channel{display:flex;gap:16px;align-items:flex-start;background:var(--white);border-radius:18px;padding:18px 20px}
.channel .ico{margin:0;flex:0 0 46px;width:46px;height:46px;border-radius:14px}
.channel p{margin:0;color:var(--muted);font-size:.95rem}
.channel h3{margin:0 0 2px;font-size:1.05rem}

/* stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.stat{border-top:3px solid var(--ink);padding-top:16px}
.stat b{display:block;font:900 clamp(1.9rem,3.4vw,2.6rem)/1 var(--head);color:var(--red);margin-bottom:8px}
.stat p{margin:0 0 6px;font-weight:600}
.stat a{font-size:.8rem;color:var(--muted)}
.note{font-size:.8rem;color:var(--muted);margin-top:18px}

/* pedagogy */
.ped{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px}
.ped .card{padding:0;overflow:hidden}
.ped .pic{aspect-ratio:4/3;background:var(--wood-soft);display:grid;place-items:center;padding:18px}
.ped .pic img{height:100%;object-fit:contain}
.ped .txt{padding:22px 24px 26px}

/* roadmap */
.road{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
.road .card{position:relative;padding-top:52px}
.tag{position:absolute;top:20px;left:28px;font:800 .7rem/1 var(--head);letter-spacing:.1em;text-transform:uppercase;color:var(--wood-dark);background:var(--wood-soft);border-radius:99px;padding:6px 10px}
.road .card.invite{background:var(--red);border-color:var(--red);color:#fff}
.road .card.invite p{color:#ffe1e5}
.road .card.invite .tag{background:rgba(255,255,255,.18);color:#fff}
.road .card.invite a{color:#fff;font-weight:800}

/* brands */
.brands{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;margin-top:44px}
.brand{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px}
.brand img.lg{width:150px;border-radius:10px}
.brand .strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.brand .strip div{aspect-ratio:1;background:var(--wood-soft);border-radius:14px;padding:8px}
.brand .strip img{width:100%;height:100%;object-fit:contain}
.pill{display:inline-block;background:var(--red);color:#fff;border-radius:99px;padding:5px 12px;font:800 .75rem var(--head);margin-bottom:10px}
.brand-empty{border:2px dashed var(--wood);border-radius:var(--radius);display:grid;place-items:center;text-align:center;padding:32px;background:var(--paper)}
.brand-empty .plus{width:64px;height:64px;border-radius:50%;background:var(--wood-soft);display:grid;place-items:center;margin:0 auto 14px;font:900 2rem var(--head);color:var(--wood-dark)}
.brand-empty p{color:var(--muted)}

/* steps */
.steps{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s}
.steps.four{grid-template-columns:repeat(4,1fr)}
.steps li{counter-increment:s;position:relative;padding-top:64px}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:900 1.1rem var(--head)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:22px;left:56px;right:-6px;height:2px;background:repeating-linear-gradient(90deg,var(--wood) 0 6px,transparent 6px 12px)}
.steps p{color:var(--muted);font-size:.95rem;margin:0}

/* contact */
.contact{background:var(--ink);color:#fff}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px}
.contact .eyebrow{color:#ff8a98}
.contact .lead{color:#d9cfc5}
.who{display:flex;gap:16px;align-items:center;margin:28px 0}
.who .ph{width:84px;height:84px;border-radius:50%;padding:0;font-size:.62rem;background:repeating-linear-gradient(135deg,#2c2623 0 8px,#332c28 8px 16px);border-color:#6b5a4a;color:#cdb79f}
.who b{display:block;font:800 1.1rem var(--head)}
.who span{color:#bfb3a7;font-size:.92rem}
.lines{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.lines a{color:#fff;text-decoration:none;font-weight:700}
.lines a:hover{color:#ff8a98}
form{background:var(--paper);color:var(--ink);border-radius:28px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
form .full{grid-column:1/-1}
label{display:grid;gap:6px;font:700 .85rem var(--head)}
input,select,textarea{font:inherit;font-size:1rem;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--white);color:var(--ink);width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--red);box-shadow:0 0 0 3px rgba(214,41,62,.15)}
textarea{min-height:120px;resize:vertical}
.form-msg{grid-column:1/-1;margin:0;font-size:.9rem;color:var(--muted)}
.form-msg.ok{color:var(--red-dark);font-weight:700}


@media (max-width:1000px){
  .hero-grid,.reach-grid,.contact-grid,.promise,.brands{grid-template-columns:1fr}
  .grid4,.ped{grid-template-columns:1fr 1fr}
  .grid3,.road{grid-template-columns:1fr 1fr}
  .steps,.steps.four{grid-template-columns:1fr 1fr;row-gap:28px}
  .steps li::after{display:none}
  .promise{padding:44px 32px}
  .collage{max-width:520px}
}
@media (max-width:640px){
  body{font-size:16px}
  .wrap{padding:0 16px}
  section{padding:68px 0}
  .hero{padding:44px 0 72px}
  .nav{gap:12px}
  .grid4,.grid3,.ped,.road,.stats,.steps,.steps.four{grid-template-columns:1fr}
  .promise{padding:36px 22px;border-radius:24px}
  .brand{grid-template-columns:1fr;padding:24px}
  .brand .strip{grid-template-columns:repeat(3,1fr)}
  .brand .strip div:nth-child(n+4){display:none}
  form{grid-template-columns:1fr;padding:24px}
  .badge-float{left:8px;bottom:-34px}
}

/* ===== többoldalas váz ===== */
.lang-switch{font:800 .78rem var(--head);text-decoration:none;color:var(--ink);border:1.5px solid var(--line);border-radius:99px;padding:7px 11px}
.lang-switch:hover{border-color:var(--ink)}
.m-only{display:none}
.menu-btn{display:none;width:44px;height:44px;border:0;background:none;cursor:pointer;padding:10px;flex-direction:column;justify-content:space-between}
.menu-btn span{display:block;height:2.5px;border-radius:2px;background:var(--ink);transition:transform .2s,opacity .2s}
.site-header.open .menu-btn span:nth-child(1){transform:translateY(8.5px) rotate(45deg)}
.site-header.open .menu-btn span:nth-child(2){opacity:0}
.site-header.open .menu-btn span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg)}
.narrow{max-width:820px}
.page-hero{padding:56px 0 40px;background:linear-gradient(180deg,var(--wood-soft),var(--paper))}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.1rem)}
.crumbs{font:700 .82rem var(--head);color:var(--muted);margin-bottom:22px}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--red)}
.crumbs [aria-current]{color:var(--ink)}
.meta-line{font:700 .85rem var(--head);color:var(--muted);margin-bottom:14px}
.post-cat{color:var(--red);font:800 .74rem/1 var(--head);letter-spacing:.1em;text-transform:uppercase}
/* cikk */
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-top:24px;padding-bottom:72px;align-items:start}
.prose{font-size:1.08rem;line-height:1.75;max-width:720px}
.prose h2{font-size:1.65rem;margin:1.8em 0 .6em}
.prose h3{font-size:1.2rem;margin:1.5em 0 .4em}
.prose p,.prose ul,.prose ol{margin:0 0 1.1em}
.prose li{margin-bottom:.4em}
.prose a{color:var(--red-dark);font-weight:700}
.prose strong{font-weight:700}
.prose blockquote{margin:1.6em 0;padding:18px 24px;background:var(--wood-soft);border-radius:18px;font-weight:600}
.prose .callout{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:20px 24px;margin:1.6em 0}
.prose .callout b{font-family:var(--head)}
.prose table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:.95rem}
.prose th,.prose td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);vertical-align:top}
.prose th{font-family:var(--head);background:var(--wood-soft)}
.prose .src{font-size:.85rem;color:var(--muted)}
.article-pic{background:var(--wood-soft);border-radius:var(--radius);aspect-ratio:2/1;display:grid;place-items:center;padding:24px;margin-bottom:32px}
.article-pic img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.article-aside{position:sticky;top:96px}
.aside-card{background:var(--ink);color:#fff;border-radius:var(--radius);padding:28px}
.aside-card h3{color:#fff}
.aside-card p{color:#d9cfc5;font-size:.95rem}
.related{background:var(--wood-soft);padding:72px 0}
/* cikk-kártyák */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}
.post-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s}
.post-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.post-pic{aspect-ratio:16/10;background:var(--wood-soft);display:grid;place-items:center;padding:18px}
.post-pic img{height:100%;object-fit:contain;mix-blend-mode:multiply}
.post-txt{padding:22px 24px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.post-txt h3{margin:0;font-size:1.15rem}
.post-txt p{margin:0;color:var(--muted);font-size:.95rem;flex:1}
.post-more{font:800 .9rem var(--head);color:var(--red)}
/* általános aloldal-blokkok */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pic-panel{background:var(--wood-soft);border-radius:var(--radius);aspect-ratio:4/3;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px}
.pic-panel div{background:var(--white);border-radius:16px;display:grid;place-items:center;padding:12px}
.pic-panel img{max-height:100%;object-fit:contain}
.cat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:36px}
.cat{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:16px;text-align:center}
.cat .pic{aspect-ratio:1;background:var(--wood-soft);border-radius:14px;display:grid;place-items:center;padding:12px;margin-bottom:12px}
.cat .pic img{max-height:100%;object-fit:contain;mix-blend-mode:multiply}
.cat h3{font-size:1.02rem;margin:0 0 4px}
.cat p{font-size:.88rem;color:var(--muted);margin:0}
.table-wrap{overflow-x:auto;margin-top:32px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}
.table-wrap table{width:100%;border-collapse:collapse;min-width:560px}
.table-wrap th,.table-wrap td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.table-wrap th{font-family:var(--head);background:var(--wood-soft)}
.table-wrap tr:last-child td{border-bottom:0}
.faq{margin-top:32px;display:grid;gap:12px;max-width:820px}
.faq details{background:var(--white);border:1px solid var(--line);border-radius:18px;padding:18px 22px}
.faq summary{font:800 1.05rem var(--head);cursor:pointer}
.faq details p{margin:12px 0 0;color:var(--muted)}
.cta-band{background:var(--red);color:#fff;border-radius:32px;padding:48px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}
.cta-band h2{margin:0;color:#fff;font-size:clamp(1.5rem,3vw,2.1rem)}
.cta-band p{margin:6px 0 0;color:#ffe1e5}
.cta-band .btn{background:#fff;color:var(--red)}
.contact-page{background:var(--ink);color:#fff;padding:64px 0 88px}
.wf-form{background:var(--paper);color:var(--ink);border-radius:28px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wf-form .full{grid-column:1/-1}
.wf-form small{font-weight:600;color:var(--muted)}
/* lábléc */
.site-footer{background:#171412;color:#a99d92;padding:56px 0 28px;font-size:.92rem}
.foot-grid{display:grid;grid-template-columns:1.3fr 1fr 1.3fr 1fr;gap:32px}
.site-footer h4{color:#fff;font:800 .85rem var(--head);letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.site-footer a{color:#d9cfc5;text-decoration:none}.site-footer a:hover{color:#fff}
.site-footer .logo-plate{display:inline-block;background:#fff;border-radius:12px;padding:8px 12px;margin-bottom:14px}
.site-footer .logo-plate img{height:28px;width:auto}
.foot-bottom{border-top:1px solid #2c2623;margin-top:40px;padding-top:20px;font-size:.82rem}

@media (max-width:1000px){
  .menu-btn{display:flex}
  .nav > nav{position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--line);display:none;margin:0}
  .site-header.open .nav > nav{display:block}
  .nav ul{flex-direction:column;gap:0;padding:8px 24px 20px}
  .nav ul a{display:block;padding:12px 0;font-size:1.05rem;border-bottom:1px solid var(--line)}
  .lang-switch{margin-left:auto}
  .article-grid,.split{grid-template-columns:1fr}
  .article-aside{position:static}
  .post-grid,.cat-grid{grid-template-columns:1fr 1fr}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .nav-cta{display:none}
  .m-only{display:block}
  .post-grid,.cat-grid{grid-template-columns:1fr}
  .cat-grid{grid-template-columns:1fr 1fr}
  .wf-form{grid-template-columns:1fr;padding:24px}
  .prose table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .prose th,.prose td{min-width:140px}
  .cta-band{padding:32px 24px;border-radius:24px}
  .foot-grid{grid-template-columns:1fr}
}

.form-msg a{color:inherit;font-weight:700}
.contact .form-msg a,.contact-page .form-msg a{color:var(--red-dark)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-err{margin:0;padding:12px 14px;border-radius:12px;background:#fff1f2;color:var(--red-dark);font-weight:700;font-size:.92rem}
.form-err a{color:inherit}

/* fotók (stock) */
.promise-pic{border-radius:var(--radius);overflow:hidden;min-height:300px;background:#2c2623}
.promise-pic img{width:100%;height:100%;object-fit:cover;display:block}
.photo-frame{border-radius:var(--radius);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow)}
.photo-frame img,.photo-band img{width:100%;height:100%;object-fit:cover;display:block}
.photo-band{border-radius:var(--radius);overflow:hidden;height:340px}
.article-pic.photo,.post-pic.photo{padding:0;overflow:hidden}
.article-pic.photo img,.post-pic.photo img{width:100%;height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal}
.avatar{width:84px;height:84px;border-radius:50%;flex:0 0 84px;display:grid;place-items:center;background:var(--red);color:#fff;font:900 1.6rem var(--head);letter-spacing:.02em}
@media (max-width:640px){.photo-band{height:220px}.promise-pic{min-height:220px}}

/* útválasztó sáv + fejlesztés alatt */
.topbar{background:var(--wood-soft);border-bottom:1px solid var(--line);font-size:.85rem}
.topbar-in{display:flex;align-items:center;justify-content:center;text-align:center;gap:12px 24px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.dev-note{margin:0;color:var(--muted);font-weight:600}
.dev-tag{display:inline-block;background:var(--ink);color:#fff;border-radius:99px;padding:3px 9px;font:800 .7rem/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
@media (max-width:640px){.dev-note{font-size:.8rem}}

/* nyitó választó („captcha” jellegű) */
.kapu{display:none}
.kapu-on .kapu{display:grid;place-items:center;position:fixed;inset:0;z-index:100;padding:16px;background:rgba(32,28,26,.55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.kapu-on body{overflow:hidden}
.kapu-box{width:min(440px,100%);background:var(--white);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.35);overflow:hidden;border:1px solid #d9d2c8}
.kapu-head{background:var(--red);color:#fff;padding:18px 20px 16px}
.kapu-pre{margin:0 0 2px;font:700 .78rem var(--head);opacity:.85;letter-spacing:.04em}
.kapu-head h2{margin:0;font-size:1.45rem;color:#fff;letter-spacing:0}
.kapu-head p{margin:4px 0 0;font-size:.9rem;color:#ffe1e5}
.kapu-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px}
.kapu-tile{position:relative;display:flex;flex-direction:column;border:0;padding:0;background:#f4f1ec;border-radius:8px;overflow:hidden;cursor:pointer;text-align:left;font:inherit;color:var(--ink);transition:transform .15s,box-shadow .15s}
.kapu-tile:hover,.kapu-tile:focus-visible{box-shadow:0 0 0 3px var(--red);outline:none}
.kapu-img{display:block;aspect-ratio:1;overflow:hidden}
.kapu-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
.kapu-tile:hover .kapu-img img{transform:scale(1.04)}
.kapu-label{display:block;padding:10px 12px 12px;font:800 1rem/1.2 var(--head)}
.kapu-label small{display:block;font:600 .74rem/1.3 var(--body);color:var(--muted);margin-top:3px}
.kapu-check{position:absolute;top:8px;left:8px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.92);border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.kapu-tile.on{transform:scale(.97);box-shadow:0 0 0 3px var(--red)}
.kapu-tile.on .kapu-check{background:var(--red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/16px no-repeat}
.kapu-foot{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--line);font-size:.8rem;color:var(--muted);background:#faf8f5}
.kapu-foot img{height:20px;width:auto;margin-left:auto}
.kapu-shield{width:16px;height:16px;flex:0 0 16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b625b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E") center/contain no-repeat}
@media (max-width:380px){.kapu-label{font-size:.92rem}.kapu-label small{display:none}}
@media (prefers-reduced-motion:reduce){.kapu-tile,.kapu-img img{transition:none}}

/* webshop-linkek (classicworld.hu) */
.foot-shop{display:inline-block;margin-top:14px;background:var(--red);color:#fff !important;border-radius:99px;padding:8px 14px;font:800 .85rem var(--head);text-decoration:none}
.foot-shop:hover{background:var(--red-dark)}
.aside-shop{display:block;margin-top:14px;color:#ffd9de !important;font:700 .9rem var(--head);text-decoration:none}
.aside-shop:hover{color:#fff !important}
.prose .shop-box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin:2.4em 0 0;padding:22px 24px;border-radius:var(--radius);background:var(--wood-soft)}
.prose .shop-box h3{margin:0 0 4px;font-size:1.15rem}
.prose .shop-box p{margin:0;color:var(--muted);font-size:.95rem}
.prose .shop-box .btn{color:#fff;font-weight:800;text-decoration:none}

/* katalógusok */
.cat-dl-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.cat-dl{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:start;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:20px}
.cat-dl-cover{display:block;border-radius:10px;overflow:hidden;box-shadow:0 8px 20px rgba(60,40,20,.18);transition:transform .15s}
.cat-dl-cover:hover{transform:translateY(-2px) rotate(-1deg)}
.cat-dl-cover img{width:100%;height:auto;display:block}
.cat-dl-txt h3{margin:4px 0 6px;font-size:1.12rem}
.cat-dl-txt p{margin:0 0 6px;color:var(--muted);font-size:.93rem}
.cat-dl-meta{font:700 .78rem var(--head) !important;letter-spacing:.02em}
.cat-dl-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
@media (max-width:1000px){.cat-dl-grid{grid-template-columns:1fr}}
@media (max-width:420px){.cat-dl{grid-template-columns:96px 1fr;gap:14px;padding:16px}}

.grid2-age{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.card.age h3{margin:8px 0 8px}
.card.age .ticks{margin-top:14px}
.card.age .ticks li{font-size:.93rem}
@media (max-width:1000px){.grid2-age{grid-template-columns:1fr}}
.cat-dl-title{margin:48px 0 0;font-size:1.3rem}

/* játékos kiemelés (Pacifico) – a classicworld.hu mintájára: oldalanként egy szó a nyitócímben */
.script-accent{font-family:'Pacifico',cursive;font-weight:400;color:var(--red);letter-spacing:0;font-size:1.05em;line-height:1}