/* Partea de oferte de pe /black-friday-2026/ (componenta FDR: plăci, meniu, secțiuni, carduri, rate, „Cineva din … a comandat”)
   în stilul paginii BF: fond negru, neon Pantone 3005 #0077C8 / 172 #FA4616 cu strălucirile #2FA4FF / #FF7A45, titluri Barlow Condensed.
   🔴 TOT e sub body.dispatch-campanie-bf26 — /fara-emotii-doar-reduceri/ (body.dispatch-campanie-fara_emotii) nu e atinsă de nimic de aici.
   Pozele de produs rămân pe placa ALBĂ (mix-blend-mode: multiply din FDR are nevoie de alb), în cardul închis.
   Încărcat doar de components/bf26_oferte.tpl. Etichetele personale (Mărimea ta, Favoritele tale) — js/ts_bf2026_personal.js.
   2026-11-01: creat (Sorin: „5 — da, același stil pentru BF și pentru partea de jos”).
   2026-11-01: „Ultima șansă” = placă simplă, fără poză; plăcile pe rânduri pline la desktop / tabletă / telefon (Sorin). */

body.dispatch-campanie-bf26 .fdr {
  --bg: #07090d; --hero: #0e131b; --surface: #121923; --line: rgba(255, 255, 255, .10);
  --text: #f3f6fa; --muted: #9aa7b8;
  --accent: #FA4616; --accent-strong: #FA4616; --accent-ink: #FF7A45;
  --ok: #0077C8; --ok-bg: #0077C8; --ok-ink: #fff;
  --neon-b: #2FA4FF; --neon-o: #FF7A45;
  background: var(--bg); color: var(--text);
}
body.dispatch-campanie-bf26 .fdr h1, body.dispatch-campanie-bf26 .fdr h2, body.dispatch-campanie-bf26 .fdr h3 { color: var(--text) !important; }

/* ---- plăcile de categorii ---- */
body.dispatch-campanie-bf26 .fdr .fdr-placa { background: var(--surface); box-shadow: 0 0 0 1px rgba(47, 164, 255, .22); }
body.dispatch-campanie-bf26 .fdr .fdr-placa:hover { box-shadow: 0 0 0 1.5px var(--neon-b), 0 0 18px rgba(47, 164, 255, .45); }
body.dispatch-campanie-bf26 .fdr .fdr-placa-img { background: #fff; }
body.dispatch-campanie-bf26 .fdr .fdr-placa-txt b { color: var(--text); }
body.dispatch-campanie-bf26 .fdr .fdr-placa-txt em { color: var(--neon-o); text-shadow: 0 0 10px rgba(255, 122, 69, .55); }
body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa { background: linear-gradient(160deg, #FA4616, #c2340c); box-shadow: 0 0 0 1.5px var(--neon-o), 0 0 24px rgba(250, 70, 22, .5); }
body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa .fdr-placa-txt b,
body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa .fdr-placa-txt em { color: #fff; text-shadow: 0 0 14px rgba(255, 255, 255, .35); }

/* „Ultima șansă” = o placă OBIȘNUITĂ, fără poză, portocalie (Sorin, 01.11: „merge fără poză, să fie doar un pătrat în loc de 2,
   să rămânem pe 2 rânduri”). Pe BF sunt 14 plăci (Garmin + Ultima șansă + 12 categorii) — numărate pe 01.11:
   desktop 7 coloane → 2 rânduri pline; tabletă 4 coloane → Ultima șansă = bandă pe 3, lângă Garmin → 16 = 4 rânduri pline;
   telefon 2 coloane → Garmin pe toată lățimea, ca Ultima șansă → 16 = 8 rânduri pline. 🔴 Altă secțiune nouă = alt număr: se re-măsoară. */
body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa .fdr-placa-img { display: none; }
body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa { grid-row: auto; justify-content: center; }
body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa .fdr-placa-txt { padding: 14px; }
@media (min-width: 1101px) {
  body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa { grid-column: span 1; }
  body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa .fdr-placa-txt em { font-size: 52px; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  body.dispatch-campanie-bf26 .fdr .fdr-placa--sansa { grid-column: span 3; }   /* bandă lângă Garmin; o placă lată pe 2 ar avea poza uriașă */
}
@media (max-width: 760px) {
  body.dispatch-campanie-bf26 .fdr .fdr-placa[data-sectiune="garmin"] { grid-column: span 2; }
}

/* ---- coloana din stânga ---- */
body.dispatch-campanie-bf26 .fdr .fdr-bloc h3 { color: var(--muted) !important; }
body.dispatch-campanie-bf26 .fdr .fdr-cat { color: var(--text); }
body.dispatch-campanie-bf26 .fdr .fdr-cat small { color: #6f7d8e; }
body.dispatch-campanie-bf26 .fdr .fdr-cat:hover { background: rgba(255, 255, 255, .06); }
body.dispatch-campanie-bf26 .fdr .fdr-cat.activ { background: rgba(47, 164, 255, .12); box-shadow: inset 0 0 0 1px rgba(47, 164, 255, .6), 0 0 12px rgba(47, 164, 255, .25); }
body.dispatch-campanie-bf26 .fdr .fdr-cat.activ small,
body.dispatch-campanie-bf26 .fdr .fdr-cat--sansa, body.dispatch-campanie-bf26 .fdr .fdr-cat--sansa small { color: var(--neon-o); }
body.dispatch-campanie-bf26 .fdr .fdr-cauta-brand { background: #0b1017; color: var(--text); border-color: rgba(255, 255, 255, .18); }
body.dispatch-campanie-bf26 .fdr .fdr-cauta-brand:focus { outline: none; border-color: var(--neon-b); box-shadow: 0 0 0 3px rgba(47, 164, 255, .25); }
/* logo-urile de brand sunt închise la culoare: rămân pe plăcuță albă */
body.dispatch-campanie-bf26 .fdr .fdr-brand { background: #fff; border-color: transparent; }
body.dispatch-campanie-bf26 .fdr .fdr-brand:hover { box-shadow: 0 0 0 1.5px var(--neon-b), 0 0 12px rgba(47, 164, 255, .45); }
body.dispatch-campanie-bf26 .fdr .fdr-brand.ales, body.dispatch-campanie-bf26 .fdr .fdr-brand:has(input:checked) { border: 2px solid var(--neon-o); background: #fff4f0; box-shadow: 0 0 14px rgba(255, 122, 69, .6); }
body.dispatch-campanie-bf26 .fdr .fdr-brand.zero { opacity: .3; }
body.dispatch-campanie-bf26 .fdr .fdr-umbra-sus { background: linear-gradient(var(--bg) 30%, rgba(7, 9, 13, 0)); }
body.dispatch-campanie-bf26 .fdr .fdr-umbra-jos { background: linear-gradient(rgba(7, 9, 13, 0), var(--bg) 70%); }
body.dispatch-campanie-bf26 .fdr .fdr-umbra-btn { background: var(--surface); border-color: rgba(47, 164, 255, .6); color: var(--text); box-shadow: 0 0 10px rgba(47, 164, 255, .35); }

/* ---- filtre aplicate, zero rezultate ---- */
body.dispatch-campanie-bf26 .fdr .fdr-chip { background: var(--surface); border-color: rgba(47, 164, 255, .55); color: var(--text); box-shadow: 0 0 10px rgba(47, 164, 255, .2); }
body.dispatch-campanie-bf26 .fdr .fdr-chip button { color: var(--muted); }
body.dispatch-campanie-bf26 .fdr .fdr-active .fdr-sterge, body.dispatch-campanie-bf26 .fdr .fdr-zero .fdr-sterge { color: var(--neon-o); }
body.dispatch-campanie-bf26 .fdr .fdr-zero { background: var(--surface); border-color: var(--line); }

/* ---- titlurile de secțiune: bandă neagră cu chenar neon ---- */
body.dispatch-campanie-bf26 .fdr .fdr-sectiune-cap { background: rgba(14, 19, 27, .92); border: 1.5px solid var(--neon-b); box-shadow: 0 0 18px rgba(47, 164, 255, .35), inset 0 0 22px rgba(47, 164, 255, .08); }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune h2 { font-family: 'Barlow Condensed', Verdana, sans-serif; font-weight: 800; font-size: 34px; line-height: 38px; margin: 0; text-transform: uppercase; letter-spacing: .3px; }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune-cap span { color: var(--muted); }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune-cap span b { color: var(--text); }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune-cap .fdr-pana { background: var(--accent-strong); color: #fff; box-shadow: 0 0 12px rgba(250, 70, 22, .6); }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune--sansa .fdr-sectiune-cap { border-color: var(--neon-o); box-shadow: 0 0 20px rgba(255, 122, 69, .45), inset 0 0 22px rgba(255, 122, 69, .1); }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune[data-randuri] .fdr-sectiune-cap { background: #0077C8; border-color: var(--neon-b); }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune[data-randuri] .fdr-sectiune-cap span { color: #d6ecff; }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune[data-randuri] .fdr-sectiune-cap .fdr-pana { background: #fff; color: #0077C8; box-shadow: none; }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune[data-randuri] .fdr-red { background: #0077C8; box-shadow: 0 0 10px rgba(47, 164, 255, .7); }
/* blocurile de brand (logo închis la culoare): banda rămâne albă, cu chenar neon */
body.dispatch-campanie-bf26 .fdr .fdr-sectiune--brand .fdr-sectiune-cap { background: #fff; border: 1.5px solid var(--neon-b); }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune--brand .fdr-sectiune-cap span { color: #5b6b7a; }
body.dispatch-campanie-bf26 .fdr .fdr-sectiune--brand .fdr-sectiune-cap span b { color: #1b2a3a; }
body.dispatch-campanie-bf26 .fdr .fdr-toate { background: transparent; border: 1.5px solid var(--neon-b); color: var(--text); box-shadow: 0 0 12px rgba(47, 164, 255, .3); }
body.dispatch-campanie-bf26 .fdr .fdr-toate:hover { background: #0077C8; color: #fff; }

/* ---- cardul: închis, cu chenar fin; poza pe placă albă; prețul portocaliu neon ---- */
body.dispatch-campanie-bf26 .fdr .fdr-card { background: var(--surface); border: 1px solid rgba(255, 255, 255, .09); transition: border-color .2s, box-shadow .2s; }
body.dispatch-campanie-bf26 .fdr .fdr-card:hover { border-color: var(--neon-b); box-shadow: 0 0 16px rgba(47, 164, 255, .4); }
body.dispatch-campanie-bf26 .fdr .fdr-card .fdr-img { background: #fff; margin: 8px 8px 0; border-radius: 10px; }
body.dispatch-campanie-bf26 .fdr .fdr-red { background: var(--accent-strong); box-shadow: 0 0 10px rgba(250, 70, 22, .7); }
body.dispatch-campanie-bf26 .fdr .fdr-card-brand { color: #7cc8ff; }
body.dispatch-campanie-bf26 .fdr .fdr-card-nume { color: #dfe6ee; }
body.dispatch-campanie-bf26 .fdr .fdr-card-pret b { color: var(--neon-o); text-shadow: 0 0 10px rgba(255, 122, 69, .45); }
body.dispatch-campanie-bf26 .fdr .fdr-card-pret s { color: var(--muted); }
body.dispatch-campanie-bf26 .fdr .fdr-card--epuizat .fdr-red { background: #4a5563; box-shadow: none; }
body.dispatch-campanie-bf26 .fdr .fdr-card--epuizat .fdr-card-pret b { color: var(--muted); text-shadow: none; }
body.dispatch-campanie-bf26 .fdr .fdr-epuizat { background: #07090d; border: 1px solid var(--neon-o); box-shadow: 0 0 12px rgba(255, 122, 69, .6); }

/* ---- banda de rate ---- */
body.dispatch-campanie-bf26 .fdr .fdr-rate { background: rgba(14, 19, 27, .92); border: 1.5px solid var(--neon-o); box-shadow: 0 0 18px rgba(255, 122, 69, .3), inset 0 0 22px rgba(255, 122, 69, .07); }
body.dispatch-campanie-bf26 .fdr .fdr-rate-cap b i, body.dispatch-campanie-bf26 .fdr .fdr-rate-grup li span.n24 { color: var(--neon-o); }

/* ---- telefon: meniul fix de sus și panoul ---- */
@media (max-width: 760px) {
  body.dispatch-campanie-bf26 .fdr .fdr-mini { background: rgba(7, 9, 13, .96); border-bottom: 1px solid rgba(47, 164, 255, .6); box-shadow: 0 2px 14px rgba(47, 164, 255, .3); }
  body.dispatch-campanie-bf26 .fdr .fdr-mini-cat { background: var(--surface); color: var(--text); border: 1px solid rgba(47, 164, 255, .6); }
  body.dispatch-campanie-bf26 .fdr .fdr-mini-cat small { color: var(--muted); }
  body.dispatch-campanie-bf26 .fdr .fdr-mini-filtre { color: #fff; border: 1.5px solid var(--neon-o) !important; box-shadow: 0 0 10px rgba(255, 122, 69, .4); }
  body.dispatch-campanie-bf26 .fdr .fdr-mini-filtre .fdr-nr-filtre { background: var(--accent-strong); color: #fff; }
  body.dispatch-campanie-bf26 .fdr .fdr-panou-cap { border-bottom-color: rgba(47, 164, 255, .4); }
  body.dispatch-campanie-bf26 .fdr .fdr-inchide { color: var(--text); }
  body.dispatch-campanie-bf26 .fdr .fdr-panou-jos { background: var(--surface) !important; border-top-color: rgba(47, 164, 255, .4) !important; }
  body.dispatch-campanie-bf26 .fdr .fdr-panou-jos .fdr-sterge { background: transparent; color: var(--text); border-color: rgba(255, 255, 255, .25); }
  body.dispatch-campanie-bf26 .fdr .fdr-panou-jos .fdr-vezi { box-shadow: 0 0 14px rgba(250, 70, 22, .55); }
}

/* ---- „Cineva din … a comandat” (pe body, în afara .fdr) — card închis, neon; pe telefon deasupra barei aplicației ---- */
body.dispatch-campanie-bf26 .fdr-uc { background: #121923; border: 1.5px solid #2FA4FF; box-shadow: 0 0 18px rgba(47, 164, 255, .4), 0 10px 30px rgba(0, 0, 0, .5); }
body.dispatch-campanie-bf26 .fdr-uc-corp { color: #dfe6ee; }
body.dispatch-campanie-bf26 .fdr-uc-corp img { background: #fff; }
body.dispatch-campanie-bf26 .fdr-uc-txt b { color: #f3f6fa; }
body.dispatch-campanie-bf26 .fdr-uc-txt small { color: #FF7A45; }
body.dispatch-campanie-bf26 .fdr-uc-x { color: #9aa7b8; }
body.dispatch-campanie-bf26 .fdr-uc-x:hover { background: rgba(255, 255, 255, .08); color: #fff; }
@media (max-width: 760px) {
  /* right 76px: butonul rotund de accesibilitate al site-ului stă în colțul din dreapta jos și acoperea ×-ul */
  body.dispatch-campanie-bf26 .fdr-uc { right: 76px; bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
  html.ts-in-app body.dispatch-campanie-bf26 .fdr-uc { bottom: calc(76px + env(safe-area-inset-bottom, 0px)); }   /* bara web a aplicației (#tsAppbar) */
}

/* ---- partea personală (js/ts_bf2026_personal.js) ---- */
body.dispatch-campanie-bf26 .fdr .bf26-pers .fdr-sectiune-cap { border-color: var(--neon-o); box-shadow: 0 0 20px rgba(255, 122, 69, .4), inset 0 0 22px rgba(255, 122, 69, .08); }
body.dispatch-campanie-bf26 .fdr .bf26-pers .fdr-pana { background: transparent; color: var(--neon-o); box-shadow: inset 0 0 0 1.5px var(--neon-o); font-size: 16px; }
body.dispatch-campanie-bf26 .fdr.fdr-filtrat .bf26-pers { display: none; }   /* cu filtru activ: doar rezultatele */
body.dispatch-campanie-bf26 .fdr .bf26-mm-et { position: absolute; left: 8px; bottom: 8px; max-width: calc(100% - 16px); background: #0077C8; color: #fff;
  font-family: 'Barlow Condensed', Verdana, sans-serif; font-weight: 700; font-size: 14px; line-height: 1; padding: 5px 9px; border-radius: 999px;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-shadow: 0 0 10px rgba(47, 164, 255, .75); }
body.dispatch-campanie-bf26 .fdr .bf26-mm-bloc { margin-bottom: 20px; }
body.dispatch-campanie-bf26 .fdr .bf26-mm-comut { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 10px; cursor: pointer;
  background: var(--surface); border: 1.5px solid rgba(47, 164, 255, .55); box-shadow: 0 0 12px rgba(47, 164, 255, .2); color: var(--text); font-size: 14px; font-weight: 600; }
body.dispatch-campanie-bf26 .fdr .bf26-mm-comut input { width: 20px; height: 20px; margin: 0; accent-color: #0077C8; flex: 0 0 auto; }
body.dispatch-campanie-bf26 .fdr .bf26-mm-comut small { display: block; color: var(--muted); font-weight: 400; font-size: 12px; }
body.dispatch-campanie-bf26 .fdr .bf26-mm-comut:has(input:checked) { border-color: var(--neon-o); box-shadow: 0 0 14px rgba(255, 122, 69, .45); }
@media (max-width: 760px) {
  body.dispatch-campanie-bf26 .fdr .bf26-mm-et { font-size: 12.5px; left: 6px; bottom: 6px; }
}