/*! Hol húzódzkodjak? — közös stílus (tilezza.eu/huzodzkodas/) */
:root{--ink:#111418;--gray:#5C6670;--bg:#F5F6F7;--panel:#fff;--rule:#E3E6EA;--accent:#FF4B1F;--accent-deep:#D63A10;--accent-soft:#FFF1EC;
  --sw:#E8471C;--vegyes:#7C3AED;--fitnesz:#2563EB;--ism:#6B7280;--ok:#15803D;--ok-bg:#DCFCE7;--warn:#B45309;--warn-bg:#FEF3C7;--bad:#B91C1C;--bad-bg:#FEE2E2}
*{box-sizing:border-box;margin:0}
body{font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.55;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:"Space Grotesk",system-ui,sans-serif;letter-spacing:-.02em;line-height:1.15}
a{color:var(--accent-deep)}
img,video{max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
@media(max-width:430px){.wrap{padding:0 14px}}
/* fejléc */
.hm-fej{position:sticky;top:0;z-index:1500;background:rgba(17,20,24,.96);color:#fff;backdrop-filter:blur(6px)}
.hm-fej .wrap{display:flex;align-items:center;gap:14px;min-height:56px}
.hm-logo{font:700 1.15rem "Space Grotesk",sans-serif;color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap}
.hm-logo i{display:inline-flex;width:28px;height:28px;border-radius:6px;background:var(--accent);align-items:center;justify-content:center;font-style:normal;font-size:16px}
.hm-nav{display:flex;gap:16px;margin-left:auto;align-items:center;font-size:14.5px}
.hm-nav a{color:#E5E7EB;text-decoration:none}.hm-nav a:hover{color:#fff}
@media(max-width:760px){.hm-nav{gap:10px;font-size:13.5px}.hm-logo{font-size:0}.hm-logo i{font-size:16px}}
.hm-fiok button,.hm-fiok a.gomb{font:700 14px inherit;font-family:inherit;border:0;border-radius:4px;padding:8px 12px;min-height:38px;cursor:pointer;background:var(--accent);color:#fff;text-decoration:none;display:inline-flex;align-items:center;gap:6px}
.hm-fiok .profil{background:#2B3138}
.hm-av{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#4B5563;display:inline-block}
/* gombok, chipek */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 14.5px "IBM Plex Sans",sans-serif;border:1.5px solid var(--ink);border-radius:4px;padding:9px 14px;min-height:44px;background:#fff;color:var(--ink);text-decoration:none;cursor:pointer}
.btn:hover{border-color:var(--accent)}
.btn:disabled{opacity:.5;cursor:default}
.btn-a{background:var(--accent);border-color:var(--accent);color:#fff}.btn-a:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
.btn-k{min-height:36px;padding:6px 11px;font-size:13.5px}
.chip{display:inline-flex;align-items:center;gap:5px;border:1px solid #C9CED4;background:#fff;border-radius:999px;padding:5px 11px;font:500 13.5px inherit;font-family:inherit;cursor:pointer;min-height:34px;color:var(--ink)}
.chip.akt{background:var(--ink);color:#fff;border-color:var(--ink)}
.cimke{display:inline-block;font:600 12.5px inherit;font-family:inherit;padding:3px 9px;border-radius:999px;background:#F1F3F5;color:#374151;margin:0 4px 4px 0}
.tip{display:inline-block;font:700 11.5px ui-monospace,monospace;letter-spacing:.03em;padding:3px 7px;border-radius:3px;color:#fff}
.tip-street_workout{background:var(--sw)}.tip-vegyes{background:var(--vegyes)}.tip-fitneszpark{background:var(--fitnesz)}.tip-ismeretlen{background:var(--ism)}
.igazolt{display:inline-block;font:700 11px ui-monospace,monospace;padding:2px 6px;border-radius:3px;background:var(--ok-bg);color:var(--ok)}
.uzen{min-height:22px;font-size:14.5px;color:var(--gray)}.uzen.hiba{color:var(--bad);font-weight:600}.uzen.ok{color:var(--ok);font-weight:600}
input[type=text],input[type=email],input[type=search],input[type=number],input[type=date],input[type=url],select,textarea{font:16px "IBM Plex Sans",sans-serif;padding:9px 11px;border:1.5px solid #9AA1A9;border-radius:4px;min-height:44px;background:#fff;width:100%;color:var(--ink)}
textarea{min-height:90px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}
label.l{display:block;font-weight:700;font-size:14px;margin:12px 0 4px}
/* modális ablak */
.hm-modal{position:fixed;inset:0;z-index:3000;background:rgba(17,20,24,.55);display:flex;align-items:center;justify-content:center;padding:14px}
.hm-modal[hidden]{display:none}
.hm-modal>div{background:#fff;border-radius:8px;max-width:480px;width:100%;padding:22px;max-height:92vh;overflow:auto;box-shadow:0 20px 50px rgba(0,0,0,.3)}
.hm-modal h3{font-size:1.25rem;margin-bottom:6px}
.hm-modal .zar{float:right;border:0;background:none;font-size:22px;cursor:pointer;line-height:1;min-width:40px;min-height:40px}
.okok label{display:flex;gap:8px;align-items:flex-start;font-size:14.5px;padding:5px 0;cursor:pointer}
/* kártyák, rács */
.kartya{background:#fff;border:1px solid var(--rule);border-radius:8px;padding:16px}
.racs{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}
.racs a,.racs figure{display:block;position:relative;border-radius:6px;overflow:hidden;background:#E5E7EB;aspect-ratio:4/3;margin:0}
.racs img{width:100%;height:100%;object-fit:cover;display:block}
/* (a lejátszás-jelet a videó saját vezérlője adja; a régi ::after rátét takarta) */
.lab{font-size:12.5px;color:var(--gray)}
footer.hm-lab{padding:28px 0 46px;color:var(--gray);font-size:13.5px;border-top:1px solid var(--rule);margin-top:30px;background:#fff}
footer.hm-lab a{color:var(--gray)}
.sor{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.halad{height:8px;background:#E5E7EB;border-radius:4px;overflow:hidden;margin-top:8px}.halad i{display:block;height:100%;width:0;background:var(--accent);transition:width .2s}
table.rl{border-collapse:collapse;width:100%;font-size:15px}table.rl td,table.rl th{padding:8px 10px;border-bottom:1px solid var(--rule);text-align:left}table.rl th{font:600 12px ui-monospace,monospace;text-transform:uppercase;color:var(--gray)}
table.rl td.sz{font:700 16px "Space Grotesk";text-align:right}
.ures{color:var(--gray);font-size:14.5px}