/* 2026-11-01 (Győző): a kínálat nézete átkapcsolható – Kártya (alap) / Lista (keskeny, egysoros) / Rács (kis csempék).
   A választást a „lk_nezet” süti jegyzi meg; a .nezet-lista / .nezet-racs osztály a találatok tartóján van. */
.nezet-sor{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 12px}
.nezet-sor .tipp{margin:0}
.nezet-valto{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto}
.nezet-valto button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1.5px solid var(--vonal);border-radius:10px;background:#fff;color:var(--halk);font:inherit;font-size:19px;line-height:1;cursor:pointer}
.nezet-valto button:hover{border-color:var(--zold)}
.nezet-valto button[aria-pressed="true"]{background:var(--zold);border-color:var(--zold);color:#fff}

/* LISTA: egy termék = egy keskeny sor */
.nezet-lista .kartya-racs{display:flex;flex-direction:column;gap:0;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(27,43,42,.06)}
.nezet-lista .kartya-tarto{flex-direction:row;align-items:center;border-bottom:1px solid var(--vonal)}
.nezet-lista .kartya-tarto:last-child{border-bottom:0}
.nezet-lista .kartya-tarto>.kartya{flex:1;min-width:0}
.nezet-lista .cikk-kartya{flex-direction:row;align-items:center;gap:10px;min-height:58px;padding:4px 86px 4px 6px;border-radius:0;box-shadow:none;background:transparent}
.nezet-lista .cikk-kartya:hover{transform:none;background:var(--hatter)}
.nezet-lista .cikk-kartya img,.nezet-lista .cikk-kartya .kep-hely{flex:0 0 50px;width:50px;height:50px;border-radius:8px;font-size:26px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.nezet-lista .cikk-torzs{padding:0;min-width:0;flex:1 1 auto}
.nezet-lista .cikk-torzs h3{margin:0;font-size:16px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nezet-lista .cikk-torzs p.ar-sor{margin:1px 0 0;font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:0}
.nezet-lista .kartya-gombok:not(td){top:50%;right:6px;transform:translateY(-50%);gap:4px}
.nezet-lista .kartya-gombok :is(.kedvenc-gomb,.hasonlit-gomb){min-height:34px;min-width:34px;width:34px;padding:0;font-size:15px}
.nezet-lista .kartya-gombok .kedvenc-gomb .sziv{font-size:17px}
/* Kedvencek: a „Törlöm ebből a listából” gomb a sor alá kerül */
.nezet-lista .kartya-tarto{flex-wrap:wrap}
.nezet-lista .kartya-tarto>form{flex:0 0 100%;margin:0 0 6px 66px!important}
.nezet-lista .kartya-tarto:has(>form) .kartya-gombok:not(td){top:33px}

/* RÁCS: kis csempék, telefonon kettő egymás mellett */
.nezet-racs .kartya-racs{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.nezet-racs .cikk-kartya{border-radius:14px}
.nezet-racs .cikk-kartya img,.nezet-racs .cikk-kartya .kep-hely{height:120px;font-size:44px}
.nezet-racs .cikk-torzs{padding:8px 10px 10px}
.nezet-racs .cikk-torzs h3{margin:0;font-size:15px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nezet-racs .cikk-torzs p.ar-sor{margin:4px 0 0;font-size:14px;line-height:1.3;flex-grow:0}
.nezet-racs .kartya-gombok:not(td){top:6px;right:6px;gap:4px}
.nezet-racs .kartya-gombok :is(.kedvenc-gomb,.hasonlit-gomb){min-height:32px;min-width:32px;width:32px;padding:0;font-size:14px}
.nezet-racs .kartya-gombok .kedvenc-gomb .sziv{font-size:16px}

/* mindkét tömör nézetben csak a név, az érték és az „Elfogyott” jel marad */
:is(.nezet-lista,.nezet-racs) .cikk-torzs>p:not(.ar-sor):not(.kedvenc-olcsobb):not(:has(.cimke-passziv)),
:is(.nezet-lista,.nezet-racs) .cikk-torzs .tobb,
:is(.nezet-lista,.nezet-racs) .cikk-torzs .felirat-kicsi{display:none}
:is(.nezet-lista,.nezet-racs) .cikk-torzs>p:has(.cimke-passziv){margin:2px 0 0;flex-grow:0}
:is(.nezet-lista,.nezet-racs) .cikk-torzs .ar-sor .halk{font-size:13px}
:is(.nezet-lista,.nezet-racs) .cikk-torzs .ar-sor :is(.egysegar,.info){display:none}