/* Fittleszek Mozgás — közös stílus (fittleszekmozgas.hu)
   Irány: „Fehér stúdió” (Tamás és Dóri, 2026-09-27): fehér alap, sötét olíva
   szöveg, neonzöld gombok, keskeny dőlt címbetű. Jellegzetesség: a „rúd” —
   ezüst függőleges vonal, amely a nyitókép rúdjából fut tovább az oldalon.
   Saját kiszolgálású betűk: harmadik félhez semmi nem megy, nincs sütibanner. */

@font-face{font-family:'AnybodyL';font-style:italic;font-weight:400 900;font-stretch:50% 150%;font-display:swap;
  src:url('/fonts/anybody-italic-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:'AnybodyL';font-style:italic;font-weight:400 900;font-stretch:50% 150%;font-display:swap;
  src:url('/fonts/anybody-italic-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-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'LoraL';src:url('/fonts/lora.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'MontserratL';src:url('/fonts/montserrat.woff2') format('woff2');font-weight:400 700;font-display:swap}

:root{
  --paper:#FFFFFF;
  --mist:#F2F5F1;
  --ink:#1C2416;
  --olive:#333E23;
  --muted:#566050;
  --line:#DDE3DA;
  --neon:#3BFF4E;
  --bad:#B3261E;
  --chrome:linear-gradient(90deg,#7E858C 0%,#C9CED3 28%,#F7F9FA 45%,#B6BCC2 70%,#7A8188 100%);
  --font-d:'AnybodyL','Arial Narrow',system-ui,sans-serif;
  --font-b:'LoraL',Georgia,serif;
  --font-u:'MontserratL',system-ui,sans-serif;
  --max:1100px;
  --pad:clamp(1rem,4vw,2.5rem);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.075rem/1.65 var(--font-b);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px;border-radius:4px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{max-width:var(--max);margin:0 auto;padding-left:var(--pad);padding-right:var(--pad);position:relative}

/* ---------- gombok ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;background:var(--neon);color:var(--ink);
  font:700 1rem/1.1 var(--font-u);letter-spacing:.01em;text-decoration:none;padding:1.05em 1.6em;min-height:48px;
  border-radius:999px;border:2px solid var(--neon);transition:background .18s,color .18s,border-color .18s}
.btn:hover:not(:disabled){background:var(--ink);color:var(--neon);border-color:var(--ink)}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn--sm{padding:.75em 1.2em;font-size:.92rem;min-height:44px}
.btn--line{background:transparent;border-color:var(--ink)}
.btn--line:hover:not(:disabled){background:var(--ink);color:var(--paper)}
.btn--quiet{background:transparent;border-color:var(--line);color:var(--muted)}
.btn--quiet:hover:not(:disabled){background:transparent;color:var(--bad);border-color:var(--bad)}
.btn--wide{width:100%}

/* ---------- fejléc ---------- */
.top{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.95);backdrop-filter:blur(6px);border-bottom:1px solid #E6EAE4}
.top .wrap{display:flex;align-items:center;gap:1.5rem;height:68px}
.logo{font:italic 850 1.45rem/1 var(--font-d);font-stretch:70%;text-transform:uppercase;letter-spacing:.01em;text-decoration:none;white-space:nowrap}
.logo small{display:block;font:600 .62rem/1 var(--font-u);letter-spacing:.32em;font-style:normal;color:var(--muted);margin-top:4px}
.top nav{display:flex;align-items:center;gap:1.4rem;margin-left:auto;font:600 .9rem/1 var(--font-u)}
.top nav a:not(.btn){text-decoration:none;color:var(--olive)}
.top nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:5px}
.top .aside{margin-left:auto;font:600 .88rem/1.2 var(--font-u);color:var(--muted);text-decoration:none}
.top .aside:hover{color:var(--ink);text-decoration:underline}

/* ---------- címek ---------- */
.dh{font-family:var(--font-d);font-style:italic;font-weight:850;font-stretch:68%;text-transform:uppercase;line-height:.95;margin:0}

/* ---------- lábléc ---------- */
.foot{background:var(--ink);color:#AEB8A6;font:500 .85rem/1.6 var(--font-u)}
.foot .wrap{display:flex;flex-wrap:wrap;gap:.5rem 2rem;padding-top:1.6rem;padding-bottom:1.8rem}
.foot a{color:#D6DDD0}

@media (max-width:860px){
  .top nav a:not(.btn){display:none}
}
@media (prefers-reduced-motion:reduce){ .btn{transition:none} }