/* ============================================================
   MEGJELENEK.HU — közös stíluslap
   Letisztult: fekete-fehér alap + korall akcent + zöld pipa
   ============================================================ */

:root {
  --fekete:       #0F172A;   /* éjkék (a rideg fekete helyett) */
  --tinta:        #16203A;   /* mély éjkék-tinta a szövegekhez */
  --szoveg:       #3F3F46;
  --szurke:       #71717A;
  --halvany:      #A1A1AA;
  --vonal:        #E8E8EB;
  --hatter:       #F7F7F8;
  --feher:        #FFFFFF;
  --korall:       #F43F5E;
  --korall-sotet: #E11D48;
  --korall-tint:  #FFF1F2;
  --korall-vonal: #FBD5DB;
  --zold:         #1DB954;
  --radius:       12px;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: 148px; }

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, sans-serif;
  color: var(--tinta);
  background: var(--feher);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }

.tarto { max-width: 1080px; margin: 0 auto; padding: 0 20px; }

/* ---------- Fejléc ---------- */
.fejlec {
  background: var(--fekete);
  position: sticky;
  top: 0;
  z-index: 50;
}
.fejlec-belso {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 4px 24px;
  position: relative;
}
.logo {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #fff;
  font-weight: 800;
  font-size: 19px;
  letter-spacing: -0.3px;
}
.logo .tld { color: var(--korall); opacity: 1; }
.logo-ikon { height: 30px; width: auto; display: block; }
.logo-kep { height: 120px; width: auto; display: block; }
.belepes-logo-kep { width: 250px; max-width: 76%; height: auto; display: block; margin: 0 auto; }
.dash-logo-kep { width: 122px; height: auto; display: block; }
.gomb {
  display: inline-block;
  background: var(--korall);
  color: #fff;
  font-weight: 700;
  font-size: 14px;
  padding: 10px 18px;
  border-radius: 9px;
  border: none;
  cursor: pointer;
  transition: background 0.15s;
  white-space: nowrap;
}
.gomb:hover { background: var(--korall-sotet); }
.gomb.nagy { font-size: 15px; padding: 13px 26px; border-radius: 10px; }

/* Fejléc menü */
.fejlec-nav { display: flex; gap: 26px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.fejlec-nav a { color: rgba(255,255,255,0.72); font-size: 14px; font-weight: 600; }
.fejlec-nav a:hover { color: #fff; }
@media (max-width: 720px) { .fejlec-nav { display: none; } .logo-kep { height: 72px; } .fejlec-belso { padding: 4px 14px; } html { scroll-padding-top: 96px; } }

/* Partnereink rács */
.partner-racs { display: grid; grid-template-columns: repeat(auto-fill, minmax(224px, 1fr)); gap: 12px; }
.partner-kartya { border: 1px solid var(--vonal); border-radius: 12px; padding: 15px; display: flex; align-items: center; gap: 12px; background: #fff; transition: border-color .15s, box-shadow .15s; }
.partner-kartya:hover { border-color: var(--korall-vonal); box-shadow: 0 6px 18px rgba(244,63,94,.08); }
.partner-kartya.kiemelt { background: var(--korall-tint); border-color: var(--korall-vonal); border-left: 3px solid var(--korall); }
.partner-logo { width: 44px; height: 44px; border-radius: 10px; background: var(--hatter); border: 1px solid var(--vonal); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 14px; color: var(--szoveg); flex-shrink: 0; overflow: hidden; }
.partner-logo img { width: 100%; height: 100%; object-fit: cover; }
.partner-kartya.kiemelt .partner-logo { background: #fff; border-color: var(--korall-vonal); color: var(--korall-sotet); }
.partner-nev { font-size: 14px; font-weight: 700; color: var(--fekete); display: block; }
.partner-meta { font-size: 11.5px; color: var(--szurke); margin-top: 2px; display: block; }

/* Áraink szekció */
.arak-csomagok { display: flex; gap: 16px; flex-wrap: wrap; max-width: 720px; margin: 0 auto; }
.arak-kartya { flex: 1; min-width: 258px; background: #fff; border: 1px solid var(--vonal); border-radius: 16px; padding: 24px; position: relative; }
.arak-kartya.kiemelt { border: 2px solid var(--korall); box-shadow: 0 12px 30px rgba(244,63,94,.12); }
.arak-badge { position: absolute; top: -11px; left: 24px; background: var(--korall); color: #fff; font-size: 11px; font-weight: 800; padding: 4px 12px; border-radius: 99px; }
.arak-nev { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; color: var(--szurke); }
.arak-kartya.kiemelt .arak-nev { color: var(--korall-sotet); }
.arak-osszeg { font-size: 34px; font-weight: 800; color: var(--fekete); letter-spacing: -1px; margin: 8px 0 0; }
.arak-osszeg small { font-size: 15px; font-weight: 700; color: var(--szurke); }
.arak-afa { font-size: 12px; color: var(--halvany); margin-top: 3px; }
.arak-lista { list-style: none; padding: 0; margin: 16px 0 0; }
.arak-lista li { display: flex; align-items: flex-start; gap: 9px; font-size: 13px; color: var(--szoveg); padding: 5px 0; text-align: left; }
.arak-pipa { width: 16px; height: 16px; border-radius: 99px; background: var(--zold); flex-shrink: 0; display: flex; align-items: center; justify-content: center; margin-top: 1px; }
.arak-plusz { font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; color: var(--korall-sotet); margin: 15px 0 4px; }
.arak-lista li.extra { color: var(--fekete); font-weight: 600; }
.arak-lista li.extra .arak-pipa { background: var(--korall); }
.arak-tobb { background: var(--fekete); border-radius: 16px; padding: 20px 24px; margin: 16px auto 0; max-width: 720px; display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.arak-tobb-fo { flex: 1; min-width: 220px; text-align: left; }
.arak-tobb-cim { color: #fff; font-size: 15px; font-weight: 800; }
.arak-tobb-szoveg { color: var(--halvany); font-size: 12.5px; margin-top: 4px; line-height: 1.5; }
.arak-tobb-szoveg b { color: #fff; }
.arak-tobb-jelek { display: flex; gap: 10px; flex-shrink: 0; flex-wrap: wrap; }
.arak-tobb-jel { background: var(--korall); color: #fff; border-radius: 12px; padding: 11px 15px; text-align: center; flex-shrink: 0; }
.arak-tobb-jel b { font-size: 19px; font-weight: 800; display: block; line-height: 1; margin-bottom: 3px; }
.arak-tobb-jel span { font-size: 10.5px; font-weight: 600; opacity: .92; line-height: 1.3; }
.arak-cta { text-align: center; margin-top: 24px; }

/* ---------- Hero ---------- */
.hero {
  background: var(--fekete);
  text-align: center;
  padding: 60px 20px 56px;
}
.hero .cimke {
  color: #FB7185;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
}
.hero h1 {
  color: #fff;
  font-size: clamp(34px, 6vw, 56px);
  line-height: 1.06;
  font-weight: 800;
  letter-spacing: -1.5px;
  margin: 16px 0 0;
}
.hero h1 .korall { color: var(--korall); }
.hero .alcim {
  color: var(--halvany);
  font-size: 16px;
  max-width: 520px;
  margin: 16px auto 0;
}

/* Kereső kártya a hero-ban */
.kereso {
  background: #fff;
  border-radius: 14px;
  padding: 8px;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  max-width: 640px;
  margin: 28px auto 0;
  box-shadow: 0 18px 44px rgba(0, 0, 0, 0.35);
}
.kereso .mezo {
  flex: 1;
  min-width: 160px;
  text-align: left;
  padding: 8px 12px;
  border-radius: 9px;
}
.kereso .mezo + .mezo { border-left: 1px solid var(--vonal); }
.kereso label {
  display: block;
  font-size: 10px;
  color: var(--halvany);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.kereso select {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 15px;
  font-weight: 600;
  color: var(--tinta);
  margin-top: 3px;
  outline: none;
  cursor: pointer;
  font-family: inherit;
}
.kereso input {
  width: 100%;
  border: none;
  background: transparent;
  font-size: 15px;
  font-weight: 600;
  color: var(--tinta);
  margin-top: 3px;
  outline: none;
  font-family: inherit;
}
.kereso input::placeholder { color: var(--halvany); font-weight: 500; }
.kereso .gomb { align-self: stretch; display: flex; align-items: center; }

/* Zöld pipás bizalom-sor */
.bizalom {
  display: flex;
  gap: 22px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 26px;
}
.bizalom span {
  color: #D4D4D8;
  font-size: 13px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.pipa {
  width: 17px;
  height: 17px;
  border-radius: 99px;
  background: var(--zold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* ---------- Szekciók ---------- */
.szekcio { padding: 56px 0; }
.szekcio h2 {
  font-size: 27px;
  font-weight: 800;
  letter-spacing: -0.5px;
  text-align: center;
  color: var(--fekete);
}
.szekcio .alszoveg {
  text-align: center;
  color: var(--szurke);
  font-size: 14.5px;
  margin: 6px 0 30px;
}

/* Iparág-rács */
.iparag-carousel { position: relative; }
.iparag-racs {
  display: flex;
  gap: 10px;
  overflow-x: auto;
  padding: 2px 0 4px;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.iparag-racs::-webkit-scrollbar { display: none; }
/* Finom elhalványulás a széleken (a nyilak mögött) */
.iparag-carousel::before,
.iparag-carousel::after {
  content: "";
  position: absolute;
  top: 0; bottom: 4px;
  width: 48px;
  z-index: 1;
  pointer-events: none;
  transition: opacity 0.2s;
}
.iparag-carousel::before { left: 0;  background: linear-gradient(to right, #fff 35%, transparent); }
.iparag-carousel::after  { right: 0; background: linear-gradient(to left,  #fff 35%, transparent); }
.iparag-carousel.nincs-bal::before  { opacity: 0; }
.iparag-carousel.nincs-jobb::after  { opacity: 0; }
/* Nyíl-gombok */
.iparag-nyil {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 38px; height: 38px;
  border-radius: 50%;
  border: 1px solid var(--vonal);
  background: #fff;
  color: var(--fekete);
  display: flex; align-items: center; justify-content: center;
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(15, 23, 42, 0.12);
  transition: opacity 0.2s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
}
.iparag-nyil:hover { color: var(--korall); border-color: var(--korall); box-shadow: 0 6px 18px rgba(244, 63, 94, 0.20); }
.iparag-nyil.bal  { left: 0; }
.iparag-nyil.jobb { right: 0; }
.iparag-carousel.nincs-bal  .iparag-nyil.bal  { opacity: 0; pointer-events: none; }
.iparag-carousel.nincs-jobb .iparag-nyil.jobb { opacity: 0; pointer-events: none; }
.iparag-kartya {
  flex: 0 0 auto;
  border: 1px solid var(--vonal);
  border-radius: 99px;
  padding: 9px 16px;
  display: flex;
  align-items: center;
  gap: 8px;
  transition: border-color 0.15s, box-shadow 0.15s;
  background: #fff;
  white-space: nowrap;
  scroll-snap-align: start;
}
.iparag-kartya:hover {
  border-color: var(--korall);
  box-shadow: 0 4px 12px rgba(244, 63, 94, 0.10);
}
.iparag-nev { font-size: 14px; font-weight: 700; color: var(--tinta); }
.iparag-db  { font-size: 12px; color: var(--halvany); margin-top: 1px; }

/* Hogyan működik */
.lepesek-hatter { background: var(--hatter); }
.lepesek {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  justify-content: center;
}
.lepes { flex: 1; min-width: 200px; max-width: 300px; text-align: center; }
.lepes-szam {
  width: 40px;
  height: 40px;
  border-radius: 99px;
  background: var(--fekete);
  color: #fff;
  font-weight: 800;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 12px;
}
.lepes h3 { font-size: 16px; font-weight: 700; color: var(--tinta); }
.lepes p  { font-size: 13.5px; color: var(--szurke); margin-top: 5px; }

/* Cégeknek sáv */
.ceg-sav {
  background: var(--fekete);
  text-align: center;
  padding: 52px 20px;
}
.ceg-sav h2 { color: #fff; font-size: 26px; font-weight: 800; letter-spacing: -0.5px; }
.ceg-sav p  { color: var(--halvany); font-size: 14.5px; margin: 10px 0 22px; }

/* GYIK */
.gyik { max-width: 720px; margin: 0 auto; }
.gyik details {
  border-bottom: 1px solid var(--vonal);
  padding: 4px 0;
}
.gyik summary {
  cursor: pointer;
  font-size: 15.5px;
  font-weight: 700;
  color: var(--tinta);
  padding: 14px 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.gyik summary::-webkit-details-marker { display: none; }
.gyik summary::after {
  content: "+";
  color: var(--korall);
  font-weight: 800;
  font-size: 20px;
  flex-shrink: 0;
}
.gyik details[open] summary::after { content: "–"; }
.gyik .valasz {
  color: var(--szurke);
  font-size: 14px;
  padding: 0 0 16px;
  line-height: 1.6;
}

/* ---------- Lábléc ---------- */
.lablec {
  background: var(--fekete);
  color: var(--halvany);
  padding: 44px 0 28px;
  margin-top: 40px;
}
.lablec-racs {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
}
.lablec h4 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 12px;
}
.lablec ul { list-style: none; }
.lablec li { margin: 7px 0; }
.lablec a { font-size: 13.5px; transition: color 0.15s; }
.lablec a:hover { color: #fff; }
.lablec .copyright {
  width: 100%;
  border-top: 1px solid #27272A;
  padding-top: 18px;
  margin-top: 10px;
  font-size: 12.5px;
  color: #52525B;
}

/* ---------- Mobil ---------- */
@media (max-width: 640px) {
  .hero { padding: 44px 16px 40px; }
  .kereso .mezo + .mezo { border-left: none; border-top: 1px solid var(--vonal); }
  .kereso .mezo { min-width: 100%; }
  .kereso .gomb { width: 100%; justify-content: center; }
  .szekcio { padding: 40px 0; }
}

/* ============================================================
   TALÁLATI OLDAL (kereses.html)
   ============================================================ */

/* Felső keresősáv */
.kereso-sav-hatter { background: #fff; border-bottom: 1px solid var(--vonal); }
.kereso-sav {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  padding: 14px 0;
}
.ks-mezo {
  background: var(--hatter);
  border: 1px solid var(--vonal);
  border-radius: 9px;
  padding: 8px 12px;
  display: flex;
  flex-direction: column;
  min-width: 150px;
  flex: 1;
}
.ks-mezo label {
  font-size: 9.5px;
  color: var(--halvany);
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}
.ks-mezo select, .ks-mezo input {
  border: none;
  background: transparent;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--tinta);
  outline: none;
  margin-top: 2px;
  font-family: inherit;
  width: 100%;
}
.kereso-sav .gomb { align-self: stretch; }

/* Találat-fejléc sor */
.talalat-fej {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
  padding: 18px 0 12px;
}
.talalat-db { font-size: 14px; color: var(--szurke); }
.talalat-db b { color: var(--fekete); }
.rendezes {
  font-size: 12.5px;
  color: var(--szoveg);
  background: #fff;
  border: 1px solid var(--vonal);
  border-radius: 8px;
  padding: 7px 11px;
  font-family: inherit;
  outline: none;
}

/* Elrendezés: szűrőpanel + lista */
.talalat-elrendezes {
  display: flex;
  gap: 16px;
  align-items: flex-start;
  padding-bottom: 40px;
}
.szuro-panel {
  flex: 0 0 220px;
  background: #fff;
  border: 1px solid var(--vonal);
  border-radius: var(--radius);
  padding: 15px;
  position: sticky;
  top: 76px;
}
.szuro-cim {
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--halvany);
  margin: 14px 0 7px;
}
.szuro-cim:first-child { margin-top: 0; }
.szuro-opcio {
  display: block;
  font-size: 13.5px;
  color: var(--szoveg);
  padding: 6px 9px;
  border-radius: 7px;
}
.szuro-opcio:hover { background: var(--hatter); }
.szuro-opcio.aktiv {
  background: var(--korall-tint);
  color: var(--korall-sotet);
  font-weight: 700;
}
.szuro-jelolo {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 13.5px;
  color: var(--szoveg);
  padding: 6px 0;
  cursor: pointer;
}
.szuro-jelolo input { accent-color: var(--zold); width: 15px; height: 15px; }

/* Cégkártya */
.talalat-lista { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 12px; }
.talalat-kartya {
  background: #fff;
  border: 1px solid var(--vonal);
  border-radius: var(--radius);
  padding: 15px;
  display: flex;
  gap: 14px;
  align-items: center;
  flex-wrap: wrap;
}
.talalat-kartya.kiemelt {
  background: var(--korall-tint);
  border-color: var(--korall-vonal);
  border-left: 3px solid var(--korall);
}
.t-logo {
  width: 50px;
  height: 50px;
  border-radius: 11px;
  background: var(--hatter);
  border: 1px solid var(--vonal);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  font-size: 16px;
  color: var(--szoveg);
  flex-shrink: 0;
  overflow: hidden;
}
.t-logo img { width: 100%; height: 100%; object-fit: cover; }
.talalat-kartya.kiemelt .t-logo {
  background: #fff;
  border-color: var(--korall-vonal);
  color: var(--korall-sotet);
}
.t-kozep { flex: 1; min-width: 180px; }
.t-nevsor { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.t-nev { font-size: 16px; font-weight: 800; color: var(--fekete); }
.kiemelt-cimke {
  font-size: 10px;
  font-weight: 700;
  color: var(--korall-sotet);
  background: var(--korall-tint);
  padding: 3px 8px;
  border-radius: 99px;
  white-space: nowrap;
}
.t-pipa {
  width: 16px;
  height: 16px;
  border-radius: 99px;
  background: var(--zold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.t-meta { font-size: 12.5px; color: var(--szurke); margin-top: 3px; }
.t-leiras {
  font-size: 12.5px;
  color: var(--szoveg);
  margin-top: 6px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.t-chipek { margin-top: 9px; display: flex; gap: 5px; flex-wrap: wrap; }
.t-chipek span {
  font-size: 11px;
  color: var(--szoveg);
  background: var(--hatter);
  border: 1px solid var(--vonal);
  border-radius: 6px;
  padding: 3px 8px;
}
.t-akciok { display: flex; flex-direction: column; gap: 8px; flex-shrink: 0; }
.t-tel {
  font-size: 13px;
  font-weight: 700;
  color: var(--fekete);
  border: 1px solid var(--vonal);
  border-radius: 8px;
  padding: 8px 14px;
  text-align: center;
  white-space: nowrap;
}
.t-tel:hover { border-color: var(--halvany); }
.t-megnezem {
  font-size: 13px;
  font-weight: 700;
  color: #fff;
  background: var(--korall);
  border-radius: 8px;
  padding: 8px 14px;
  text-align: center;
  white-space: nowrap;
}
.t-megnezem:hover { background: var(--korall-sotet); }

/* Üres állapot + betöltés */
.ures-allapot {
  background: #fff;
  border: 1px dashed var(--vonal);
  border-radius: var(--radius);
  padding: 44px 20px;
  text-align: center;
  color: var(--szurke);
  font-size: 14.5px;
}
.ures-allapot b { color: var(--fekete); display: block; font-size: 17px; margin-bottom: 6px; }

@media (max-width: 760px) {
  .talalat-elrendezes { flex-direction: column; }
  .szuro-panel { position: static; flex: none; width: 100%; }
  .t-akciok { flex-direction: row; width: 100%; }
  .t-tel, .t-megnezem { flex: 1; }
}

/* ============================================================
   CÉGADATLAP (ceg.html)
   ============================================================ */
.adatlap { max-width: 900px; margin: 22px auto 0; padding: 0 20px; }
.vissza-link { display: inline-block; font-size: 13.5px; color: var(--szurke); margin-bottom: 12px; }
.vissza-link:hover { color: var(--fekete); }

.adatlap-fejlap {
  background: #fff;
  border: 1px solid var(--vonal);
  border-radius: 14px;
  overflow: hidden;
}
.adatlap-banner { height: 168px; position: relative; background: #ECECEE; }
.adatlap-banner.kiemelt { background: var(--korall-tint); }
.adatlap-banner.kiemelt::after {
  content: "";
  position: absolute; inset: 0;
  background-image: radial-gradient(var(--korall-vonal) 1.6px, transparent 1.6px);
  background-size: 22px 22px;
  opacity: 0.55;
}
.adatlap-banner img { width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 1; }
.banner-jelolo {
  position: absolute; top: 13px; right: 15px; z-index: 2;
  background: var(--korall); color: #fff;
  font-size: 11px; font-weight: 700;
  padding: 5px 12px; border-radius: 99px;
}
.adatlap-azonosito {
  display: flex; align-items: flex-end; gap: 16px;
  padding: 0 22px 18px;
}
.adatlap-logo {
  width: 78px; height: 78px; border-radius: 17px;
  background: #fff; border: 3px solid #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
  display: flex; align-items: center; justify-content: center;
  font-weight: 800; font-size: 27px; color: var(--korall-sotet);
  overflow: hidden; flex-shrink: 0;
  margin-top: 10px;
}
.adatlap-logo img { width: 100%; height: 100%; object-fit: cover; }
.adatlap-nevblokk { padding-bottom: 3px; }
.adatlap-nev { font-size: 23px; font-weight: 800; color: var(--fekete); letter-spacing: -0.4px; }
.adatlap-nevsor { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.adatlap-meta { font-size: 13.5px; color: var(--szurke); margin-top: 3px; }

.adatlap-torzs {
  display: flex; gap: 16px; align-items: flex-start;
  max-width: 900px; margin: 0 auto; padding: 16px 20px 52px;
}
.adatlap-fo { flex: 1.7; min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.adatlap-oldal { flex: 1; min-width: 250px; }
.adatlap-kartya { background: #fff; border: 1px solid var(--vonal); border-radius: 12px; padding: 18px; }
.adatlap-kartya h2 {
  font-size: 14.5px; font-weight: 800; color: var(--fekete);
  margin-bottom: 11px; display: flex; align-items: center; gap: 8px;
}
.adatlap-kartya h2 svg { color: var(--korall); }
.adatlap-rolunk { font-size: 14px; line-height: 1.65; color: var(--szoveg); }
.adatlap-chipek { display: flex; gap: 6px; flex-wrap: wrap; }
.adatlap-chipek span {
  font-size: 12px; color: var(--szoveg);
  background: var(--hatter); border: 1px solid var(--vonal);
  border-radius: 99px; padding: 5px 11px;
}
.adatlap-terkep { border-radius: 10px; overflow: hidden; border: 1px solid var(--vonal); }
.adatlap-terkep iframe { width: 100%; height: 230px; border: 0; display: block; }
.adatlap-cim {
  font-size: 13px; color: var(--szurke); margin-top: 11px;
  display: flex; align-items: center; gap: 7px;
}
.adatlap-cim svg { color: var(--korall); flex-shrink: 0; }

/* Kapcsolat-kártya */
.kapcsolat-kartya { position: sticky; top: 78px; }
.kapcsolat-sor {
  display: flex; align-items: center; gap: 11px;
  padding: 11px 0; border-top: 1px solid var(--vonal);
}
.kapcsolat-sor:first-of-type { border-top: 0; padding-top: 2px; }
.kapcsolat-ikon {
  width: 34px; height: 34px; border-radius: 9px;
  background: var(--korall-tint); color: var(--korall-sotet);
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.kapcsolat-cimke { font-size: 9.5px; color: var(--halvany); font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; }
.kapcsolat-ertek { font-size: 13.5px; color: var(--fekete); font-weight: 600; word-break: break-word; }
.kapcsolat-ertek.nagy { font-size: 15.5px; font-weight: 800; }
a.kapcsolat-ertek:hover { color: var(--korall-sotet); }
.gomb-teljes { display: block; width: 100%; text-align: center; margin-top: 14px; box-sizing: border-box; }

/* Ajánlatkérő űrlap */
.urlap-mezo { margin-bottom: 11px; }
.urlap-mezo label { display: block; font-size: 12px; font-weight: 700; color: var(--szoveg); margin-bottom: 5px; }
.urlap-mezo input, .urlap-mezo textarea {
  width: 100%; border: 1px solid var(--vonal); border-radius: 9px;
  padding: 10px 12px; font-size: 14px; font-family: inherit; color: var(--tinta);
  outline: none; background: #fff; box-sizing: border-box;
}
.urlap-mezo input:focus, .urlap-mezo textarea:focus { border-color: var(--korall); }
.urlap-mezo textarea { min-height: 92px; resize: vertical; }
.urlap-siker {
  background: var(--korall-tint); border: 1px solid var(--korall-vonal);
  border-radius: 10px; padding: 20px; text-align: center;
  color: var(--korall-sotet); font-weight: 600; line-height: 1.5;
}
.urlap-hiba { color: var(--korall-sotet); font-size: 12.5px; margin-top: 8px; }

@media (max-width: 760px) {
  .adatlap-torzs { flex-direction: column; }
  .adatlap-oldal { min-width: 0; width: 100%; }
  .kapcsolat-kartya { position: static; }
}

/* ============================================================
   BELÉPÉS (belepes.html)
   ============================================================ */
.belepes-oldal {
  min-height: 100vh;
  background: var(--fekete);
  display: flex; flex-direction: column;
  align-items: center; justify-content: center;
  padding: 24px;
}
.belepes-logo {
  color: #fff; font-weight: 800; font-size: 22px;
  display: flex; align-items: center; gap: 9px; margin-bottom: 24px;
  letter-spacing: -0.3px;
}
.belepes-logo .tld { opacity: 0.55; }
.belepes-kartya {
  background: #fff; border-radius: 16px; padding: 30px;
  width: 100%; max-width: 380px;
}
.belepes-kartya h1 { font-size: 22px; font-weight: 800; color: var(--fekete); }
.belepes-kartya .alcim { font-size: 13.5px; color: var(--szurke); margin: 4px 0 22px; }
.belepes-vissza { color: rgba(255,255,255,0.6); font-size: 13px; margin-top: 20px; }
.belepes-vissza:hover { color: #fff; }

/* ============================================================
   VEZÉRLŐPULT (vezerlopult.html) — admin + értékesítő
   ============================================================ */
.dash { display: flex; min-height: 100vh; background: var(--hatter); }
.dash-oldal {
  flex: 0 0 208px; background: var(--fekete);
  padding: 16px 12px; display: flex; flex-direction: column; gap: 3px;
}
.dash-logo {
  color: #fff; font-weight: 800; font-size: 18px;
  display: flex; align-items: center; gap: 7px; padding: 8px 8px 2px;
}
.dash-logo .tld { opacity: 0.55; }
.dash-szereptag {
  color: #FB7185; font-size: 9.5px; font-weight: 700;
  letter-spacing: 0.5px; text-transform: uppercase; padding: 0 8px 12px;
}
.dash-nav-elem {
  display: flex; align-items: center; gap: 10px;
  color: var(--halvany); font-size: 12.5px; font-weight: 600;
  padding: 9px 10px; border-radius: 8px;
}
.dash-nav-elem:hover { background: rgba(255,255,255,0.05); color: #fff; }
.dash-nav-elem.aktiv { background: var(--korall); color: #fff; }
.dash-user {
  margin-top: auto; display: flex; align-items: center; gap: 9px;
  padding: 12px 8px 2px; border-top: 1px solid #27272A;
}
.dash-avatar {
  width: 30px; height: 30px; border-radius: 99px;
  background: var(--korall); color: #fff; font-weight: 800; font-size: 12px;
  display: flex; align-items: center; justify-content: center; flex-shrink: 0;
}
.dash-user-nev { color: #fff; font-size: 12px; font-weight: 700; }
.dash-user-szerep { color: var(--szurke); font-size: 10px; }
.dash-kilep {
  color: var(--halvany); font-size: 11px; margin-top: 10px;
  padding: 6px 8px; text-align: left; background: none; border: none;
  cursor: pointer; font-family: inherit; width: 100%; border-radius: 6px;
}
.dash-kilep:hover { background: rgba(255,255,255,0.05); color: #fff; }

.dash-fo { flex: 1; min-width: 0; padding: 22px 26px; }
.dash-fejlec {
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 12px; margin-bottom: 18px;
}
.dash-cim { font-size: 21px; font-weight: 800; color: var(--fekete); letter-spacing: -0.4px; }
.dash-koszon { font-size: 13px; color: var(--szurke); font-weight: 600; margin-top: 2px; }

.dash-statok {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 12px; margin-bottom: 18px;
}
.dash-stat { background: #fff; border: 1px solid var(--vonal); border-radius: 12px; padding: 15px; }
.dash-stat.kiemelt { background: var(--fekete); border-color: var(--fekete); }
.stat-cimke { font-size: 11px; color: var(--szurke); font-weight: 600; }
.dash-stat.kiemelt .stat-cimke { color: var(--halvany); }
.stat-ertek { font-size: 23px; font-weight: 800; color: var(--fekete); margin: 6px 0 4px; letter-spacing: -0.6px; }
.dash-stat.kiemelt .stat-ertek { color: #fff; }
.stat-alcimke { font-size: 11px; font-weight: 700; }
.stat-alcimke.jo { color: #15803D; }
.stat-alcimke.figyelem { color: #B45309; }
.stat-alcimke.semleges { color: var(--halvany); }

.dash-kartya { background: #fff; border: 1px solid var(--vonal); border-radius: 12px; overflow: hidden; }
.dash-kartya-fej {
  font-size: 13.5px; font-weight: 800; color: var(--fekete);
  padding: 14px 16px 12px; display: flex; justify-content: space-between; align-items: center;
}
.dash-kartya-fej { flex-wrap: wrap; gap: 10px; }
.dash-kereso { border: 1px solid var(--vonal); border-radius: 8px; padding: 8px 12px; font-size: 13px; font-family: inherit; font-weight: 400; color: var(--tinta); outline: none; min-width: 220px; }
.dash-kereso:focus { border-color: var(--korall); }
.dash-szuro-sor { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 14px; }
.dash-szuro-gomb { font-size: 12.5px; font-weight: 600; color: var(--szoveg); background: #fff; border: 1px solid var(--vonal); border-radius: 99px; padding: 7px 14px; cursor: pointer; font-family: inherit; }
.dash-szuro-gomb:hover { border-color: var(--halvany); }
.dash-szuro-gomb.aktiv { background: var(--fekete); color: #fff; border-color: var(--fekete); }
.dash-szuro-gomb .db { opacity: .55; margin-left: 3px; }
.ert-oszlop { display: none; }
.admin-nezet .ert-oszlop { display: table-cell; }
.dash-tabla-tarto { overflow-x: auto; }
.dash-tabla { width: 100%; border-collapse: collapse; font-size: 12.5px; min-width: 560px; }
.dash-tabla th {
  text-align: left; font-size: 9.5px; text-transform: uppercase; letter-spacing: 0.4px;
  color: var(--halvany); font-weight: 700; padding: 9px 16px;
  border-top: 1px solid #F0F0F1; background: #FAFAFA;
}
.dash-tabla td { padding: 12px 16px; border-top: 1px solid #F0F0F1; color: var(--szoveg); vertical-align: middle; }
.dash-ceg-nev { font-weight: 700; color: var(--tinta); }
.csomag-jel { font-size: 10px; font-weight: 700; padding: 3px 8px; border-radius: 99px; }
.csomag-jel.kiemelt { background: var(--korall-tint); color: var(--korall-sotet); }
.csomag-jel.alap { background: #F4F4F5; color: #52525B; }

/* Jutalékok oldal — értékesítő-blokkok a havi kártyán belül */
.jut-statok { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 12px; margin-bottom: 20px; }
.jut-rep { border-top: 1px solid var(--vonal); padding-bottom: 4px; }
.jut-rep:first-of-type { border-top: none; }
.jut-rep-fej { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; padding: 12px 0 6px; flex-wrap: wrap; }
.jut-rep-nev { font-weight: 800; color: var(--fekete); font-size: 14.5px; }
.jut-rep-osszeg { font-size: 12.5px; color: var(--tinta); }

/* Jutalékok — értékesítőnkénti oszlopos kártyák + táblázat */
.jut-rep-racs { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; margin-bottom: 18px; }
.jut-rep-kartya { background: #fff; border: 1px solid var(--vonal); border-radius: 12px; padding: 15px 17px; }
.jut-rep-kartya.aktiv-egy { border-color: var(--korall); box-shadow: 0 2px 12px rgba(244,63,94,.10); }
.jrk-fej { display: flex; align-items: center; gap: 9px; margin-bottom: 10px; }
.jrk-avatar { width: 32px; height: 32px; border-radius: 50%; background: var(--korall-tint); color: var(--korall-sotet); display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 12px; flex-shrink: 0; }
.jrk-nev { font-weight: 800; color: var(--fekete); font-size: 14.5px; }
.jrk-sor { display: flex; justify-content: space-between; align-items: baseline; padding: 6px 0; font-size: 12.5px; color: var(--szurke); }
.jrk-sor + .jrk-sor { border-top: 1px dashed var(--vonal); }
.jrk-sor b { color: var(--fekete); font-size: 14px; font-weight: 800; }
.jrk-sor.jrk-jutalek b { color: var(--korall-sotet); }
.dash-tabla th.szam, .dash-tabla td.szam { text-align: right; white-space: nowrap; }

/* Megkeresések (ajánlatkérések / leadek) */
.megkeres-kartya { background: #fff; border: 1px solid var(--vonal); border-left: 3px solid var(--korall); border-radius: 12px; padding: 15px 18px; margin-bottom: 12px; }
.megkeres-fej { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.megkeres-nev { font-size: 15px; font-weight: 800; color: var(--fekete); }
.megkeres-meta { font-size: 12.5px; color: var(--szurke); }
.megkeres-uzenet { font-size: 14px; color: var(--tinta); margin: 8px 0 12px; line-height: 1.55; white-space: pre-wrap; }
.megkeres-elerhetoseg { display: flex; gap: 8px; flex-wrap: wrap; }
.megkeres-gomb { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 700; padding: 7px 12px; border-radius: 8px; background: var(--korall-tint); color: var(--korall-sotet); border: 1px solid var(--korall-vonal); }
.statusz-jel { display: inline-flex; align-items: center; gap: 6px; font-size: 11.5px; font-weight: 600; }
.statusz-pont { width: 8px; height: 8px; border-radius: 99px; flex-shrink: 0; }
.statusz-jel.aktiv { color: #15803D; } .statusz-jel.aktiv .statusz-pont { background: var(--zold); }
.statusz-jel.lejaro { color: #B45309; } .statusz-jel.lejaro .statusz-pont { background: var(--amber, #F59E0B); }
.statusz-jel.fuggoben { color: var(--szurke); } .statusz-jel.fuggoben .statusz-pont { background: var(--halvany); }
.statusz-jel.inaktiv { color: var(--halvany); } .statusz-jel.inaktiv .statusz-pont { background: #D4D4D8; }

.dash-ures { padding: 40px 20px; text-align: center; color: var(--szurke); font-size: 14px; }

@media (max-width: 820px) {
  .dash-statok { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 560px) {
  .dash { flex-direction: column; }
  .dash-oldal { flex-direction: row; flex-wrap: wrap; align-items: center; flex: none; }
  .dash-user { margin-top: 0; border: none; padding-top: 0; }
  .dash-statok { grid-template-columns: 1fr 1fr; }
}
.dash-szerkeszt { font-size: 12px; font-weight: 700; color: var(--korall-sotet); white-space: nowrap; }
.dash-szerkeszt:hover { text-decoration: underline; }

/* ============================================================
   SZERKESZTŐ ŰRLAPOK (ceg-szerkeszto.html, iparagak.html)
   ============================================================ */
.szerk-oldal { max-width: 720px; margin: 22px auto; padding: 0 20px 60px; }
.szerk-fejlec { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.szerk-fejlec h1 { font-size: 22px; font-weight: 800; color: var(--fekete); letter-spacing: -0.4px; }
.szerk-kartya { background: #fff; border: 1px solid var(--vonal); border-radius: 14px; padding: 22px; }
.szerk-szakasz {
  font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px;
  color: var(--halvany); margin: 22px 0 12px; padding-top: 18px; border-top: 1px solid var(--vonal);
}
.szerk-szakasz.elso { margin-top: 0; padding-top: 0; border-top: none; }
.szerk-sor { display: flex; gap: 12px; }
.szerk-sor .urlap-mezo { flex: 1; }
.urlap-mezo select {
  width: 100%; border: 1px solid var(--vonal); border-radius: 9px;
  padding: 10px 12px; font-size: 14px; font-family: inherit; color: var(--tinta);
  background: #fff; outline: none; box-sizing: border-box;
}
.urlap-mezo select:focus { border-color: var(--korall); }
.urlap-tipp { font-size: 11.5px; color: var(--halvany); margin-top: 4px; }

.iparag-valaszto { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 6px; }
.iparag-valaszto label {
  display: flex; align-items: center; gap: 7px; font-size: 13.5px; color: var(--szoveg);
  padding: 7px 10px; border: 1px solid var(--vonal); border-radius: 8px; cursor: pointer;
}
.iparag-valaszto label:hover { background: var(--hatter); }
.iparag-valaszto input { accent-color: var(--korall); width: 15px; height: 15px; }

.kep-feltolto { display: flex; gap: 14px; align-items: center; }
.kep-elonezet {
  width: 82px; height: 82px; border-radius: 12px; border: 1px solid var(--vonal);
  background: var(--hatter); flex-shrink: 0; display: flex; align-items: center; justify-content: center;
  color: var(--halvany); font-size: 11px; overflow: hidden; text-align: center;
}
.kep-elonezet.banner { width: 168px; height: 82px; }
.kep-elonezet img { width: 100%; height: 100%; object-fit: cover; }
.file-gomb {
  font-size: 13px; font-weight: 700; color: var(--korall-sotet);
  background: var(--korall-tint); border: 1px solid var(--korall-vonal);
  border-radius: 9px; padding: 10px 15px; cursor: pointer; display: inline-block;
}
.file-gomb:hover { background: #FFE4E8; }
.file-gomb input { display: none; }

.admin-blokk { background: var(--korall-tint); border: 1px solid var(--korall-vonal); border-radius: 12px; padding: 16px; margin-top: 18px; }
.admin-blokk .admin-cim { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.4px; color: var(--korall-sotet); margin-bottom: 12px; }

.szerk-gombsor { display: flex; gap: 10px; margin-top: 22px; }
.gomb-masodlagos { background: #fff; color: var(--szoveg); border: 1px solid var(--vonal); }
.gomb-masodlagos:hover { background: var(--hatter); }
.szerk-uzenet { margin-top: 14px; padding: 12px 14px; border-radius: 9px; font-size: 13.5px; font-weight: 600; display: none; }
.szerk-uzenet.hiba { background: var(--korall-tint); border: 1px solid var(--korall-vonal); color: var(--korall-sotet); }
.szerk-uzenet.siker { background: #E7F9EE; border: 1px solid #A7E8C4; color: #15803D; }

/* Iparág-kezelő lista */
.iparag-sor { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid var(--vonal); }
.iparag-sor:first-child { border-top: none; }
.iparag-sor-ikon { font-size: 22px; width: 36px; text-align: center; flex-shrink: 0; }
.iparag-sor-nev { font-weight: 700; color: var(--tinta); flex: 1; }
.iparag-sor-slug { font-size: 12px; color: var(--halvany); font-family: monospace; }

@media (max-width: 560px) {
  .szerk-sor { flex-direction: column; gap: 0; }
}

/* Csomag-választó + élő ár-összesítő (regisztráció, szerkesztő) */
.csomag-valaszto { display: flex; gap: 12px; flex-wrap: wrap; }
.csomag-opcio { flex: 1; min-width: 190px; border: 2px solid var(--vonal); border-radius: 12px; padding: 14px 16px; cursor: pointer; transition: border-color .15s, background .15s; position: relative; }
.csomag-opcio:hover { border-color: var(--korall-vonal); }
.csomag-opcio.aktiv { border-color: var(--korall); background: var(--korall-tint); }
.csomag-opcio input { position: absolute; opacity: 0; pointer-events: none; }
.csomag-opcio-nev { font-size: 13px; font-weight: 800; color: var(--fekete); }
.csomag-opcio.aktiv .csomag-opcio-nev { color: var(--korall-sotet); }
.csomag-opcio-ar { font-size: 19px; font-weight: 800; color: var(--fekete); margin-top: 5px; }
.csomag-opcio-ar small { font-size: 12px; color: var(--szurke); font-weight: 600; }
.csomag-opcio-leiras { font-size: 11.5px; color: var(--szurke); margin-top: 5px; line-height: 1.4; }

.ar-osszesito { background: var(--fekete); border-radius: 12px; padding: 18px 20px; }
.ar-osszesito-sor { display: flex; justify-content: space-between; align-items: baseline; color: var(--halvany); font-size: 13px; padding: 3px 0; }
.ar-osszesito-sor .ertek { color: #fff; font-weight: 600; }
.ar-osszesito-fo { display: flex; justify-content: space-between; align-items: baseline; border-top: 1px solid #2A2A2E; margin-top: 10px; padding-top: 12px; }
.ar-osszesito-fo .cimke { color: #fff; font-size: 14px; font-weight: 700; }
.ar-osszesito-ar { color: #fff; font-size: 25px; font-weight: 800; letter-spacing: -.5px; }
.ar-osszesito-ar small { font-size: 13px; font-weight: 600; color: var(--halvany); }
.ar-osszesito-bonusz { color: #4ADE80; font-size: 12.5px; font-weight: 700; margin-top: 8px; display: flex; align-items: center; gap: 6px; }

/* Város-beíró komponens */
.varos-beiro { position: relative; border: 1px solid var(--vonal); border-radius: 9px; padding: 6px 8px; background: #fff; display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.varos-beiro:focus-within { border-color: var(--korall); }
.varos-tagek { display: contents; }
.varos-tag { display: inline-flex; align-items: center; gap: 5px; background: var(--korall-tint); color: var(--korall-sotet); border: 1px solid var(--korall-vonal); border-radius: 99px; padding: 4px 6px 4px 11px; font-size: 12.5px; font-weight: 600; }
.varos-tag button { background: none; border: none; color: var(--korall-sotet); cursor: pointer; font-size: 15px; line-height: 1; padding: 0 3px; }
.varos-input { border: none; outline: none; font-size: 14px; font-family: inherit; flex: 1; min-width: 150px; padding: 6px 4px; background: transparent; color: var(--tinta); }
.varos-dropdown { position: absolute; top: 100%; left: 0; right: 0; background: #fff; border: 1px solid var(--vonal); border-radius: 9px; margin-top: 4px; box-shadow: 0 8px 24px rgba(0,0,0,.12); z-index: 20; max-height: 240px; overflow-y: auto; display: none; }
.varos-dropdown-elem { padding: 10px 14px; font-size: 14px; cursor: pointer; color: var(--tinta); }
.varos-dropdown-elem:hover { background: var(--hatter); }
.varos-dropdown-elem.uj { color: var(--korall-sotet); font-weight: 600; border-top: 1px solid var(--vonal); }

/* ============================================================
   ÉRTÉKESÍTŐK (ertekesitok.html)
   ============================================================ */
.ert-sor {
  display: flex; align-items: center; gap: 13px;
  padding: 13px 4px; border-top: 1px solid var(--vonal); cursor: pointer;
}
.ert-sor:first-child { border-top: none; }
.ert-sor:hover { background: var(--hatter); }
.ert-avatar {
  width: 40px; height: 40px; border-radius: 99px; flex-shrink: 0;
  background: var(--korall); color: #fff; font-weight: 800; font-size: 14px;
  display: flex; align-items: center; justify-content: center;
}
.ert-fo { flex: 1; min-width: 0; }
.ert-nev { font-weight: 700; color: var(--tinta); font-size: 14.5px; }
.ert-email { font-size: 12.5px; color: var(--szurke); }
.ert-jobb { text-align: right; flex-shrink: 0; }
.ert-jutalek { font-weight: 800; color: var(--fekete); font-size: 14px; }
.ert-alcimke { font-size: 11px; color: var(--halvany); }
.ert-nyil { color: var(--halvany); font-size: 18px; margin-left: 4px; }

.reszlet-vissza { font-size: 13px; color: var(--szurke); cursor: pointer; background: none; border: none; font-family: inherit; padding: 0; margin-bottom: 12px; }
.reszlet-vissza:hover { color: var(--fekete); }
.reszlet-fej { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; }
.reszlet-avatar { width: 54px; height: 54px; border-radius: 99px; background: var(--korall); color: #fff; font-weight: 800; font-size: 19px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.reszlet-nev { font-size: 20px; font-weight: 800; color: var(--fekete); }
.reszlet-email { font-size: 13.5px; color: var(--szurke); }

.info-sor { display: flex; justify-content: space-between; padding: 9px 0; border-top: 1px solid var(--vonal); font-size: 13.5px; }
.info-sor:first-of-type { border-top: none; }
.info-cimke { color: var(--szurke); }
.info-ertek { font-weight: 600; color: var(--tinta); }

.jelszo-info { background: var(--hatter); border-radius: 9px; padding: 12px 14px; font-size: 12.5px; color: var(--szoveg); line-height: 1.55; margin-bottom: 12px; }

.havi-blokk { border: 1px solid var(--vonal); border-radius: 10px; margin-bottom: 10px; overflow: hidden; }
.havi-fej { display: flex; justify-content: space-between; align-items: baseline; padding: 10px 14px; background: var(--hatter); }
.havi-cim { font-weight: 800; font-size: 13.5px; color: var(--fekete); }
.havi-osszeg { font-size: 12.5px; color: var(--korall-sotet); font-weight: 700; }
.havi-osszeg b { font-size: 14px; }
.ugylet-sor { display: flex; justify-content: space-between; align-items: center; padding: 10px 14px; border-top: 1px solid var(--vonal); }
.ugylet-ceg { font-weight: 600; color: var(--tinta); font-size: 13px; }
.ugylet-meta { font-size: 11.5px; color: var(--halvany); margin-top: 2px; }
.ugylet-ar { text-align: right; }
.ugylet-jutalek { font-weight: 800; color: var(--fekete); font-size: 13.5px; }
.ugylet-dij { font-size: 11px; color: var(--halvany); }