/* Saját tárhelyről kiszolgált betűtípusok (SIL OFL 1.1, ld. fonts/LICENSE.txt) */
@font-face{font-family: 'Bricolage Grotesque'; font-style: normal; font-weight: 500 800; font-stretch: 100%; font-display: swap; src: url(/fonts/bricolage-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: 'Bricolage Grotesque'; font-style: normal; font-weight: 500 800; font-stretch: 100%; font-display: swap; src: url(/fonts/bricolage-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: 'Figtree'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/figtree-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: 'Figtree'; font-style: normal; font-weight: 400 700; font-display: swap; src: url(/fonts/figtree-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;}
/* SzállásGondnok – „Hamarosan indul” oldal. Színek és betűk a docs/design/vazlatok.html szerint. */
:root{
  --bg:#EDF1EC; --surface:#FFFFFF; --surface-2:#F6F8F5; --sunken:#E5EBE4;
  --line:#D9E1D9; --line-strong:#C2CDC3;
  --fg:#15211C; --fg-muted:#55655D; --fg-faint:#6E7D75;
  --brand:#1F5A47; --brand-strong:#153F31; --brand-soft:#E0EDE6; --on-brand:#FFFFFF;
  --brass:#B8842E; --brass-ink:#7C5615; --brass-soft:#F5EAD5;
  --ok:#2B7A4B; --ok-soft:#E0F1E6; --warn:#9E5C00; --warn-soft:#FAEBD2; --crit:#B23A2E;
  --ch-sajat:#1F5A47; --ch-booking:#2D5DB3; --ch-airbnb:#B8435A; --ch-szallas:#AE5F17; --ch-tel:#56665E; --on-bar:#FFFFFF;
  --shadow:0 1px 2px rgba(20,40,30,.06),0 12px 32px rgba(20,40,30,.09);
  --font-display:"Bricolage Grotesque","Segoe UI",system-ui,sans-serif;
  --font-ui:"Figtree","Segoe UI",system-ui,-apple-system,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#0C1210; --surface:#141C18; --surface-2:#19231E; --sunken:#0F1613;
  --line:#25322C; --line-strong:#34443C;
  --fg:#E3EBE6; --fg-muted:#A3B3AA; --fg-faint:#82938A;
  --brand:#5DB38F; --brand-strong:#8BD0B1; --brand-soft:#17332A; --on-brand:#0A120F;
  --brass:#D7A657; --brass-ink:#E8C383; --brass-soft:#33281A;
  --ok:#62C38A; --ok-soft:#163626; --warn:#E5A44E; --warn-soft:#392A15; --crit:#F0857A;
  --ch-sajat:#2A7A5E; --ch-booking:#3A68BF; --ch-airbnb:#B84A63; --ch-szallas:#A85E1C; --ch-tel:#56665E;
  --shadow:0 1px 2px rgba(0,0,0,.45),0 12px 32px rgba(0,0,0,.4);
  color-scheme:dark;
}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-ui);font-size:16px;line-height:1.55}
a{color:var(--brand);text-underline-offset:2px}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px;border-radius:4px}
.wrap{max-width:1160px;margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.ic{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* fejléc */
.top{padding-block:22px 6px}
.brandline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}
.logo{width:48px;height:29px;flex:none}
.lg-haz{fill:var(--brand)}
.lg-lyuk{fill:var(--bg)}
.lg-kulcs{fill:none;stroke:var(--brass);stroke-width:3.2;stroke-linecap:round}
.wm{font-family:var(--font-display);font-weight:800;font-size:23px;letter-spacing:-.015em;line-height:1}
.wm b{color:var(--brand);font-weight:800}
.soon{margin-left:auto;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brass-ink);background:var(--brass-soft);padding:6px 12px;border-radius:999px}

/* nyitó rész */
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;padding-block:44px 64px;align-items:start}
h1{font-family:var(--font-display);font-weight:800;font-size:clamp(38px,6.2vw,68px);line-height:1;letter-spacing:-.035em;margin:0;text-wrap:balance}
h1 span{display:block;color:var(--brand)}
.sub{font-size:clamp(17px,2vw,19.5px);color:var(--fg-muted);max-width:46ch;margin:22px 0 0}
.points{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:18px;max-width:54ch}
.points li{display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;align-items:start;color:var(--fg-muted)}
.points b{display:block;font-size:17px;color:var(--fg);margin-bottom:2px}
.fi{width:42px;height:42px;border-radius:11px;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center}

/* űrlap */
.card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:var(--shadow);scroll-margin-top:20px}
.card h2{font-family:var(--font-display);font-size:27px;line-height:1.15;letter-spacing:-.015em;margin:0 0 8px;text-wrap:balance}
.lead{margin:0 0 22px;color:var(--fg-muted)}
form{display:grid;gap:18px}
.field{display:grid;gap:6px}
label{font-weight:650;font-size:14.5px}
.opt{font-weight:500;color:var(--fg-faint)}
input[type=email],input[type=text],select{font:inherit;height:50px;padding:0 14px;border:1px solid var(--line-strong);border-radius:12px;background:var(--surface);color:var(--fg);width:100%;min-width:0}
input[type=email]:focus,input[type=text]:focus,select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.check{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-weight:500;color:var(--fg-muted);cursor:pointer}
.check input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--brand);cursor:pointer}
.check b{color:var(--fg)}
.has-err input[type=email],.has-err input[type=text]{border-color:var(--crit)}
.err{color:var(--crit);font-size:14px;font-weight:600}
button{font:inherit;font-weight:700;font-size:16.5px;height:54px;border:0;border-radius:12px;background:var(--brand);color:var(--on-brand);cursor:pointer}
button:hover{background:var(--brand-strong)}
.note{margin:0;font-size:13.5px;color:var(--fg-faint)}
.msg{margin:0 0 14px;padding:14px 16px;border-radius:12px;font-weight:650}
.msg.ok{background:var(--ok-soft);color:var(--ok)}
.msg.warn{background:var(--warn-soft);color:var(--warn)}
.hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}

/* előzetes a naptárból */
.peek{border-top:1px solid var(--line);background:var(--surface-2)}
.peek-in{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:center;padding-block:48px}
.peek h2{font-family:var(--font-display);font-size:28px;letter-spacing:-.02em;margin:0 0 10px}
.peek p{margin:0;color:var(--fg-muted);max-width:44ch}
.mini{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px;box-shadow:var(--shadow);display:grid;gap:8px}
.mini-h{display:flex;justify-content:space-between;font-size:13px;font-weight:750}
.mini-h span:last-child{color:var(--fg-faint);font-weight:600}
.mini-row{position:relative;height:32px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px}
.mini-row b{position:absolute;top:4px;height:22px;border-radius:5px;color:var(--on-bar);font-size:11px;font-weight:700;padding:3px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mini-row b.opcio{background:transparent;color:var(--fg);border:1.5px dashed var(--ch-sajat)}
.ch-sajat{background:var(--ch-sajat)}.ch-booking{background:var(--ch-booking)}.ch-airbnb{background:var(--ch-airbnb)}.ch-szallas{background:var(--ch-szallas)}.ch-tel{background:var(--ch-tel)}
.s0{left:0;border-top-left-radius:0;border-bottom-left-radius:0}.s19{left:19%}.s26{left:26%}.s33{left:33%}.s55{left:55%}.s69{left:69%}.s76{left:76%}
.n14{width:14%}.n16{width:16%}.n21{width:21%}.n28{width:28%}.n29{width:29%}
.mini-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12.5px;color:var(--fg-muted);padding-top:4px}
.mini-legend span{display:inline-flex;align-items:center;gap:6px}
.mini-legend i{width:16px;height:10px;border-radius:3px}

/* lábléc */
.foot{border-top:1px solid var(--line)}
.foot-in{padding-block:26px 34px;color:var(--fg-faint);font-size:14px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* tájékoztató */
.doc{max-width:760px;padding-block:36px 56px}
.doc .eyebrow{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--brass-ink)}
.doc h1{font-size:clamp(32px,5vw,46px)}
.doc h2{font-family:var(--font-display);font-size:21px;letter-spacing:-.01em;margin:34px 0 8px}
.doc p,.doc li{color:var(--fg-muted);max-width:68ch}
.doc b{color:var(--fg)}
.doc ul{padding-left:22px;margin:0}
.back{margin-top:36px}

@media (max-width:880px){
  .hero{grid-template-columns:1fr;gap:36px;padding-block:28px 48px}
  .peek-in{grid-template-columns:1fr;gap:24px;padding-block:36px}
}
@media (max-width:480px){
  .card{padding:22px 18px;border-radius:16px}
  .soon{margin-left:0}
}