/* Layer: feature-specific */
/* Scope: termékkártya – kép, név, árblokk, jelölések, akció */
/* Used by: prototypes/webshop/kezdolap.html, prototypes/webshop/termeklista.html */

/* Termékkép: link a termékadatlapra, finom nagyítás hover-re */
.termek-kep {
  display: block; position: relative; overflow: hidden;
  aspect-ratio: 4 / 3; border: 1px solid var(--border); border-radius: var(--radius-sm);
}
.termek-kep img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1); }
.termek-kep:hover img { transform: scale(1.06); }
.termek-kep:focus-visible { outline: 3px solid var(--ring); outline-offset: 2px; }

.termekkartya { display: flex; flex-direction: column; gap: var(--usps); padding: var(--usps); background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius); }
.termekkartya:hover { border-color: var(--c1); }
.termekkartya-cim { font-family: var(--font-cim); font-size: var(--ust0); font-weight: 500; margin: 0; }
.termekkartya-cim a { color: inherit; text-decoration: none; }
.termekkartya-cim a:hover { color: var(--c1); text-decoration: underline; }
.termekkartya-adat { font-size: var(--ust-1); color: var(--text-muted); margin: 0; }
.termekkartya-ar { margin-block-start: auto; }
.termekkartya-regi { text-decoration: line-through; color: var(--text-muted); font-size: var(--ust-1); display: block; }
.termekkartya-uj { color: var(--c1); font-size: var(--ust2); font-weight: 600; }
.termekkartya-jeloles { display: flex; gap: var(--usp2xs); flex-wrap: wrap; }
.termekkartya .btn { width: 100%; }