/* Black Friday 2026: „Black Friday · Kiemelt akció” badge. Helye: /assets/default/css/apollo-bf-badge.css
 * A badge a kép bal felső sarkában van, a −XX% doboz (.discount_text) alatt, vele egy vonalban.
 * Ha nincs −XX%, a doboz helyére kerül. A jobb felső sarokban az ingyenes szállítás jelölése van,
 * alul az „Azonnal elvihető” szalag: egyikkel sem ütközik.
 * Feltétel: a sablonban a badge a .discount_text UTÁN, ugyanabban az elemben legyen. */
.bfb{position:absolute;top:8px;left:8px;z-index:6;display:flex;flex-direction:column;align-items:flex-start;gap:3px;
  padding:5px 8px 6px;box-sizing:border-box;border-radius:4px;background:#0d1028;border:1px solid rgba(246,220,143,.7);
  color:#fff;line-height:1;pointer-events:none;box-shadow:0 1px 4px rgba(5,6,15,.25);-webkit-font-smoothing:antialiased}
.discount_text ~ .bfb{top:35px}                         /* −XX% doboz: top 8 + magasság 22 + 5 px */
.bfb-k{font-size:9px;font-weight:800;letter-spacing:.12em;color:#f6dc8f;white-space:nowrap}
.bfb-v{font-size:12px;font-weight:700;white-space:nowrap}

/* termékoldal: a fő kép (.product_image) bal felső sarka */
.bfb--pdp{top:12px;left:12px;padding:6px 10px 7px;border-radius:5px}
.discount_text ~ .bfb--pdp{top:45px}                    /* −XX% doboz: top 12 + magasság 27 + 6 px */
.bfb--pdp .bfb-k{font-size:10.5px}
.bfb--pdp .bfb-v{font-size:14px}

/* Mobil (2026-11-13 hotfix): kisebb badge, csak a „BLACK FRIDAY” sor; a „Kiemelt akció” rejtve.
 * A .bfb--pdp szabályok kétosztályos szelektorai miatt a termékoldalt külön kell felülírni. */
@media (max-width:767px){
  .bfb{gap:0;padding:3px 5px;border-radius:3px;box-shadow:none}
  .bfb .bfb-v{display:none}
  .bfb .bfb-k{font-size:7.5px;letter-spacing:.06em}
  .bfb--pdp{padding:4px 6px}
  .bfb--pdp .bfb-k{font-size:9px;letter-spacing:.08em}
}