/* Személyes figyelőlista: egy közös sor mobilon és asztalon, saját felülíró réteg nélkül. */
.koveto-oldal{
  max-width:820px;
  display:grid;
  gap:var(--t6);
  padding-block:var(--t8);
}
.koveto-oldal [hidden]{
  display:none;
}

.koveto-fej{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:var(--t4);
}

.koveto-fej h1{
  margin:0;
  font-size:clamp(26px,5vw,34px);
}

.koveto-fej p{
  margin:4px 0 0;
  color:var(--szoveg-halvany);
}

.koveto-megtakaritas{
  display:flex;
  align-items:flex-start;
  gap:var(--t3);
  padding:var(--t4);
  background:var(--akcent-halvany);
  border:1px solid var(--keret);
  border-radius:var(--r);
}

.koveto-megtakaritas svg{
  flex:none;
}

.koveto-megtakaritas div{
  display:grid;
  gap:4px;
}

.koveto-megtakaritas strong{
  font-size:26px;
}

.koveto-megtakaritas small{
  line-height:1.5;
}

.koveto-szakasz h2{
  display:flex;
  align-items:center;
  gap:var(--t2);
  margin:0 0 var(--t3);
  font-size:18px;
}

.koveto-szakasz h2 span{
  font-size:14px;
  color:var(--szoveg-halvany);
}

.koveto-lista{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:var(--t2);
}

.koveto-sor{
  display:grid;
  grid-template-columns:52px minmax(0,1fr) auto;
  align-items:center;
  gap:var(--t2) var(--t3);
  padding:var(--t3);
  background:var(--hatter);
  border:1px solid var(--keret);
  border-radius:var(--r);
  color:var(--szoveg);
  text-decoration:none;
}

.koveto-kep{
  width:52px;
  aspect-ratio:1;
  display:grid;
  place-items:center;
  background:var(--hatter-blokk);
  border-radius:var(--r-kicsi);
  font-size:22px;
  font-weight:800;
}

.koveto-kep img{
  width:100%;
  height:100%;
  object-fit:contain;
}

.koveto-adatok{
  min-width:0;
  display:grid;
  gap:4px;
  line-height:1.4;
}

.koveto-adatok b{
  color:var(--szoveg);
  font-weight:750;
  overflow-wrap:anywhere;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.koveto-adatok small{
  font-size:12px;
  color:var(--szoveg-halvany);
}

.koveto-ar{
  display:grid;
  gap:4px;
  text-align:right;
  white-space:nowrap;
  font-size:17px;
}

.koveto-kedvezmeny{
  justify-self:end;
  padding:2px 5px;
  background:var(--akcent-halvany);
  color:var(--szoveg);
  font-size:12px;
  font-weight:800;
  border-radius:var(--r-kicsi);
}

.koveto-ures{
  padding:var(--t4);
  border:1px dashed var(--keret-eros);
  border-radius:var(--r);
  color:var(--szoveg-halvany);
}

.koveto-jegyzet{
  margin:0;
  color:var(--szoveg-halvany);
  font-size:13px;
  line-height:1.5;
}

[data-koveto-listak]{
  display:grid;
  gap:var(--t6);
}