/* ═══════════════════════════════════════════════════════════════
   CFV Design System v2 — configurator-fotovoltaic.ro (2026-08)
   Se încarcă DUPĂ legacy.css și rescrie shell-ul (header/nav/footer)
   + rafinează tokens. Paginile interioare rămân compatibile.
   ═══════════════════════════════════════════════════════════════ */

:root{
  --bg:#070b14;
  --bg-elev:#0a101d;
  --card:#0d1526;
  --card-2:#111b31;
  --line:rgba(148,163,184,.13);
  --line-hi:rgba(148,163,184,.28);
  --text:#e8eef9;
  --muted:#93a1b8;
  --accent:#52d27c;
  --accent-deep:#10b981;
  --blue:#6aa6ff;
  --amber:#f0b03c;
  --red:#ff6b6b;
  --font-ui:'Inter',ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --font-display:'Space Grotesk','Inter',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --shell:1280px;
  --radius:14px;
  --shadow-1:0 1px 2px rgba(2,6,16,.5),0 8px 28px rgba(2,6,16,.35);
}

html{scroll-behavior:smooth}
body{
  font-family:var(--font-ui) !important;
  background:var(--bg) !important;
  background-image:
    radial-gradient(1100px 520px at 12% -6%, rgba(82,210,124,.05), transparent 55%),
    radial-gradient(900px 480px at 92% -4%, rgba(106,166,255,.045), transparent 55%) !important;
  color:var(--text) !important;
  font-size:15px;
  letter-spacing:-.006em;
  -webkit-font-smoothing:antialiased;
}
h1,h2{font-family:var(--font-display);letter-spacing:-.02em}
b,strong{font-weight:700}

/* ─────────────── HEADER SHELL ─────────────── */
.cfvHead{
  position:sticky;top:0;z-index:200;
  background:rgba(7,11,20,.82);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
  border-bottom:1px solid var(--line);
}
.cfvTop{
  max-width:var(--shell);margin:0 auto;
  padding:10px 20px;
  display:flex;align-items:center;gap:16px;
}

/* Brand */
.cfvBrand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--text);flex-shrink:0}
.cfvBrand .mark{
  width:38px;height:38px;border-radius:11px;flex-shrink:0;
  display:flex;align-items:center;justify-content:center;
  background:linear-gradient(140deg,rgba(82,210,124,.18),rgba(16,185,129,.06));
  border:1px solid rgba(82,210,124,.35);
  color:var(--accent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.cfvBrand .bt{display:flex;flex-direction:column;line-height:1.15}
.cfvBrand .bt strong{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.01em;color:#fff;white-space:nowrap}
.cfvBrand .bt small{font-size:10px;font-weight:600;color:var(--muted);letter-spacing:.14em;text-transform:uppercase}

/* Search */
.cfvSearch{flex:1;max-width:460px;position:relative;min-width:0}
.cfvSearch svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none}
.cfvSearch input{
  width:100%;padding:10px 14px 10px 38px;
  background:rgba(148,163,184,.07);
  border:1px solid var(--line);border-radius:11px;
  color:var(--text);font-size:13px;font-family:inherit;
  transition:border-color .15s, background .15s, box-shadow .15s;
}
.cfvSearch input::placeholder{color:rgba(147,161,184,.65)}
.cfvSearch input:focus{outline:none;border-color:rgba(82,210,124,.55);background:rgba(148,163,184,.10);box-shadow:0 0 0 3px rgba(82,210,124,.12)}

/* Header tools (dreapta) */
.cfvTools{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}

/* Chip generic (meteo etc.) */
.cfvChip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:11px;
  background:rgba(148,163,184,.07);border:1px solid var(--line);
  color:var(--text);font-size:12.5px;font-weight:600;text-decoration:none;
  transition:border-color .15s, background .15s;white-space:nowrap;
}
.cfvChip:hover{background:rgba(148,163,184,.12);border-color:var(--line-hi);color:#fff}
.cfvChip .num{font-family:var(--font-mono);font-weight:600;font-size:12.5px}
.cfvChip .sep{width:1px;height:14px;background:var(--line-hi)}
.cfvChip .pvv{color:var(--accent);font-family:var(--font-mono);font-size:11.5px;font-weight:600}

/* Account + cart (păstrează clasele emWidget pt JS) */
.emWidgets{display:flex;align-items:center;gap:8px;margin-left:0 !important}
.cfvHead .emWidget{
  position:relative;display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px !important;border-radius:11px !important;
  background:rgba(148,163,184,.07) !important;
  border:1px solid var(--line) !important;
  color:var(--text) !important;font-size:12px !important;cursor:pointer;
  transition:border-color .15s, background .15s;
}
.cfvHead .emWidget:hover{background:rgba(148,163,184,.12) !important;border-color:var(--line-hi) !important}
.cfvHead .emWidget .emBtn{display:inline-flex;align-items:center;gap:8px;color:inherit;padding:0}
.cfvHead .emWidget .emIc{display:inline-flex;color:var(--muted);font-size:0 !important;line-height:1}
.cfvHead .emWidget:hover .emIc{color:var(--text)}
.cfvHead .emWidget .emLbl{display:flex;flex-direction:column;line-height:1.15;text-align:left}
.cfvHead .emWidget .emLbl small{font-size:9.5px !important;font-weight:600;color:var(--muted) !important;letter-spacing:.02em}
.cfvHead .emWidget .emLbl strong{font-size:12px !important;font-weight:700 !important;color:#fff !important}
.cfvHead .emWidget .emChev{display:inline-flex;color:var(--muted);margin-left:0 !important}
.cfvHead .emWidget.emCart{border-color:rgba(82,210,124,.35) !important;background:rgba(82,210,124,.08) !important}
.cfvHead .emWidget.emCart:hover{background:rgba(82,210,124,.14) !important}
.cfvHead .emWidget.emCart .emIc{color:var(--accent)}
.cfvHead .emWidget .emBadge{
  position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;border-radius:100px;
  background:var(--accent);color:#062011;padding:0 5px;
  font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;
  box-shadow:0 2px 6px rgba(82,210,124,.45);line-height:1;
}
.cfvHead .emWidget.emCart{animation:none !important}

/* Hamburger */
.cfvHead .phHamb{
  display:none;align-items:center;justify-content:center;
  width:40px;height:40px;border-radius:11px !important;
  background:rgba(148,163,184,.07) !important;border:1px solid var(--line) !important;
  color:var(--text);cursor:pointer;flex-shrink:0;
}
.cfvHead .phHambBox{display:flex;flex-direction:column;gap:4px;width:16px}
.cfvHead .phHambBox span{display:block;height:2px;border-radius:2px;background:currentColor;transition:transform .2s,opacity .2s}

/* ─────────────── NAV + TICKER ROW ─────────────── */
.cfvNavRow{
  max-width:var(--shell);margin:0 auto;padding:0 12px;
  display:flex;align-items:stretch;gap:12px;
}
.cfvNav{display:flex;align-items:stretch;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1}
.cfvNav::-webkit-scrollbar{display:none}
.cfvNav a{
  display:inline-flex;align-items:center;gap:7px;
  padding:11px 13px;margin-bottom:-1px;
  color:var(--muted);font-size:13px;font-weight:600;white-space:nowrap;
  border-bottom:2px solid transparent;text-decoration:none;
  transition:color .15s;letter-spacing:-.005em;
}
.cfvNav a svg{opacity:.75;flex-shrink:0}
.cfvNav a:hover{color:var(--text)}
.cfvNav a.active{color:var(--accent);border-bottom-color:var(--accent)}
.cfvNav a.active svg{opacity:1}

/* SEN ticker compact în bara de nav */
.cfvTicker{
  display:flex;align-items:center;gap:14px;flex-shrink:0;
  padding:0 4px;margin:6px 0;cursor:pointer;border:0;background:none;
  color:var(--text);font-family:inherit;
}
.cfvTicker .tk{display:flex;flex-direction:column;line-height:1.2;text-align:left}
.cfvTicker .tk span{font-size:9px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}
.cfvTicker .tk b{font-family:var(--font-mono);font-size:12px;font-weight:600;color:var(--text);white-space:nowrap}
.cfvTicker .dot{
  width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;
  box-shadow:0 0 0 0 rgba(82,210,124,.5);animation:cfvPulse 2.2s ease-out infinite;
}
@keyframes cfvPulse{0%{box-shadow:0 0 0 0 rgba(82,210,124,.45)}70%{box-shadow:0 0 0 7px rgba(82,210,124,0)}100%{box-shadow:0 0 0 0 rgba(82,210,124,0)}}
.cfvTicker:hover .tk b{color:#fff}
@media (max-width:1150px){.cfvTicker .tk:nth-child(n+5){display:none}}
@media (max-width:1000px){.cfvTicker{display:none}}

/* flash la update (folosit de setSenVal) */
.val-flash-up{color:var(--accent) !important;transition:color .2s}
.val-flash-down{color:var(--red) !important;transition:color .2s}
.val-flash-neutral{opacity:.6;transition:opacity .2s}

/* Responsive header */
@media (max-width:900px){
  .cfvSearch{display:none}
  .cfvHead .phHamb{display:flex}
  .cfvNavRow{display:none}
  .cfvHead .emWidget .emLbl,.cfvHead .emWidget .emChev{display:none}
  .cfvHead .emWidget{padding:9px 11px !important}
  .cfvTop{padding:9px 14px;gap:10px}
  .cfvChip .pvv,.cfvChip .sep{display:none}
}
@media (max-width:400px){
  .cfvBrand .bt small{display:none}
  .cfvBrand .mark{width:34px;height:34px}
}

/* Dropdown cont — dark, aliniat cu tema */
.cfvHead .emDrop{
  position:absolute;top:calc(100% + 10px);right:0;width:280px;
  background:var(--card-2);color:var(--text);
  border:1px solid var(--line-hi);border-radius:14px;
  box-shadow:0 24px 60px rgba(2,6,16,.6);overflow:hidden;z-index:1000;
}
.cfvHead .emDropHd{padding:14px 16px;border-bottom:1px solid var(--line);font-size:13px;font-weight:600;color:var(--text)}
.cfvHead .emDropHd a{color:var(--accent);font-weight:700}
.cfvHead .emDropList{padding:6px 0;max-height:60vh;overflow-y:auto}
.cfvHead .emDropList a{
  display:flex;align-items:center;gap:10px;padding:9px 16px;
  color:var(--text) !important;font-size:13px;font-weight:500;transition:background .1s;
}
.cfvHead .emDropList a:hover{background:rgba(148,163,184,.08);color:#fff !important}
.cfvHead .emDropFoot{border-top:1px solid var(--line);padding:6px 0}
.cfvHead .emDropFoot .emLogout{display:flex;align-items:center;gap:10px;padding:10px 16px;color:var(--red) !important;font-weight:700;font-size:13px}
.cfvHead .emDropFoot .emLogout:hover{background:rgba(255,107,107,.08)}

/* ─────────────── PAGE / CARDS polish ─────────────── */
.pageWrap{max-width:var(--shell);margin:0 auto;padding:26px 20px 64px}
.card{
  background:var(--card);
  border:1px solid var(--line);border-radius:var(--radius);
  box-shadow:var(--shadow-1);
}

/* ─────────────── FOOTER ─────────────── */
.cfvFoot{margin-top:56px;border-top:1px solid var(--line);background:var(--bg-elev)}
.cfvFootIn{max-width:var(--shell);margin:0 auto;padding:44px 20px 0;display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:36px}
.cfvFoot h4{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.cfvFoot .fBrand{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:#fff;text-decoration:none}
.cfvFoot .fBrand .mark{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;background:rgba(82,210,124,.12);border:1px solid rgba(82,210,124,.3);color:var(--accent)}
.cfvFoot .fBrand strong{font-family:var(--font-display);font-size:14px}
.cfvFoot p{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 8px}
.cfvFoot .fCol a{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);text-decoration:none;padding:4px 0;transition:color .12s}
.cfvFoot .fCol a:hover{color:var(--accent)}
.cfvFoot .fCol a svg{flex-shrink:0;opacity:.7}
.cfvFootBot{
  max-width:var(--shell);margin:36px auto 0;padding:16px 20px;
  border-top:1px solid var(--line);
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  font-size:12px;color:var(--muted);
}
.cfvFootBot a{color:var(--muted)}
.cfvFootBot a:hover{color:var(--accent)}
@media (max-width:860px){.cfvFootIn{grid-template-columns:1fr 1fr;gap:26px;padding:32px 16px 0}}
@media (max-width:520px){.cfvFootIn{grid-template-columns:1fr}.cfvFootBot{flex-direction:column;align-items:flex-start}}

/* ─────────────── HOMEPAGE v2 ─────────────── */
.hpHero{padding:52px 0 36px;text-align:left;display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.hpHero .eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  color:var(--accent);margin-bottom:16px;
}
.hpHero .eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:cfvPulse 2.2s ease-out infinite}
.hpHero h1{font-size:clamp(30px,4.4vw,46px);font-weight:700;line-height:1.08;color:#fff;margin:0 0 16px}
.hpHero h1 em{font-style:normal;color:var(--accent)}
.hpHero .lead{font-size:16px;line-height:1.65;color:var(--muted);max-width:560px;margin:0 0 26px}
.hpHero .lead strong{color:var(--text);font-weight:600}
.hpActions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.btnPrimary{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 22px;border-radius:12px;
  background:linear-gradient(135deg,var(--accent),var(--accent-deep));
  color:#04140a;font-size:14px;font-weight:700;text-decoration:none;
  box-shadow:0 8px 24px rgba(82,210,124,.28);
  transition:transform .15s, box-shadow .15s;
}
.btnPrimary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(82,210,124,.38);color:#04140a}
.btnGhost{
  display:inline-flex;align-items:center;gap:9px;
  padding:13px 22px;border-radius:12px;
  background:rgba(148,163,184,.07);border:1px solid var(--line-hi);
  color:var(--text);font-size:14px;font-weight:600;text-decoration:none;
  transition:background .15s,border-color .15s;
}
.btnGhost:hover{background:rgba(148,163,184,.12);border-color:rgba(148,163,184,.4);color:#fff}
.hpTrust{display:flex;gap:22px;flex-wrap:wrap}
.hpTrust .t{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}
.hpTrust .t svg{color:var(--accent);flex-shrink:0}
.hpTrust .t b{color:var(--text);font-weight:600}

/* Panou live SEN în hero */
.hpLive{
  background:var(--card);border:1px solid var(--line);border-radius:18px;
  box-shadow:var(--shadow-1);overflow:hidden;
}
.hpLiveHead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.hpLiveHead .ttl{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;color:var(--text)}
.hpLiveHead .ttl .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:cfvPulse 2.2s ease-out infinite}
.hpLiveHead time{font-family:var(--font-mono);font-size:10.5px;color:var(--muted)}
.hpLiveGrid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}
.hpLiveGrid .k{padding:14px 18px;border-right:1px solid var(--line)}
.hpLiveGrid .k:last-child{border-right:0}
.hpLiveGrid .k span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:5px}
.hpLiveGrid .k b{font-family:var(--font-mono);font-size:19px;font-weight:600;color:#fff;line-height:1}
.hpLiveGrid .k small{font-size:10.5px;color:var(--muted);font-family:var(--font-mono)}
.hpLiveChartWrap{padding:10px 12px 4px;flex:1;display:flex;flex-direction:column;justify-content:center}
.hpLiveFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px 14px;flex-wrap:wrap}
.hpLegend{display:flex;gap:14px;font-size:11px;color:var(--muted)}
.hpLegend i{display:inline-block;width:14px;height:3px;border-radius:2px;margin-right:5px;vertical-align:middle}
.hpLiveFoot a{font-size:12px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:5px}
@media (max-width:980px){.hpHero{grid-template-columns:1fr;gap:28px;padding:36px 0 24px}}

/* Bandă KPI prețuri */
.hpKpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:8px 0 40px}
.hpKpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-1)}
.hpKpi .lbl{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:9px}
.hpKpi .lbl svg{opacity:.8}
.hpKpi .val{font-family:var(--font-mono);font-size:23px;font-weight:600;color:#fff;line-height:1}
.hpKpi .val small{font-size:11.5px;font-weight:500;color:var(--muted);margin-left:3px}
.hpKpi .sub{font-size:11px;color:var(--muted);margin-top:7px}
.hpKpi.acc .val{color:var(--accent)}
.hpKpi.blu .val{color:var(--blue)}
.hpKpi.amb .val{color:var(--amber)}
@media (max-width:860px){.hpKpis{grid-template-columns:repeat(2,1fr);gap:10px}}

/* Secțiuni */
.hpSec{margin:0 0 44px}
.hpSecHead{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:18px}
.hpSecHead h2{font-size:21px;font-weight:700;color:#fff;margin:0}
.hpSecHead p{font-size:13px;color:var(--muted);margin:4px 0 0}
.hpSecHead .more{font-size:13px;font-weight:600;color:var(--accent);white-space:nowrap;display:inline-flex;align-items:center;gap:5px}

/* Grid module */
.hpMods{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.hpMod{
  display:flex;flex-direction:column;gap:10px;
  background:var(--card);border:1px solid var(--line);border-radius:var(--radius);
  padding:20px;text-decoration:none;color:var(--text);
  box-shadow:var(--shadow-1);
  transition:transform .18s, border-color .18s, background .18s;
  position:relative;
}
.hpMod:hover{transform:translateY(-3px);border-color:rgba(82,210,124,.4);background:var(--card-2);color:var(--text)}
.hpMod .ic{
  width:40px;height:40px;border-radius:11px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(148,163,184,.09);border:1px solid var(--line);
  color:var(--accent);
}
.hpMod.blu .ic{color:var(--blue)}
.hpMod.amb .ic{color:var(--amber)}
.hpMod.red .ic{color:var(--red)}
.hpMod h3{font-size:15px;font-weight:700;color:#fff;margin:2px 0 0}
.hpMod p{font-size:12.5px;line-height:1.55;color:var(--muted);margin:0;flex:1}
.hpMod .go{font-size:12.5px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:5px}
.hpMod.blu .go{color:var(--blue)}
.hpMod.amb .go{color:var(--amber)}
.hpMod .tag{
  position:absolute;top:16px;right:16px;
  font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:4px 9px;border-radius:100px;
  background:rgba(82,210,124,.12);border:1px solid rgba(82,210,124,.3);color:var(--accent);
}
@media (max-width:900px){.hpMods{grid-template-columns:repeat(2,1fr);gap:10px}}
@media (max-width:560px){.hpMods{grid-template-columns:1fr}}

/* Split știri + AFM */
.hpSplit{display:grid;grid-template-columns:1.4fr 1fr;gap:14px;align-items:stretch}
@media (max-width:900px){.hpSplit{grid-template-columns:1fr}}
.hpNews{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden}
.hpNews .nhd{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--line)}
.hpNews .nhd h3{font-size:14px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}
.hpNews .nhd a{font-size:12px;font-weight:600;color:var(--accent)}
.hpNewsList a{display:block;padding:12px 18px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .12s}
.hpNewsList a:last-child{border-bottom:0}
.hpNewsList a:hover{background:rgba(148,163,184,.05)}
.hpNewsList .src{display:block;font-size:10px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--blue)}
.hpNewsList .tit{display:block;font-size:13px;font-weight:500;color:var(--text);line-height:1.45;margin-top:3px}

.hpAfm{
  background:linear-gradient(155deg,rgba(82,210,124,.10),rgba(82,210,124,.02)),var(--card);
  border:1px solid rgba(82,210,124,.3);border-radius:var(--radius);
  padding:22px;box-shadow:var(--shadow-1);
}
.hpAfm .bdg{display:inline-flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}
.hpAfm h3{font-size:18px;font-weight:700;color:#fff;margin:0 0 8px;font-family:var(--font-display)}
.hpAfm .sum{font-family:var(--font-mono);font-size:30px;font-weight:600;color:var(--accent);margin:8px 0 4px}
.hpAfm .sum small{font-size:13px;color:var(--muted);font-family:var(--font-ui)}
.hpAfm p{font-size:13px;line-height:1.6;color:var(--muted);margin:0 0 16px}
.hpAfm ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:7px}
.hpAfm li{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text)}
.hpAfm li svg{color:var(--accent);flex-shrink:0}

/* Mix producție + vecini + balanță */
.hpSplit.rev{grid-template-columns:1.25fr 1fr}
@media (max-width:900px){.hpSplit.rev{grid-template-columns:1fr}}
.hpMixCard,.hpNbr,.hpBal{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);overflow:hidden;display:flex;flex-direction:column}
.hpMixCard .nhd,.hpNbr .nhd,.hpBal .nhd{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.hpMixCard .nhd h3,.hpNbr .nhd h3,.hpBal .nhd h3{font-size:14px;font-weight:700;color:#fff;margin:0;display:flex;align-items:center;gap:8px}
.cleanBdg{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);background:rgba(82,210,124,.1);border:1px solid rgba(82,210,124,.3);padding:4px 10px;border-radius:100px;white-space:nowrap}
.mxList{padding:12px 18px 6px;flex:1;display:flex;flex-direction:column;justify-content:center}
.mxRow{display:grid;grid-template-columns:110px 1fr 88px 52px;align-items:center;gap:10px;padding:5px 0}
.mxName{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap}
.mxName i{width:9px;height:9px;border-radius:3px;flex-shrink:0}
.mxBarWrap{height:8px;background:rgba(148,163,184,.1);border-radius:100px;overflow:hidden}
.mxBar{display:block;height:100%;border-radius:100px;transition:width .6s cubic-bezier(.22,1,.36,1)}
.mxVal{font-family:var(--font-mono);font-size:12px;font-weight:600;color:#fff;text-align:right;white-space:nowrap}
.mxVal small,.nbNet small{font-size:9.5px;color:var(--muted);font-weight:500}
.mxPct{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-align:right}
.mxFoot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 18px 14px;font-size:11.5px;color:var(--muted);flex-wrap:wrap}
.mxFoot b{color:var(--text);font-family:var(--font-mono);font-weight:600}
.mxTs{font-family:var(--font-mono);font-size:10px;color:var(--muted)}
@media (max-width:560px){.mxRow{grid-template-columns:96px 1fr 74px}.mxPct{display:none}}

.nbList{padding:6px 0;flex:1;display:flex;flex-direction:column;justify-content:center}
.nbRow{display:grid;grid-template-columns:30px 1fr auto 86px;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid var(--line)}
.nbRow:last-child{border-bottom:0}
.nbFlag{font-size:20px;line-height:1}
.nbName{font-size:13px;font-weight:600;color:#fff;display:flex;flex-direction:column;line-height:1.3}
.nbName small{font-size:10px;font-weight:500;color:var(--muted)}
.nbFlows{display:flex;flex-direction:column;line-height:1.4;text-align:right}
.nbFlows small{font-family:var(--font-mono);font-size:10.5px}
.nbFlows .in{color:var(--red)}
.nbFlows .out{color:var(--accent)}
.nbNet{font-family:var(--font-mono);font-size:13px;font-weight:600;text-align:right;white-space:nowrap}
.pos{color:var(--accent)}
.neg{color:var(--red)}
@media (max-width:420px){.nbRow{grid-template-columns:26px 1fr 80px}.nbFlows{display:none}}

.hpBal .balList{padding:8px 18px;flex:1;display:flex;flex-direction:column;justify-content:center}
.balRow{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}
.balRow small{font-size:10.5px;color:var(--muted)}
.balRow b{font-family:var(--font-mono);font-size:15px;font-weight:600;color:#fff}
.balRow b small{font-size:10px;font-weight:500}
.balRow.big{border-bottom:0;padding-top:12px}
.balRow.big span{font-weight:700;color:var(--text)}
.balRow.big b{font-size:24px}
.balNote{padding:0 18px 16px;font-size:11.5px;line-height:1.55;color:var(--muted);margin:0}
.balNote a{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:4px}

/* CTA final */
.hpCta{
  background:linear-gradient(140deg,rgba(82,210,124,.12),rgba(106,166,255,.06)),var(--card);
  border:1px solid rgba(82,210,124,.28);border-radius:18px;
  padding:36px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;
  box-shadow:var(--shadow-1);
}
.hpCta h2{font-size:23px;font-weight:700;color:#fff;margin:0 0 6px}
.hpCta p{font-size:14px;color:var(--muted);margin:0}
.hpCta .acts{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:700px){.hpCta{padding:24px}}

/* GDPR footer link mic */
#gdprFooterLink{z-index:150}

/* ─────────────── Finisaje drawer + chip meteo ─────────────── */
.cfvChip .ic{font-size:15px;line-height:1}
@media (max-width:480px){#miniWxBtn{display:none}}
.phNavIco svg,.phFootIco svg{display:block}
.phDrawerSocials a svg{display:block;margin:auto}
.phDrawer{background:var(--bg-elev) !important;border-left:1px solid var(--line) !important}
.phDrawerNav a .phNavIco{color:var(--accent)}
.phPromoIco svg{display:block;color:var(--accent)}

/* FAB "Cere ofertă" — mutat jos-stânga, să nu acopere header-ul */
.cfv-of-fab{top:auto !important;bottom:52px !important;left:14px !important;right:auto !important}

/* Piața în cifre — coloană dublă + rânduri de preț burse */
.hpNbrCol{display:flex;flex-direction:column;gap:14px}
.hpNbrCol > *{flex:1}
.nbRow.prc{grid-template-columns:30px 1fr auto 108px}
.nbRow.prc .nbNet{color:#fff}
.nbRow.prc.ro{background:rgba(82,210,124,.07)}
.nbRow.prc.ro .nbNet{color:var(--accent)}

/* Tooltip grafice */
.cfvTip{position:fixed;z-index:500;display:none;pointer-events:none;background:var(--card-2);border:1px solid var(--line-hi);border-radius:10px;padding:8px 11px;box-shadow:0 14px 36px rgba(2,6,16,.6);font-size:12px;color:var(--text);min-width:150px}
.cfvTip b{display:block;font-family:var(--font-mono);font-size:10.5px;color:var(--muted);margin-bottom:5px;font-weight:600;letter-spacing:.03em}
.cfvTip span{display:flex;align-items:center;gap:7px;padding:2px 0;white-space:nowrap}
.cfvTip i{width:8px;height:8px;border-radius:2px;flex-shrink:0}
.cfvTip em{font-style:normal;font-family:var(--font-mono);font-weight:600;margin-left:auto;padding-left:14px;color:#fff}

/* Clasament european prețuri */
.euRow{display:grid;grid-template-columns:22px 26px minmax(74px,auto) 1fr 118px;align-items:center;gap:9px;padding:6px 18px;border-bottom:1px solid var(--line)}
.euRow:last-child{border-bottom:0}
.euRow.ro{background:rgba(82,210,124,.09);border-left:2px solid var(--accent)}
.euRow.ro .euName{color:var(--accent);font-weight:700}
.euRank{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);text-align:right}
.euRow .nbFlag{font-size:16px}
.euName{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap}
.euPrice{font-family:var(--font-mono);font-size:12px;font-weight:600;color:#fff;text-align:right;white-space:nowrap}
.euPrice small{font-size:9.5px;color:var(--muted);font-weight:500}
.euList{max-height:430px;overflow-y:auto;scrollbar-width:thin;justify-content:flex-start}
@media (max-width:560px){.euRow{grid-template-columns:20px 24px 1fr 84px}.euRow .mxBarWrap{display:none}}

/* ─────────────── MARKETPLACE — declutter & aliniere design system ─────────────── */
[data-page="magazin"] .lIco,[data-page="magazin"] .rsCat i,[data-page="magazin"] .cIco,[data-page="magazin"] .tbIc,[data-page="magazin"] .bbIco{display:inline-flex;align-items:center;justify-content:center;font-style:normal}
[data-page="magazin"] .lsNav a{display:flex;align-items:center;gap:10px;color:var(--muted);border-radius:9px;transition:background .12s,color .12s}
[data-page="magazin"] .lsNav a:hover{color:#fff;background:rgba(148,163,184,.07)}
[data-page="magazin"] .lsNav a.active{color:var(--accent)}
[data-page="magazin"] .lsNav a svg{opacity:.75;flex-shrink:0}
[data-page="magazin"] .secHd{margin-top:34px}
[data-page="magazin"] .secHd h3{display:flex;align-items:center;gap:9px;font-family:var(--font-display);letter-spacing:-.01em}
[data-page="magazin"] .secHd h3 svg{color:var(--accent);flex-shrink:0}
[data-page="magazin"] .becomeBtn{background:rgba(82,210,124,.08) !important;border:1px solid rgba(82,210,124,.35) !important;box-shadow:none !important;border-radius:12px !important}
[data-page="magazin"] .becomeBtn .bbIco{color:var(--accent);font-size:0}
[data-page="magazin"] .becomeBtn:hover{background:rgba(82,210,124,.14) !important}
[data-page="magazin"] .tBadge{display:flex;align-items:center;gap:10px}
[data-page="magazin"] .tBadge .tbIc{color:var(--accent);font-size:0 !important;width:36px;height:36px;border-radius:10px;background:rgba(82,210,124,.09);border:1px solid rgba(82,210,124,.25);flex-shrink:0}
[data-page="magazin"] .rsTruck .icBig{color:var(--accent);font-size:0;display:flex;justify-content:center;margin-bottom:8px}
[data-page="magazin"] .adSlot{margin:14px 0}
[data-page="magazin"] .adLabel{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.6}
[data-page="magazin"] .rsBox,[data-page="magazin"] .rsTruck,[data-page="magazin"] .lsCard{border-radius:14px}
[data-page="magazin"] .rsCat a{border-radius:8px}
[data-page="magazin"] .rsCat a:hover{background:rgba(148,163,184,.07)}
[data-page="magazin"] .filtChk .cIco{font-size:0;color:var(--muted)}
[data-page="magazin"] .filtChk input:checked ~ .cIco{color:var(--accent)}
[data-page="magazin"] .vCard,[data-page="magazin"] .catCard,[data-page="magazin"] .prCard{border-radius:14px}
[data-page="magazin"] .bnrSlider{border-radius:16px;overflow:hidden}

/* Filtrele marketplace → chip-uri comutabile (checkbox-ul nativ ascuns) */
[data-page="magazin"] .filtGrid{display:flex;gap:8px;flex-wrap:wrap}
[data-page="magazin"] .filtChk{position:relative;display:inline-flex;align-items:center;justify-content:center;width:42px;height:38px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:rgba(148,163,184,.05);transition:border-color .12s,background .12s}
[data-page="magazin"] .filtChk input{position:absolute;opacity:0;pointer-events:none}
[data-page="magazin"] .filtChk .cBox{display:none}
[data-page="magazin"] .filtChk .cIco{color:var(--muted)}
[data-page="magazin"] .filtChk:has(input:checked){border-color:rgba(82,210,124,.5);background:rgba(82,210,124,.10)}
[data-page="magazin"] .filtChk:has(input:checked) .cIco{color:var(--accent)}
[data-page="magazin"] .filtActs{display:flex;gap:8px;margin:12px 0 0}
[data-page="magazin"] .filtAct{padding:6px 13px;border:1px solid var(--line);border-radius:8px;background:none;color:var(--muted);font-size:11px;font-weight:600;cursor:pointer;font-family:inherit}
[data-page="magazin"] .filtAct:hover{color:#fff;border-color:var(--line-hi)}
[data-page="magazin"] .filtHint{display:block;margin-top:9px;color:var(--muted);font-size:11px}

/* Chip meteo extins (elevație soare + vânt) */
.cfvChip .wxx{color:var(--muted);font-size:11.5px}
@media (max-width:1180px){.cfvChip .wxx{display:none}}

/* Arhivă */
.arhTabs{display:flex;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:11px;padding:4px}
.arhTabs a{padding:7px 16px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted);text-decoration:none;transition:background .12s,color .12s}
.arhTabs a:hover{color:#fff}
.arhTabs a.on{background:rgba(82,210,124,.14);color:var(--accent)}
.arhTable{width:100%;border-collapse:collapse;font-size:13px}
.arhTable th{text-align:right;padding:10px 18px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.arhTable th:first-child,.arhTable td:first-child{text-align:left}
.arhTable td{text-align:right;padding:9px 18px;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-weight:500;color:var(--text)}
.arhTable tr:last-child td{border-bottom:0}
.arhTable tr:hover td{background:rgba(148,163,184,.04)}

/* Hartă */
.hartaWrap{padding:10px}
.hartaSvg{width:100%;height:auto;display:block}
.svgFlag{font-size:20px}
.svgName{font-size:13px;font-weight:700;fill:#fff;font-family:Inter,sans-serif}
.svgRoLbl{font-size:11px;font-weight:700;fill:#52d27c;font-family:'JetBrains Mono',monospace;letter-spacing:.1em}
.svgNet{font-size:14px;font-weight:600;font-family:'JetBrains Mono',monospace}
.svgCap{font-size:9.5px;fill:rgba(147,161,184,.75);font-family:Inter,sans-serif}
.fluxLine{animation:fluxDash 1.6s linear infinite}
.fluxLine.in{animation-direction:reverse}
@keyframes fluxDash{to{stroke-dashoffset:-13}}

/* Rapoarte zilnice */
.rptSecTtl{display:flex;align-items:center;gap:9px;font-size:17px;font-weight:700;color:#fff;margin:22px 0 12px;font-family:var(--font-display)}
.rptSecTtl svg{color:var(--accent)}
@media print{
  .cfvHead,.cfvFoot,.phDrawer,.phDrawerBackdrop,.cartFab,.cfv-of-fab,#gdprBanner,#gdprFooterLink,.btnGhost,.btnPrimary{display:none !important}
  body{background:#fff !important;color:#000 !important}
  .hpKpi,.hpNbr,.hpMixCard{border-color:#ddd !important;background:#fff !important;box-shadow:none !important}
}