/* Közös alap – minden oldal */
:root{
  --paper:#faf8f5; --ink:#1d1b19; --muted:#6e6862; --line:#e7e2db;
  --wine:#6d2b35; --wine-deep:#4b1e26; --sun:#b89565; --sun-light:#d9c3a3; --sun-soft:#efe7da;
  /* sötét felületek (fejléc-menü, lábléc, borok, kapcsolat, akció) */
  --night:#191817; --cream:#f1ece6; --cream-2:#bdb5ac; --cream-3:#a9a29a;
  --stripe:linear-gradient(90deg,var(--line),var(--line));
  --display:-apple-system,BlinkMacSystemFont,'SF Pro Display','Helvetica Neue',Helvetica,Arial,sans-serif;
  --body:-apple-system,BlinkMacSystemFont,'SF Pro Text','Helvetica Neue',Helvetica,Arial,sans-serif;
  --serif:'Iowan Old Style','Palatino Linotype',Palatino,Georgia,serif;
  --gutter:clamp(16px,5vw,72px);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit}
img{display:block;max-width:100%}

.top.solid::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--line)}
.btn{display:inline-block;padding:11px 22px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-weight:500;font-size:.9rem;border:0;cursor:pointer;font-family:inherit;transition:background .2s}
.btn:hover{background:var(--wine)}

.block{position:relative;padding:clamp(64px,10vw,120px) var(--gutter)}
.wrap{max-width:1180px;margin:0 auto}
.eyebrow{display:block;font-size:.74rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
.title{font-family:var(--display);font-weight:600;font-size:clamp(2.3rem,5.2vw,3.6rem);line-height:1.04;margin-bottom:20px}
.title em{font-style:normal;color:var(--wine)}
.lead{font-size:1.15rem;color:var(--muted);max-width:60ch}
main.block{padding-top:clamp(120px,14vw,150px);min-height:70vh}

/* Térképlinkek (programok, borok) */
.maplinks a{text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s,color .2s}
.maplinks a:hover{border-color:currentColor}
.maplinks a::after{content:" ↗";font-size:.75em;opacity:0;transition:opacity .2s}
.maplinks a:hover::after,.maplinks a:focus-visible::after{opacity:.7}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}