.product-media {
  position: relative;
  margin-bottom: 8px;
  overflow: hidden; /* ne lógjon ki */

  border-radius: 10px;

  /* szolidabb: vékonyabb, kevésbé “arany” border */
  border: 1px solid rgba(255,255,255,.10);

  /* szolidabb: kisebb árnyék, kevesebb “glow” */
  box-shadow:
    0 10px 26px rgba(0,0,0,.45),
    inset 0 0 0 1px rgba(255,255,255,.03);
}

.product-media img {
  margin-bottom: 0;
  display: block;
}

/* ===== BADGE SÁV A KÉPEN ===== */

.product-badges {
  position: absolute;
  left: 8px;
  bottom: 8px;
  z-index: 5; /* mindig a kép felett legyen */
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  pointer-events: none;
}

/* ===== PFLAG – SZOLID, OLVASHATÓ, NEM GICCS ===== */

.pflag {
  display: inline-block;
  padding: 4px 9px;
  border-radius: 999px;

  font-size: 0.80rem;      /* picit vissza */
  font-weight: 750;        /* kevésbé “kiabál” */
  letter-spacing: .25px;

  /* szolidabb keret + árnyék */
  border: 1px solid rgba(255,255,255,.18);
  box-shadow:
    0 2px 7px rgba(0,0,0,.35),
    inset 0 0 0 1px rgba(255,255,255,.08);

  /* szolidabb text-shadow */
  text-shadow:
    0 1px 2px rgba(0,0,0,.45);

  /* finom “glass” érzet */
  backdrop-filter: blur(3px);
  opacity: .95;
}

/* ===== ÁLLAPOTOK – TOMPA, TAVERN, DE VISSZAFOGOTT ===== */

.pflag--new {
  background: linear-gradient(180deg, rgba(34,197,94,.95), rgba(22,163,74,.92));
  color: #062a1a;
}

.pflag--used {
  background: linear-gradient(180deg, rgba(245,158,11,.92), rgba(180,110,18,.90));
  color: #2b1a04;
}

.pflag--faulty {
  background: linear-gradient(180deg, rgba(239,68,68,.92), rgba(153,27,27,.90));
  color: #2a0707;
}