/*
 * Promocio-sav: ajandek-jeloles a termeken (NEM ar - docs/89-promociok.md).
 * Szandekosan arany/ajandek szin, nem piros akcios: ne keltse arkedvezmeny latszatat.
 * A webshop, a pultos nezet es a szerkeszto elonezete is ezt hasznalja.
 */
.promo-sav{--pr-hat:#FFF4DC;--pr-ker:#EFC266;--pr-sz:#5E3D00;--pr-ik:#C98A17;
  display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;box-sizing:border-box;
  background:var(--pr-hat);border:1px solid var(--pr-ker);color:var(--pr-sz);border-radius:8px;
  font:600 13px/1.3 inherit;padding:6px 10px;text-decoration:none}
.promo-sav svg{flex:0 0 18px;width:18px;height:18px;color:var(--pr-ik)}
.promo-sav .pr-sz{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.promo-sav .pr-tovabb{flex:0 0 auto;font-weight:700;color:var(--pr-sz);text-decoration:underline;text-underline-offset:2px;white-space:nowrap}
.promo-sav .pr-tovabb:hover{color:#000}
/* Listaban: egy sor, rogzitett magassag - ne ugraljon a kartya. */
.promo-sav.pr-lista{height:30px;padding:0 9px;font-size:12px;border-radius:6px;gap:6px}
.promo-sav.pr-lista svg{flex-basis:15px;width:15px;height:15px}
/* Termeklapon: nagyobb, tobbsoros is lehet. */
.promo-sav.pr-lap{padding:11px 13px;font-size:14px;border-radius:10px;align-items:flex-start}
.promo-sav.pr-lap .pr-sz{white-space:normal}
.promo-sav.pr-lap .pr-al{display:block;font-weight:500;font-size:12.5px;opacity:.8;margin-top:2px}
.promo-lista{display:grid;gap:8px}
/* ERP (pultos): kicsi cimke a nev mellett. */
.promo-cimke{display:inline-flex;align-items:center;gap:4px;max-width:100%;height:20px;padding:0 7px;border-radius:10px;
  background:#FFF4DC;border:1px solid #EFC266;color:#5E3D00;font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}
.promo-cimke svg{width:12px;height:12px;flex:0 0 12px;color:#C98A17}
@media (max-width:640px){
  .promo-sav.pr-lap{font-size:13.5px;padding:10px 11px}
}
.tk-promo{margin-top:8px;min-width:0}