/* telkiasztalos.hu, 2026: style of the reference picture István chose (12545): warm cream, serif headings,
   orange rounded buttons, soft white cards, a dark wood band. Lora (headings) + Inter (text), local fonts. */
@font-face{font-family:'Lora';src:url('fontok/Lorawght.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:'Lora';src:url('fontok/Lora-Italicwght.ttf') format('truetype');font-weight:400 700;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('fontok/Interopszwght.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{
  --krem:#f8f4ee;--krem2:#f1e9de;--feher:#fffdf9;--szoveg:#2e2a26;--mut:#776b60;--vonal:#e9dfd2;
  /* (variable names kept: --narancs is the main accent, olive since István 12579) */
  --narancs:#5f7347;--narancs2:#4f6039;--szurke:#c9c0b6;--szurke2:#b3a99e;
  --fa:#4b3122;--fa2:#2f1d12;--arnyek:0 18px 40px -24px rgba(70,45,25,.38);--r:14px;
  --max:1200px;--gutter:clamp(16px,4vw,40px)
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:Inter,system-ui,sans-serif;background:var(--krem);color:var(--szoveg);line-height:1.65;font-size:16px;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
h1,h2,h3{font-family:Lora,Georgia,serif;font-weight:500;line-height:1.15;letter-spacing:-.005em}
.w{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}
.rejtett{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* header: white bar as in the reference */
.fej{position:sticky;top:0;z-index:50;background:var(--feher);border-bottom:1px solid var(--vonal);transition:box-shadow .2s}
.fej.gorgetve{box-shadow:0 8px 24px -18px rgba(70,45,25,.45)}
.fej .w{display:flex;align-items:center;justify-content:space-between;gap:24px;height:76px}
.logo{font-family:Lora,serif;font-size:25px;font-weight:600;text-decoration:none;letter-spacing:-.01em}
.fej nav ul{display:flex;gap:30px;list-style:none}
.fej nav li{position:relative}
.fej nav a{text-decoration:none;font-size:15px;font-weight:500;padding:26px 0;display:block;color:#4a433c}
.fej nav a:hover{color:var(--narancs)}
.fej nav a.aktiv{color:var(--szoveg);box-shadow:inset 0 -2px 0 var(--szoveg)}
.almenu{position:absolute;top:100%;left:-18px;background:var(--feher);border:1px solid var(--vonal);border-radius:12px;box-shadow:var(--arnyek);padding:8px;display:none;min-width:200px}
.fej nav li:hover .almenu,.fej nav li:focus-within .almenu{display:block}
.almenu a{padding:9px 12px!important;border-radius:8px;font-size:14.5px!important;box-shadow:none!important}
.almenu a:hover{background:var(--krem)}
.burger{display:none;background:none;border:0;width:44px;height:44px;flex-direction:column;justify-content:center;gap:5px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--szoveg);margin:0 10px;border-radius:2px;transition:.2s}
.menu-nyitva .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-nyitva .burger span:nth-child(2){opacity:0}.menu-nyitva .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* buttons */
.gomb{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--narancs);color:#fff;text-decoration:none;font-weight:600;font-size:15px;padding:14px 28px;border-radius:12px;border:0;cursor:pointer;transition:background .2s,transform .2s;box-shadow:0 10px 20px -12px rgba(70,85,52,.6)}
.gomb:hover{background:var(--narancs2);transform:translateY(-1px)}
.gomb.kis{padding:10px 20px;font-size:14px;border-radius:10px}
.gomb.szurke{background:var(--szurke);box-shadow:none}.gomb.szurke:hover{background:var(--szurke2)}
.gomb.vilagos{background:var(--feher);color:var(--szoveg);box-shadow:0 0 0 1px var(--vonal)}
.ikon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.ikon.kicsi{width:18px;height:18px}.ikon.nagy{width:56px;height:56px;stroke-width:1.2}
.ikonkor{width:56px;height:56px;border-radius:14px;background:var(--krem2);color:var(--narancs2);display:inline-flex;align-items:center;justify-content:center;flex:none}
.ikonkor .ikon{width:28px;height:28px}

/* hero */
.hos{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden;background:var(--krem2)}
.hoskep{position:absolute;inset:0}
.hoskep img{width:100%;height:100%;object-fit:cover;object-position:50% 72%}
.hoskep::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,244,238,.97) 0%,rgba(248,244,238,.9) 30%,rgba(248,244,238,.35) 58%,rgba(248,244,238,0) 78%)}
.hostart{position:relative;z-index:2;width:100%;padding-top:40px;padding-bottom:150px}
.hos h1{font-size:clamp(40px,5.2vw,68px);max-width:7.5em;color:#2a2622}/* István 15168: em, not ch: 12ch depended on whether Lora or the Georgia fallback was ready (408 / 511 px, 5 / 3 lines) */
.hos p{font-size:18px;color:#4a433c;max-width:22.9em;margin:18px 0 28px}/* István 15168: em, not ch (40ch = 412 px with Inter, 451 px with the fallback) */
.lebegok{position:relative;z-index:3;margin-top:-100px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lebego{background:var(--feher);border-radius:var(--r);box-shadow:var(--arnyek);padding:22px;display:flex;gap:16px;align-items:flex-start}
.lebego h3{font-size:20px;margin-bottom:4px}
.lebego p{font-size:14px;color:var(--mut);margin-bottom:14px;line-height:1.5}

/* sections and cards */
.szakasz{padding:clamp(60px,8vw,96px) 0}
.krem2{background:var(--krem2)}
.szfej{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;flex-wrap:wrap}
.szfej h2{font-size:clamp(30px,3.4vw,42px)}
.tovabb{color:var(--narancs2);font-weight:600;text-decoration:none;font-size:15px}
.racs4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.racs3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.kartya{background:var(--feher);border-radius:var(--r);overflow:hidden;box-shadow:var(--arnyek);display:flex;flex-direction:column;transition:transform .25s}
.kartya:hover{transform:translateY(-3px)}
.kartya>img{width:100%;aspect-ratio:4/3;object-fit:cover}
.kt{padding:18px 20px 20px;display:flex;flex-direction:column;gap:6px;flex:1}
.kt h3{font-size:21px}
.kt p{font-size:14.5px;color:var(--mut);line-height:1.5;flex:1}
.kt .gomb{align-self:flex-start;margin-top:8px}
.galeria .kartya>img{aspect-ratio:4/3.4}
.kartya.csakkep>img{height:100%;aspect-ratio:4/3.4}

/* dark wood band ("Latest Arrivals") */
.fa{position:relative;color:#f5ece2;padding:clamp(60px,8vw,90px) 0;overflow:hidden;
  background:
    repeating-linear-gradient(92deg,rgba(255,255,255,.025) 0 2px,transparent 2px 9px),
    repeating-linear-gradient(88deg,rgba(0,0,0,.08) 0 1px,transparent 1px 23px),
    radial-gradient(ellipse at 15% 30%,#6a4630 0%,transparent 55%),
    linear-gradient(115deg,var(--fa) 0%,#5b3b28 45%,var(--fa2) 100%)}
.fabelso{display:grid;grid-template-columns:.8fr 2fr;gap:36px;align-items:center}
.fa h2{font-size:clamp(32px,3.6vw,46px);color:#fff}
.fa p{color:#e3d3c2;margin:14px 0 24px}
.kartya.vil h3{color:var(--szoveg)}

/* steps, numbers */
.lepesek{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lepes{background:var(--feher);border-radius:var(--r);padding:22px;box-shadow:var(--arnyek)}
.lepes span{display:inline-flex;width:38px;height:38px;border-radius:50%;background:var(--narancs);color:#fff;font-weight:700;align-items:center;justify-content:center;margin-bottom:12px}
.lepes h3{font-size:20px;margin-bottom:6px}
.lepes p{font-size:14.5px;color:var(--mut);line-height:1.55}
.szamok{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px;border-top:1px solid var(--vonal);padding-top:30px}
.szamok b{display:block;font-family:Lora,serif;font-weight:500;font-size:clamp(34px,4vw,48px);color:var(--narancs2);line-height:1}
.szamok span{font-size:14px;color:var(--mut)}

/* CTA, page header, misc */
.cta{padding:0 0 clamp(60px,8vw,90px)}
.ctabelso{background:var(--feher);border-radius:20px;box-shadow:var(--arnyek);padding:clamp(26px,4vw,44px);display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.ctabelso h2{font-size:clamp(26px,3vw,36px)}
.ctabelso p{color:var(--mut);margin-top:6px}
.ctagombok{display:flex;gap:12px;flex-wrap:wrap}
.lapfej{background:linear-gradient(180deg,var(--krem2),var(--krem));padding:clamp(40px,6vw,70px) 0 clamp(20px,3vw,30px)}
.morzsa{font-size:13.5px;color:var(--mut);margin-bottom:12px}
.morzsa a{text-decoration:none}.morzsa a:hover{color:var(--narancs2)}
.lapfej h1{font-size:clamp(36px,4.6vw,56px)}
.lapfej p{max-width:62ch;color:#5a5149;font-size:17.5px;margin-top:12px}
.masok{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:34px}
.masok span{color:var(--mut);font-size:14.5px;margin-right:4px}
.cimke{background:var(--feher);border:1px solid var(--vonal);border-radius:999px;padding:8px 16px;text-decoration:none;font-size:14.5px;font-weight:500}
.cimke:hover{border-color:var(--narancs);color:var(--narancs2)}
.ket{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,48px);align-items:start}
.ket.kozep{align-items:center}
.ket>img{border-radius:var(--r);box-shadow:var(--arnyek);width:100%;aspect-ratio:4/4.4;object-fit:cover}
.info{background:var(--feher);border-radius:var(--r);box-shadow:var(--arnyek);padding:30px}
.info h2{font-size:28px;margin:16px 0 10px}
.info .kiemel{font-family:Lora,serif;font-style:italic;font-size:18px;color:var(--narancs2);margin-bottom:12px}
.info p{color:#4f4740}
.pontok{display:grid;gap:14px}
.pont{display:flex;gap:16px;background:var(--feher);border-radius:var(--r);padding:18px 20px;box-shadow:var(--arnyek)}
.pont h3{font-size:19px;margin-bottom:4px}
.pont p{font-size:14.5px;color:var(--mut);line-height:1.55}
.pont a{color:var(--narancs2)}
.felirat{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--narancs2)}
.kartya.gep>img{object-fit:contain;background:#fff;padding:14px;aspect-ratio:4/3}
.gepures{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--krem2);color:var(--narancs2)}
.adatok{display:grid;gap:14px}
.adat{display:flex;gap:16px;align-items:center;background:var(--feher);border-radius:var(--r);padding:18px 20px;box-shadow:var(--arnyek);font-size:16.5px}
.adat small{display:block;color:var(--mut);font-size:13px}
.adat a{text-decoration:none}.adat a:hover{color:var(--narancs2)}
.urlap{padding:28px;gap:12px}
.urlap h2{font-size:28px}
.urlap>p{color:var(--mut);margin-bottom:6px}
.urlap label{display:grid;gap:6px;font-size:14px;font-weight:600;color:#4a433c}
.urlap input,.urlap select,.urlap textarea{font:inherit;font-weight:400;font-size:15.5px;border:1px solid var(--vonal);background:var(--krem);border-radius:10px;padding:12px 14px;color:var(--szoveg);width:100%}
.urlap input:focus,.urlap select:focus,.urlap textarea:focus{outline:2px solid var(--narancs);outline-offset:0;border-color:transparent}
.urlap .gomb{align-self:flex-start;margin-top:6px}
.urlap small{color:var(--mut);font-size:13px}
.ket2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mez-rejtett{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.uzenetsav{background:#e9efe0;border-left:4px solid var(--narancs);padding:12px 14px;border-radius:8px;font-size:14.5px}

/* footer: dark wood */
.lab{background:var(--fa2);color:#d9c9b8;padding:54px 0 26px;font-size:14.5px}
.lab .logo{color:#fff;display:inline-block;margin-bottom:12px}
.labracs{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.4fr;gap:34px}
.lab h4{color:#fff;font-size:14px;letter-spacing:.06em;margin-bottom:12px;font-weight:600}
.lab ul{list-style:none}.lab li{padding:3px 0}
.lab a{text-decoration:none}.lab a:hover{color:#fff}
.labalso{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.12);margin-top:36px;padding-top:20px;font-size:13px;color:#a8957f}

/* responsive */
@media (max-width:1040px){.racs4{grid-template-columns:repeat(2,1fr)}.lepesek{grid-template-columns:repeat(2,1fr)}.labracs{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .fej nav{position:fixed;inset:76px 0 0 0;background:var(--feher);display:none;overflow:auto;padding:12px var(--gutter) 40px;z-index:60}
  .menu-nyitva .fej nav{display:block}
  .fej nav ul{flex-direction:column;gap:0}
  .fej nav a{padding:14px 0;border-bottom:1px solid var(--vonal);font-size:17px}
  .fej nav a.aktiv{box-shadow:none;color:var(--narancs2)}
  .almenu{position:static;display:block;border:0;box-shadow:none;padding:0 0 8px 14px;min-width:0;background:transparent}
  .almenu a{border-bottom:0!important;padding:8px 0!important}
  .burger{display:flex}
  .fej .gomb.kis{display:none}
  .lebegok{grid-template-columns:1fr;margin-top:-80px}
  .racs3{grid-template-columns:repeat(2,1fr)}
  .fabelso,.ket{grid-template-columns:1fr}
  .hoskep::after{background:linear-gradient(180deg,rgba(248,244,238,.96) 0%,rgba(248,244,238,.88) 42%,rgba(248,244,238,.2) 75%,rgba(248,244,238,0) 100%)}
  .hos{align-items:flex-start;min-height:640px}
  .hostart{padding-top:44px}
  .hoskep img{object-position:50% 100%}
}
@media (max-width:560px){
  .racs4,.racs3,.lepesek{grid-template-columns:1fr}
  .szamok{grid-template-columns:1fr 1fr}
  .labracs{grid-template-columns:1fr}
  .ket2{grid-template-columns:1fr}
  .logo{font-size:22px}
  .ctabelso{flex-direction:column;align-items:flex-start}
}
.fa .kt p{color:var(--mut)}
.galeria img{cursor:zoom-in}
.nagyito{position:fixed;inset:0;z-index:100;background:rgba(32,22,14,.97);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;gap:12px}
.nagyito[hidden]{display:none}
.nagyito img{max-width:min(1200px,100%);max-height:84vh;border-radius:10px;object-fit:contain}
.nagyito p{color:#f5ece2;font-family:Lora,serif;font-size:20px}
.nagyito button{position:absolute;top:14px;right:18px;background:none;border:0;color:#fff;font-size:40px;line-height:1;cursor:pointer}

/* ===================== 2026-10-12 v2: motion, colour (István 12556) ===================== */
:root{--zold:#3c4a31;--zold2:#2d3825;--zoldvil:#e7ecdf;--barack:#cfdcb6}
.szemoldok{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zold);margin-bottom:10px}
.szemoldok::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--narancs);box-shadow:0 0 0 4px rgba(110,130,85,.2)}
.szemoldok.vil{color:var(--barack)}
.tovabb.vil{color:var(--barack)}
.fej .w{transition:height .25s}
.fej.gorgetve .w{height:64px}

/* hero: crossfading slides with a slow Ken Burns (pure CSS, works without JS) */
.hos{min-height:640px}
.hoskep{transform:translate3d(0,var(--parallax,0px),0);will-change:transform}
.dia{position:absolute;inset:0;margin:0;opacity:0;animation:dia 30s infinite}
.dia img{width:100%;height:100%;object-fit:cover;animation:kb 30s infinite;transform-origin:60% 60%}
.dia.d0{opacity:1}
.d0,.d0 img{animation-delay:0s}.d1,.d1 img{animation-delay:6s}.d2,.d2 img{animation-delay:12s}.d3,.d3 img{animation-delay:18s}.d4,.d4 img{animation-delay:24s}
.d1 img{transform-origin:30% 40%}.d2 img{transform-origin:70% 30%}.d3 img{transform-origin:40% 70%}.d4 img{transform-origin:55% 45%}
@keyframes dia{0%{opacity:0}4%{opacity:1}20%{opacity:1}24%{opacity:0}100%{opacity:0}}
@keyframes kb{0%{transform:scale(1.02)}24%{transform:scale(1.13)}100%{transform:scale(1.13)}}
.dia figcaption{position:absolute;right:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));bottom:120px;z-index:3;background:rgba(255,253,249,.88);backdrop-filter:blur(6px);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--zold2)}
.hoskep::after{z-index:2}
.pottyok{position:absolute;z-index:3;left:max(var(--gutter),calc((100vw - var(--max))/2 + var(--gutter)));bottom:120px;display:flex;gap:8px}
.pottyok i{width:34px;height:4px;border-radius:4px;background:rgba(47,90,77,.18);overflow:hidden;position:relative}
.pottyok i::after{content:'';position:absolute;inset:0;background:var(--narancs);transform:scaleX(0);transform-origin:left;animation:potty 30s infinite linear}
.pottyok .p1::after{animation-delay:6s}.pottyok .p2::after{animation-delay:12s}.pottyok .p3::after{animation-delay:18s}.pottyok .p4::after{animation-delay:24s}
@keyframes potty{0%{transform:scaleX(0)}20%{transform:scaleX(1)}21%,100%{transform:scaleX(0)}}
.folt{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:1;pointer-events:none;animation:usz 18s ease-in-out infinite alternate}
.folt.f1{width:380px;height:380px;background:#c9d6b4;left:-120px;top:-80px}
.folt.f2{width:300px;height:300px;background:#b9c9a0;left:28%;bottom:-120px;animation-duration:22s}
@keyframes usz{to{transform:translate3d(60px,40px,0) scale(1.15)}}
.hostart{z-index:4}
.hostart>*{animation:be .9s cubic-bezier(.2,.7,.2,1) both}
.hostart>*:nth-child(2){animation-delay:.12s}.hostart>*:nth-child(3){animation-delay:.24s}.hostart>*:nth-child(4){animation-delay:.36s}
@keyframes be{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
.hosgombok{display:flex;gap:12px;flex-wrap:wrap}

/* buttons: light sweep on hover */
.gomb{position:relative;overflow:hidden}
.gomb::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);transition:left .6s}
.gomb:hover::after{left:130%}

/* cards: image zoom on hover */
.kartya{overflow:hidden}
.kartya>img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.kartya:hover>img{transform:scale(1.06)}
.kartya:hover{box-shadow:0 26px 50px -26px rgba(70,45,25,.55)}
.kartya:hover .kt h3{color:var(--narancs2)}
.kt h3{transition:color .2s}

/* scroll reveal (classes added by JS only) */
.megjelenik{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0s)}
.megjelenik.lathato{opacity:1;transform:none}

/* subtle wood grain on cream sections */
.minta{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='180' viewBox='0 0 600 180'%3E%3Cg fill='none' stroke='%23a0764f' stroke-opacity='.07' stroke-width='1.2'%3E%3Cpath d='M0 20 C150 6 300 34 450 18 S600 22 600 22'/%3E%3Cpath d='M0 52 C120 40 260 70 420 50 S600 58 600 58'/%3E%3Cpath d='M0 90 C160 78 280 108 440 86 S600 96 600 96'/%3E%3Cpath d='M0 128 C140 116 300 146 460 124 S600 132 600 132'/%3E%3Cpath d='M0 164 C150 150 290 178 450 158 S600 166 600 166'/%3E%3Cellipse cx='380' cy='70' rx='26' ry='9'/%3E%3C/g%3E%3C/svg%3E")}

/* wood band: slider */
.fabelso{grid-template-columns:.75fr 2fr}
.csuszka{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 4px 24px;scrollbar-width:none;outline:none}
.csuszka::-webkit-scrollbar{display:none}
.csuszka .dia2{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start}
.csuszkagombok{display:flex;gap:10px;margin:0 0 22px}
.nyil{width:46px;height:46px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);color:#fff;font-size:26px;line-height:1;cursor:pointer;transition:.2s}
.nyil:hover{background:var(--narancs);border-color:var(--narancs)}
.fa::before{content:'';position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(140,165,105,.3),transparent 65%);animation:usz 16s ease-in-out infinite alternate}

/* brand strip */
.szalag{background:var(--zold);color:#eef3ef;overflow:hidden;white-space:nowrap;padding:16px 0;border-top:1px solid rgba(255,255,255,.08)}
.szalag div{display:inline-block;animation:fut 40s linear infinite}
.szalag span{font-family:Lora,serif;font-size:22px;margin:0 28px;opacity:.9}
.szalag span::after{content:'✦';color:var(--barack);margin-left:56px;font-size:14px;vertical-align:middle}
@keyframes fut{to{transform:translateX(-50%)}}

/* green band: how we work + numbers */
.szakasz.zold{background:var(--zold);color:#eef3ef;position:relative;overflow:hidden;
  background-image:radial-gradient(circle at 85% 10%,rgba(207,220,182,.2),transparent 40%),repeating-linear-gradient(115deg,rgba(255,255,255,.025) 0 2px,transparent 2px 14px)}
.zold h2{color:#fff}
.zold .lepes{background:rgba(255,253,249,.97);color:var(--szoveg)}
.zold .szamok{border-top-color:rgba(255,255,255,.18)}
.zold .szamok b{color:var(--barack)}
.zold .szamok span{color:#cfdcd4}
.lepes span{background:var(--zold)}
.zold .lepes span{background:var(--narancs)}

/* subpage headers: soft colour */
.lapfej{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--zoldvil),var(--krem))}
.lapfej .w{position:relative;z-index:2}
.lapfej .folt.f1{left:auto;right:-80px;top:-120px}
.lapfej .folt.f2{left:-60px;bottom:-160px}
.lapfej h1{animation:be .9s cubic-bezier(.2,.7,.2,1) both}.lapfej p{animation:be .9s .12s cubic-bezier(.2,.7,.2,1) both}
.cimke:hover{background:var(--zold);border-color:var(--zold);color:#fff}
.ikonkor{background:var(--zoldvil);color:var(--zold)}

@media (max-width:900px){
  .csuszka .dia2{flex-basis:78%}
  .dia figcaption{bottom:auto;top:16px;right:var(--gutter)}
  .pottyok{bottom:96px}
  .folt{display:none}
  @keyframes kb{0%{transform:scale(1.02)}24%{transform:scale(1.07)}100%{transform:scale(1.07)}}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .dia{opacity:0}.dia.d0{opacity:1}
  .megjelenik{opacity:1;transform:none}
  .hoskep{transform:none}
}
/* bigger logo */
/* logo images (F3, row A, István 12573/12576) */
.fej .logo img{height:46px;width:auto;display:block}
.lab .logo img{height:50px;width:auto;display:block}
.hos .folt.f1{top:auto;bottom:-160px;left:-140px;opacity:.38}
@media (max-width:560px){.fej .logo img{height:38px}}
.fej .logo img{height:58px}
.fej.gorgetve .logo img{height:50px}
.fej .logo img{transition:height .25s}
@media (max-width:900px){.dia figcaption{display:none}}
@media (max-width:560px){.fej .logo img,.fej.gorgetve .logo img{height:46px}}
/* word wheel: always one word visible, rolls up every 3 s, seamless loop (first word repeated at the end) */
.forgo{display:block;height:1.3em;overflow:hidden;color:var(--narancs2);margin-bottom:-.12em}
.forgo .sor{display:flex;flex-direction:column;animation:kerek 15s infinite}
.forgo .sor span{display:block;height:1.3em;line-height:1.3em;white-space:nowrap}
@keyframes kerek{0%,17%{transform:translateY(0)}20%,37%{transform:translateY(-1.3em)}40%,57%{transform:translateY(-2.6em)}60%,77%{transform:translateY(-3.9em)}80%,97%{transform:translateY(-5.2em)}100%{transform:translateY(-6.5em)}}
.forgo .sor{animation-timing-function:cubic-bezier(.7,0,.3,1)}
@media (prefers-reduced-motion:reduce){.forgo .sor{animation:none!important;transform:none}}
/* secondary buttons: AA contrast (white on grey was 1.8:1) */
.gomb.szurke{background:#e4e9dc;color:#3c4a31}
.gomb.szurke:hover{background:#d3dcc6;color:#2d3825}