/* Közös kártya- és grafika-stílus — a fő weboldal (regio_web_bemut/index.html) palettájához igazítva */
:root{
  --akcent:#1e3a5f;
  --akcent-vil:#3a5d8a;
  --bordo:#7c2d12;
  --bg:#fafaf7;
  --bg-alt:#f0ede5;
  --szov:#1a1a1a;
  --szov-h:#4a4a4a;
  --vonal:#d4d0c4;
  --kartya:#ffffff;
  /* forgalom-skála (hideg -> meleg) */
  --h0:#2c5282; /* legkevesebb */
  --h1:#4a85a8;
  --h2:#8bb8a8;
  --h3:#e8c468;
  --h4:#d98841;
  --h5:#a8321e; /* legtöbb */
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  background:
    radial-gradient(circle at 85% 12%,rgba(30,58,95,.06) 0%,transparent 45%),
    radial-gradient(circle at 8% 85%,rgba(124,45,18,.05) 0%,transparent 45%),
    var(--bg);
  color:var(--szov);
  line-height:1.6;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:4vh 4vw;
}

/* Vissza-link a galériához */
.vissza{
  align-self:flex-start;
  font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--szov-h);text-decoration:none;margin-bottom:2rem;
  display:inline-flex;align-items:center;gap:.6rem;
}
.vissza::before{content:"";width:34px;height:1px;background:var(--szov-h);}
.vissza:hover{color:var(--akcent);}

/* === A KÁRTYA — ahogy az oldalon megjelenik === */
.kartya{
  background:var(--kartya);
  border:1px solid var(--vonal);
  border-left:4px solid var(--bordo);
  padding:2.4rem 2.6rem;
  max-width:780px;
  width:100%;
  box-shadow:0 10px 30px rgba(0,0,0,.05);
}
.kartya-sz{
  font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--bordo);font-weight:600;margin-bottom:.5rem;
}
.kartya h1{
  font-size:1.5rem;font-weight:600;line-height:1.3;
  color:var(--akcent);margin-bottom:1.2rem;letter-spacing:-.01em;
}
.kartya p{
  font-size:1rem;color:var(--szov);line-height:1.75;font-weight:300;
  margin-bottom:1rem;
}
.kartya p:last-of-type{margin-bottom:0;}
.kartya strong{font-weight:600;color:var(--akcent);}

/* Grafika-konténer a kártyán belül */
.grafika{
  margin-top:1.8rem;
  background:var(--bg);
  border:1px solid var(--vonal);
  padding:1.6rem;
}
.grafika svg{width:100%;height:auto;display:block;}
.grafika-felirat{
  text-align:center;font-size:.8rem;color:var(--szov-h);
  font-style:italic;margin-top:1rem;
}

/* Jelmagyarázat / skála */
.skala{
  display:flex;align-items:center;gap:.7rem;
  justify-content:center;margin-top:1.2rem;
  font-size:.72rem;color:var(--szov-h);letter-spacing:.04em;
}
.skala-sav{
  height:10px;width:200px;border-radius:5px;
  background:linear-gradient(90deg,var(--h0),var(--h1),var(--h2),var(--h3),var(--h4),var(--h5));
}

/* SVG közös elemek */
.fal{fill:none;stroke:var(--akcent);stroke-width:2.2;}
.polc{fill:#e7e2d6;stroke:var(--vonal);stroke-width:1;}
.polc-perem{fill:#ded7c7;stroke:var(--vonal);stroke-width:1;}
.kassza{fill:var(--bg-alt);stroke:var(--akcent);stroke-width:1.4;}
.cimke{font-size:12px;fill:var(--szov-h);font-weight:500;letter-spacing:.02em;}
.cimke-k{font-size:11px;fill:var(--akcent);font-weight:600;text-transform:uppercase;letter-spacing:.12em;}
.bejarat{stroke:var(--bordo);stroke-width:3;stroke-linecap:round;}