/* ⭐ RAGADÓ FEJ (Roland, 2026-10-20): „amikor elgörgetem, akkor … elgörgetődik a felső menüsor, és a terméken, fotók,
   stb. … itt csak a termékeknek kéne elgörgetnie”. A szűrőfülek (`.mindpreset`) és a tábla fejléce (`.tfej`) a lista
   tetején marad, csak a sorok görögnek.
   ⛔ Ok, amiért eddig nem ragadt: a `.tabla{overflow:hidden}` (gep8) saját görgető-dobozzá tette a táblát, így a
   `.tfej{position:sticky}` a táblához ragadt, nem a `.torzs`-hoz. Az `overflow:clip` ugyanúgy levágja a lekerekített
   sarkot, de nem lesz belőle görgető-doboz. */
.torzs > .tabla, .torzs .nk-ket > .tabla, .torzs .nk-rlista > .tabla{overflow:clip}
.torzs > .mindpreset{position:sticky;top:0;z-index:4;margin-bottom:0;padding-bottom:10px;
  /* ⛔ 10-20, Roland: „ennek miért vannak hátterei?” — az egyszínű --papir sáv látszott a színátmenetes lapon. A sáv háttere
     ugyanaz, mint a body-é (gep3/gep8), a nézethez rögzítve: pontosan fedi, így nem látszik, csak a mögé görgő sorokat takarja. */
  background:radial-gradient(1100px 520px at 12% -8%, rgba(65,86,149,.13), transparent 62%),
             radial-gradient(900px 460px at 92% 108%, rgba(23,117,55,.09), transparent 60%), var(--papir);
  background-attachment:fixed}
.torzs:has(> .mindpreset) .tfej{top:52px}   /* = a fülsáv magassága (10 + 32 + 10), mérve 10-20 */
.torzs:has(> .mindpreset) .nk-gysav{top:52px}

/* ⭐ A LAP LEÍRÁSA MINDIG KÉT SOR (Roland, 10-20: „rakd át kettősorosra … ha bármelyik másnak nem kettősoros, akkor húzd ki
   kettősorosra”). Szélesebb sor, hogy a hosszú leírás két sorba férjen; a rövid is két sor helyet foglal, így a fülsor és a
   tábla minden lapon ugyanott kezdődik. */
.lapfej p{min-height:calc(2 * 1.45em)}

/* ⭐ A FEJLÉC VISZI A TÁBLA LEKEREKÍTETT TETEJÉT (Roland, 10-20: „a teljes teteje így levágódik, … amikor elkezdem
   scrollolni”). ⛔ Ok: a tábla felső kerete és lekerekítése a TÁBLÁN volt, és görgetéskor elment; a ragadó fejléc
   laposan, keret nélkül maradt. Most a fejléc rajzolja a felső keretet és a két lekerekített sarkot (::before), mögötte
   pedig a lap hátterét (::after), ami a sarkok mögé görgő sorokat és a tábla egyenes oldalkeretét takarja. A tábla
   felső kerete ezért elmarad, nyugalmi helyzetben pixelre ugyanúgy néz ki. Az 1 px túlnyúláshoz kell az
   `overflow-clip-margin` (az `overflow:clip` különben a keret belső szélén vágna). */
.torzs .tabla:has(> .tfej:first-child){border-top:0;overflow-clip-margin:1px}
.torzs .tabla > .tfej:first-child{background:transparent;
  --tfej-hatter:var(--papir)}
.torzs .tabla > .tfej.kijelolve:first-child{--tfej-hatter:var(--kek-50)}
.torzs .tabla > .tfej:first-child::after{content:"";position:absolute;inset:0 -1px;z-index:-2;
  background:radial-gradient(1100px 520px at 12% -8%, rgba(65,86,149,.13), transparent 62%),
             radial-gradient(900px 460px at 92% 108%, rgba(23,117,55,.09), transparent 60%), var(--papir);
  background-attachment:fixed}
.torzs .tabla > .tfej:first-child::before{content:"";position:absolute;inset:0 -1px;z-index:-1;
  background:var(--tfej-hatter);border:1px solid var(--keret);border-bottom:0;border-radius:14px 14px 0 0}