/* Redesignul E (faza D1, 07.10.2026). Inlocuieste, pe pagina tool-ului,
   base.css, components.css, landing.css, report.css, states.css, design.css si
   report-design.css. Valorile vin din audit-tool-uiux/D/design/spec-design-E.md
   si din machetele E-*.dc.html. Fara carduri, fara colturi rotunjite, fara
   linii verticale; un singur font, Sora. */

:root {
  --e-dark: #160E0A;
  --e-cream: #F4EFE8;
  --e-ink: #211915;
  --e-t2d: #B8AAA0;
  --e-t2c: #6B5B52;
  --e-ls-d: #F4EFE84D;
  --e-lf-d: #F4EFE81F;
  --e-lh-d: #F4EFE817;
  --e-ls-c: #2119154D;
  --e-lf-c: #2119151F;
  --e-track: #2119151A;
  --e-crit-d: #E05A4A; --e-warn-d: #E0A23A; --e-ok-d: #5CB97A;
  --e-crit: #B42318; --e-warn: #9A5B00; --e-ok: #1B7A3A;
  --e-accent: #ED5F07;
  /* focus: pe crem contur #160E0A (16,67:1), pe inchis #ED5F07 (5,67:1); decizia D2 */
  --e-focus: #160E0A;
  /* linia benzii campului din hero: #F4EFE866 compus pe #160E0A (#6F6863) da 3,48:1 (minim 3:1) */
  --e-band-line: #F4EFE866;
  --e-action: #963B15;
  /* D4 (C1): containerul site-ului novaweb.ro (kitul Elementor, post-7.css): continut de
     maximum 1440 px, 40 px margine pe desktop si tableta, 24 px sub 768 px */
  --e-pad: 40px;
  --e-max: 1440px;
  --e-ease: cubic-bezier(.2,.7,.2,1);
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-padding-top: 88px; scroll-padding-bottom: var(--e-bar-h, 24px); }
body.e-body { margin: 0; font-family: 'Sora', system-ui, sans-serif; font-size: 16px; line-height: 1.5; color: var(--e-ink); background: var(--e-cream); -webkit-font-smoothing: antialiased; }
h1, h2, h3, p, dl, dd { margin: 0; }
img { max-width: 100%; height: auto; display: block; }
button, input, textarea { font: inherit; color: inherit; }
[hidden] { display: none !important; }
.e-wrap { max-width: calc(var(--e-max) + 2 * var(--e-pad)); margin: 0 auto; padding: 0 var(--e-pad); }
.e-light { font-weight: 300; }
.e-accent { color: var(--e-accent); }
.e-muted { color: var(--e-t2c); font-weight: 400; }

a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, summary:focus-visible, [tabindex]:focus-visible { outline: 2px solid var(--e-focus); outline-offset: 6px; }
.e-head, .e-burger-panel, .e-hero, .e-foot { --e-focus: var(--e-accent); }

.e-skip { position: absolute; left: 20px; top: -80px; z-index: 60; background: var(--e-cream); color: var(--e-dark); padding: 12px 16px; font-size: 14px; font-weight: 600; }
.e-skip:focus { top: 12px; }

/* ---------- eticheta cu index */
.e-eyebrow { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-t2d); font-feature-settings: 'tnum'; }
.e-eyebrow .e-idx { color: var(--e-accent); font-weight: 700; }
.e-eyebrow .e-rule { width: 24px; height: 1px; background: var(--e-ls-d); flex: none; }
.e-eyebrow-dark { color: var(--e-ink); }
.e-eyebrow-dark .e-rule { background: var(--e-ls-c); }
.e-label-dark { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-ink); }

/* ---------- butoane */
.e-btn { display: inline-flex; align-items: center; justify-content: center; gap: 14px; height: 60px; padding: 0 28px; border: 0; border-radius: 0; background: var(--e-action); color: var(--e-cream); font-size: 14px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.e-btn:disabled { cursor: progress; opacity: .85; }
.e-btn-full { width: 100%; }
.e-linkbtn { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; font-size: inherit; min-height: 24px; }
.e-linkbtn:disabled { text-decoration: none; cursor: default; opacity: .8; }

/* ---------- puncte de stare */
.e-dot { display: inline-block; width: 6px; height: 6px; border-radius: 100px; flex: none; }
.e-hero .e-dot-fail { background: var(--e-crit-d); } .e-hero .e-dot-warn { background: var(--e-warn-d); } .e-hero .e-dot-pass { background: var(--e-ok-d); }
.e-dot-fail { background: var(--e-crit); } .e-dot-warn { background: var(--e-warn); } .e-dot-pass { background: var(--e-ok); }
.e-dot-accent { background: var(--e-accent); }

/* ---------- antet si meniu */
.e-head { background: var(--e-dark); border-bottom: 1px solid var(--e-lh-d); }
.e-head-in { height: 72px; display: flex; align-items: center; }
.e-brand img { height: 32px; width: auto; }
.e-navfloat { position: absolute; top: 0; left: 0; right: 0; height: 72px; pointer-events: none; z-index: 20; }
.e-navfloat-in { height: 72px; display: flex; align-items: center; justify-content: flex-end; }
.e-nav { display: flex; align-items: center; gap: 24px; font-size: 14px; font-weight: 500; pointer-events: auto; }
.e-nav a { color: var(--e-cream); text-decoration: none; padding: 12px 0; }
.e-nav a:hover { color: #E8B79A; }
.e-nav-strong { display: inline-flex; align-items: center; gap: 8px; font-weight: 600; }
.e-burger { display: none; pointer-events: auto; position: relative; }
.e-burger > summary { list-style: none; width: 44px; height: 44px; border: 1px solid #F4EFE833; color: var(--e-cream); display: inline-flex; align-items: center; justify-content: center; cursor: pointer; }
.e-burger > summary::-webkit-details-marker { display: none; }
.e-burger-panel { position: absolute; right: 0; top: 52px; min-width: 220px; background: var(--e-dark); border-top: 1px solid var(--e-ls-d); display: flex; flex-direction: column; }
.e-burger-panel a { color: var(--e-cream); text-decoration: none; padding: 14px 16px; border-bottom: 1px solid var(--e-lf-d); font-size: 15px; }

/* ---------- hero */
.e-hero { background: var(--e-dark); color: var(--e-cream); padding: 48px 0 56px; }
.e-hero-top { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; }
/* ---------- inelele din hero (faza D6, E-landing-desktop-inele.dc.html) */
.e-rings { margin: 0 0 6px; display: flex; align-items: flex-start; gap: 20px; flex: none; }
.e-rg { width: 112px; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.e-rg-ring { position: relative; width: 96px; height: 96px; display: flex; align-items: center; justify-content: center; }
.e-rg-ring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.e-rg-ring circle { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
.e-rg-track { stroke: #F4EFE833; }
.e-rg-track-dots { stroke-dasharray: 3 5; }
.e-rg-arc { stroke-dasharray: 263.9; stroke-dashoffset: 263.9; animation: eRing 900ms var(--e-ease) forwards; }
.e-rg-arc-1 { stroke: var(--e-cream); --off: 0; animation-delay: 200ms; }
.e-rg-arc-2 { stroke: var(--e-accent); --off: 219.9; animation-delay: 320ms; }
@keyframes eRing { from { stroke-dashoffset: 263.9; } to { stroke-dashoffset: var(--off); } }
.e-rg-n { position: relative; font-size: 32px; font-weight: 300; letter-spacing: -.03em; color: var(--e-cream); font-feature-settings: 'tnum'; line-height: 1; }
.e-rg-u { font-size: 16px; margin-left: 2px; }
.e-rg-cur { margin-left: 3px; }
.e-rg dd { font-size: 12px; line-height: 1.45; color: var(--e-t2d); }
.sr-only { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.e-hero-title { display: flex; flex-direction: column; gap: 20px; }
.e-hero h1 { font-size: 72px; line-height: 1.02; letter-spacing: -.025em; font-weight: 700; color: var(--e-cream); }

/* D8 (1a): fara file; intre titlu si banda campului raman 48 px, ca in E-landing-desktop-inele */
.e-form-top { margin-top: 48px; }
.e-mob { display: none; }

.e-bandrow { position: relative; }
.e-band { position: relative; display: flex; align-items: center; height: 104px; border-top: 1px solid var(--e-band-line); border-bottom: 1px solid var(--e-band-line); padding-right: 300px; }
/* Campurile-banda nu primesc chenar la focus: linia lor de jos devine 2 px in
   culoarea de focus (1 px de bordura + 1 px de umbra, fara salt de layout). */
.e-band input:focus, .e-band input:focus-visible, .e-gate-field input:focus, .e-gate-field input:focus-visible { outline: none; }
.e-band:focus-within { border-bottom-color: var(--e-focus); box-shadow: 0 1px 0 var(--e-focus); }
.e-gate-field input:focus { border-bottom-color: var(--e-focus); box-shadow: 0 1px 0 var(--e-focus); }
.e-band input { flex: 1 1 auto; min-width: 0; height: 100px; border: 0; background: transparent; font-size: 44px; font-weight: 300; letter-spacing: -.01em; color: var(--e-cream); padding: 0; }
.e-band input::placeholder { color: var(--e-t2d); opacity: 1; }
.e-band input[readonly] { opacity: .9; }
.e-band input[aria-invalid="true"] { text-decoration: underline wavy var(--e-crit-d) 1px; text-underline-offset: 10px; }
.e-progress { position: absolute; left: 0; bottom: -1px; height: 2px; width: 0; background: var(--e-accent); }
.e-btn-band { position: absolute; right: 0; top: 22px; }

.e-status { min-height: 0; }
.e-sheet { display: grid; grid-template-columns: 1.6fr repeat(4, minmax(0, 1fr)); column-gap: 32px; }
.e-cell { padding-top: 24px; display: flex; flex-direction: column; gap: 6px; min-width: 0; opacity: 0; animation: eRise 420ms var(--e-ease) forwards; }
.e-cell-k { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-t2d); }
.e-cell-v { font-size: 20px; font-weight: 600; line-height: 1.2; font-feature-settings: 'tnum'; }
.e-cell-wide .e-cell-v { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.e-cell-d { font-size: 13px; color: var(--e-t2d); }
.e-pulse { animation: ePulse 900ms ease-out 1; }
.e-analysis { padding-top: 24px; display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--e-cream); }
.e-analysis-t { margin-left: auto; color: var(--e-t2d); font-feature-settings: 'tnum'; }
.e-peek-slow { padding-top: 24px; font-size: 15px; color: var(--e-t2d); }
.e-err { display: flex; align-items: baseline; gap: 10px; font-size: 15px; line-height: 1.45; }
.e-err::before { content: ""; width: 6px; height: 6px; border-radius: 100px; background: var(--e-crit); flex: none; transform: translateY(-2px); }
.e-hero .e-err { padding-top: 24px; color: var(--e-cream); }
.e-hero .e-err::before { background: var(--e-crit-d); }

@keyframes eRise { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@keyframes ePulse { 0% { box-shadow: 0 0 0 0 rgba(92,185,122,.6); } 100% { box-shadow: 0 0 0 10px rgba(92,185,122,0); } }
@keyframes eGrow { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes eBg { from { background: var(--e-dark); } to { background: var(--e-cream); } }

/* ---------- raportul */
.e-report { background: var(--e-cream); color: var(--e-ink); padding: 32px 0 0; }
body.e-anim.is-report .e-report { animation: eBg 300ms ease-out; }
.e-report:focus { outline: none; }
.e-r-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; padding-bottom: 20px; border-bottom: 1px solid var(--e-ls-c); }
.e-r-head-left { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.e-r-type { font-size: 13px; color: var(--e-t2c); }
.e-r-domain { font-size: 36px; font-weight: 300; letter-spacing: -.02em; color: var(--e-dark); overflow-wrap: anywhere; }
.e-r-other { font-size: 13px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: var(--e-dark); text-decoration: none; border-bottom: 1px solid var(--e-dark); padding: 12px 0 2px; flex: none; }
.e-r-other:hover { color: var(--e-action); }
.e-r-grid { display: grid; grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); grid-template-areas: "score gate" "serp gate" "list gate"; grid-template-rows: auto auto 1fr; }
.e-r-score { grid-area: score; padding: 28px 64px 0 0; }
.e-r-gate { grid-area: gate; padding: 28px 0 0 48px; }
.e-r-serp { grid-area: serp; padding-right: 64px; }
.e-r-list { grid-area: list; padding-right: 64px; }

.e-score { display: flex; align-items: flex-end; gap: 40px; }
.e-ring { position: relative; width: 176px; height: 176px; flex: none; display: flex; align-items: center; justify-content: center; }
.e-ring svg { position: absolute; left: 0; top: 0; transform: rotate(-90deg); }
.e-ring-track { fill: none; stroke: var(--e-track); stroke-width: 2; }
.e-ring-val { fill: none; stroke: var(--e-accent); stroke-width: 2; stroke-linecap: butt; }
.e-ring-num { display: flex; align-items: baseline; gap: 4px; }
.e-ring-n { font-size: 72px; line-height: 1; font-weight: 700; letter-spacing: -.04em; color: var(--e-dark); font-feature-settings: 'tnum'; }
.e-ring-max { font-size: 16px; font-weight: 300; color: var(--e-ink); }
/* D9 (3): cand sectiunea locala e prezenta, inelul spune ca scorul lui e cel general */
.e-ring { flex-direction: column; }
.e-ring-lbl { position: relative; margin-top: 6px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-t2c); }
.e-counts { margin: 0 0 6px; flex: 1 1 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 24px; }
.e-count { display: flex; flex-direction: column; gap: 4px; }
.e-count dt { display: flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-ink); }
.e-count dd { font-size: 28px; font-weight: 600; color: var(--e-dark); font-feature-settings: 'tnum'; }
.e-count-line { display: block; margin-top: 8px; height: 2px; background: var(--e-track); }
.e-grow { display: block; height: 2px; background: var(--e-dark); transform-origin: left center; transform: scaleX(0); animation: eGrow 700ms var(--e-ease) forwards; }
.is-static .e-grow { animation: none; transform: none; }
.e-ran { margin-top: 16px; font-size: 13px; color: var(--e-t2c); }

.e-serp { margin-top: 28px; padding: 18px 0; border-top: 1px solid var(--e-ls-c); border-bottom: 1px solid var(--e-ls-c); display: grid; grid-template-columns: 200px 1fr; column-gap: 24px; }
.e-serp-h { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-ink); padding-top: 4px; }
.e-serp-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.e-serp-url { font-size: 13px; color: var(--e-ink); overflow-wrap: anywhere; }
.e-serp-title { font-size: 20px; font-weight: 500; color: var(--e-dark); }
.e-serp-desc { font-size: 14px; line-height: 1.5; color: var(--e-ink); }
.e-serp-desc.is-missing { border-bottom: 1px dashed var(--e-warn); align-self: flex-start; }
.e-serp-note { margin-top: 6px; font-size: 13px; color: var(--e-ink); }

.e-row { display: grid; grid-template-columns: 24px 1fr 160px 128px; align-items: center; gap: 16px; padding: 16px 0; border-bottom: 1px solid var(--e-lf-c); }
.e-rows .e-row:last-child { border-bottom: 0; }
.e-row-dot { width: 8px; height: 8px; justify-self: center; }
.e-row-main { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.e-row-name { font-size: 16px; font-weight: 600; color: var(--e-dark); }
.e-row-why { font-size: 13px; color: var(--e-ink); }
.e-row-val { font-size: 13px; color: var(--e-ink); font-feature-settings: 'tnum'; overflow-wrap: anywhere; }
.e-row-st { text-align: right; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-ink); }
.e-more { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 14px 0; border-top: 1px solid var(--e-ls-c); font-size: 13px; color: var(--e-t2c); }
.e-more a { color: var(--e-t2c); text-underline-offset: 3px; flex: none; padding: 12px 0; }

/* poarta si confirmarea */
.e-gate { display: flex; flex-direction: column; gap: 18px; }
.e-gate-h { font-size: 28px; line-height: 1.1; letter-spacing: -.02em; font-weight: 700; color: var(--e-dark); }
.e-gate-text { font-size: 15px; line-height: 1.5; color: var(--e-ink); }
.e-gate-form { display: flex; flex-direction: column; gap: 16px; margin-top: 6px; }
.e-gate-field { display: flex; flex-direction: column; gap: 6px; }
.e-gate-field label { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-ink); }
.e-gate-field input { height: 52px; border: 0; border-bottom: 1px solid var(--e-dark); background: transparent; font-size: 22px; font-weight: 300; color: var(--e-ink); padding: 0; }
.e-gate-field input::placeholder { color: var(--e-t2c); opacity: 1; }
.e-gate-field input[aria-invalid="true"] { border-bottom-width: 2px; border-bottom-color: var(--e-crit); }
.e-check { display: flex; align-items: flex-start; gap: 10px; font-size: 13px; line-height: 1.45; color: var(--e-ink); min-height: 44px; cursor: pointer; }
.e-check input { width: 16px; height: 16px; margin: 2px 0 0; accent-color: var(--e-dark); flex: none; }
.e-check input[aria-invalid="true"] { outline: 2px solid var(--e-crit); outline-offset: 2px; }
.e-check a { color: var(--e-dark); text-underline-offset: 3px; }
.e-gate .e-err { font-size: 13px; color: var(--e-ink); }
.e-done-h { font-size: 22px; line-height: 1.3; font-weight: 600; letter-spacing: -.01em; color: var(--e-dark); }
.e-done-h:focus { outline: none; }
.e-done-h:focus-visible { outline: 2px solid var(--e-focus); outline-offset: 6px; }
.e-done-act { display: flex; align-items: center; gap: 24px; }
.e-done-act .e-linkbtn { font-size: 14px; min-height: 44px; }
.e-pref { padding-top: 14px; border-top: 1px solid var(--e-lf-c); display: flex; flex-direction: column; gap: 6px; font-size: 15px; }
/* A4: raspunsurile dintr-un clic sunt butoane contur, nu linkuri */
.e-btn-line { align-self: flex-start; display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--e-dark); border-radius: 0; background: transparent; color: var(--e-dark); font: inherit; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; }
.e-btn-line:hover { background: var(--e-dark); color: var(--e-cream); }
.e-btn-line:disabled { opacity: .6; cursor: default; }
.e-pref-done { font-size: 15px; font-weight: 600; color: var(--e-dark); }

/* ---------- toate verificarile (faza D8, E-raport-complet-desktop/mobil.dc.html) */
.e-r-rest { margin-top: 72px; }
.e-all-head { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; border-bottom: 1px solid var(--e-ls-c); }
.e-all-title { display: flex; flex-direction: column; gap: 12px; padding-bottom: 20px; min-width: 0; }
.e-all-title h2 { font-size: 40px; line-height: 1.05; letter-spacing: -.02em; font-weight: 700; color: var(--e-dark); overflow-wrap: anywhere; }
.e-filt { display: flex; gap: 28px; flex: none; }
.e-filt-b { padding: 0 0 12px; min-height: 44px; display: inline-flex; align-items: flex-end; gap: 6px; border: 0; border-bottom: 2px solid transparent; background: transparent; color: var(--e-t2c); font-size: 13px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; white-space: nowrap; font-feature-settings: 'tnum'; }
.e-filt-b[aria-pressed="true"] { color: var(--e-dark); border-bottom-color: var(--e-accent); }
.e-filt-b:hover { color: var(--e-dark); }
/* D9 (1d, 1a, 1c): eticheta filtrelor, randul de stare (gol, deci fara inaltime, la „Toate”), categoriile estompate */
.e-filt-l { align-self: flex-end; padding-bottom: 12px; font-size: 13px; font-weight: 500; color: var(--e-t2c); white-space: nowrap; }
.e-filt-st { margin-top: 14px; font-size: 14px; font-weight: 500; color: var(--e-dark); font-feature-settings: 'tnum'; }
.e-filt-st:empty { margin-top: 0; }
.e-chips-l { flex: none; align-self: center; font-size: 13px; font-weight: 500; color: var(--e-t2c); }
.e-ix-a.is-off, .e-chip.is-off, .e-ix-sub.is-off { opacity: .4; pointer-events: none; cursor: default; }
.e-warnnote { margin-top: 16px; padding: 12px 0; border-bottom: 1px solid var(--e-lf-c); font-size: 14px; color: var(--e-ink); }
.e-chips { display: none; }
/* D10: randurile derulabile (filtrele si cipurile pe mobil) fara bara de derulare; pe marginea dreapta,
   o estompare de 24 px in culoarea fundalului, doar cat mai e continut spre dreapta (clasa e-hasmore, pusa
   din e-app.js). Elementul ::after e lipit de margine (sticky) si nu ocupa loc (margin-left -24 px). */
.e-filt, .e-chips { scrollbar-width: none; }
.e-filt::-webkit-scrollbar, .e-chips::-webkit-scrollbar { display: none; }
.e-filt::after, .e-chips::after { content: ""; flex: none; position: sticky; right: 0; width: 24px; margin-left: -24px; background: linear-gradient(to right, rgba(244, 239, 232, 0), var(--e-cream)); pointer-events: none; opacity: 0; }
.e-filt.e-hasmore::after, .e-chips.e-hasmore::after { opacity: 1; }
.e-all-grid { margin-top: 40px; display: grid; grid-template-columns: 240px minmax(0, 1fr); column-gap: 64px; }
.e-ix { position: sticky; top: 96px; align-self: start; display: flex; flex-direction: column; }
.e-ix-t { margin-bottom: 8px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-t2c); }
.e-ix-a { display: grid; grid-template-columns: 10px 1fr auto; align-items: center; column-gap: 10px; padding: 10px 0; min-height: 44px; text-decoration: none; font-size: 14px; font-weight: 500; color: var(--e-ink); }
.e-ix-a:hover { color: var(--e-action); }
.e-ix-dot { width: 6px; height: 6px; border-radius: 100px; }
.e-ix-a.is-cur { font-weight: 600; color: var(--e-dark); }
.e-ix-a.is-cur .e-ix-dot { background: var(--e-accent); }
.e-ix-s { font-size: 13px; font-weight: 500; color: var(--e-t2c); font-feature-settings: 'tnum'; }
.e-ix-sub { display: block; margin: -8px 0 6px 20px; font-size: 12px; color: var(--e-t2c); }
.e-ix-na { color: var(--e-t2c); }
.e-ix-lock { margin-top: 20px; display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 13px; color: var(--e-t2c); text-decoration: none; }
.e-ix-lock:hover { color: var(--e-action); }
/* ancorele nu ajung sub bara fixa: ajunge scroll-padding-top de pe html (88 px, 72 px pe mobil);
   un scroll-margin-top pe sectiuni s-ar aduna peste el (D9) */
.e-lc { display: flex; flex-direction: column; margin-bottom: 56px; }
.e-lc:focus { outline: none; }
.e-lc:focus-visible { outline: 2px solid var(--e-focus); outline-offset: 6px; }
.e-lc-head { display: flex; align-items: baseline; justify-content: space-between; gap: 24px; padding-bottom: 12px; }
.e-lc-head h3 { font-size: 24px; line-height: 1.15; letter-spacing: -.01em; font-weight: 700; color: var(--e-dark); }
.e-lc-local .e-lc-head { align-items: center; }
.e-lc-score { display: inline-flex; align-items: center; gap: 12px; font-size: 24px; font-weight: 300; color: var(--e-dark); font-feature-settings: 'tnum'; }
.e-lc-line { display: block; height: 2px; background: var(--e-track); position: relative; }
.e-lc-line > span { position: absolute; left: 0; top: 0; height: 2px; background: var(--e-dark); }
.e-lring { position: relative; width: 40px; height: 40px; display: inline-flex; }
.e-lring svg { transform: rotate(-90deg); }
.e-lring circle, .e-mring circle { fill: none; stroke-width: 2; }
.e-lring-t { stroke: var(--e-track); }
.e-lring-v { stroke: var(--e-accent); }
.e-lc-note { padding: 16px 0; border-bottom: 1px solid var(--e-lf-c); font-size: 14px; line-height: 1.5; color: var(--e-ink); }
.e-li { display: grid; grid-template-columns: 12px minmax(0, 1fr) 140px 300px; column-gap: 20px; align-items: start; padding: 18px 0; border-bottom: 1px solid var(--e-lf-c); }
.e-li-dot { width: 8px; height: 8px; margin-top: 7px; }
.e-li-main { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.e-li-name { font-size: 16px; font-weight: 600; color: var(--e-dark); }
.e-li-why { font-size: 14px; line-height: 1.5; color: var(--e-ink); }
.e-li-sev { margin-top: 4px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; }
.e-sev-fail { color: var(--e-crit); } .e-sev-warn { color: var(--e-warn); } .e-sev-pass { color: var(--e-ok); }
.e-li-valm { display: none; text-transform: none; letter-spacing: 0; font-size: 12px; color: var(--e-t2c); }
.e-li-valm b { color: var(--e-dark); font-weight: 500; }
.e-li-val { font-size: 14px; font-weight: 500; color: var(--e-dark); font-feature-settings: 'tnum'; overflow-wrap: anywhere; }
.e-li-steps { min-width: 0; font-size: 13px; line-height: 1.5; color: var(--e-ink); }
.e-li-lock { display: inline-flex; align-items: center; gap: 8px; min-height: 24px; font-size: 13px; color: var(--e-t2c); text-decoration: none; border-bottom: 1px solid var(--e-ls-c); padding-bottom: 1px; }
.e-li-lock:hover { color: var(--e-action); }
.e-lock { flex: none; }
.e-li-ol { margin: 0; padding: 0 0 0 18px; display: flex; flex-direction: column; gap: 6px; }
.e-li-tip { margin: 0; }
.e-li-pass { display: flex; gap: 10px; padding: 14px 0; font-size: 13px; line-height: 1.5; color: var(--e-t2c); }
.e-li-pass-k { flex: none; display: inline-flex; align-items: center; gap: 6px; font-weight: 500; color: var(--e-ok); }
/* D12b: „Nu se aplica aici” si „Nu am putut verifica”, gri, fara punct de stare */
.e-li-gray .e-li-pass-k { color: var(--e-t2c); }
.e-lnone { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 32px; align-items: center; padding: 24px 0; border-top: 1px solid var(--e-ls-c); border-bottom: 1px solid var(--e-ls-c); margin-bottom: 56px; }
.e-lnone-t { display: flex; flex-direction: column; gap: 4px; }
.e-lnone h3 { font-size: 18px; font-weight: 600; color: var(--e-dark); }
.e-lnone p { font-size: 14px; line-height: 1.5; color: var(--e-ink); }
.e-lnone .e-err { margin-top: 6px; }
.e-lnone .e-btn-line { align-self: center; padding: 0 20px; }
body.is-report .e-checks { display: none; }

/* ---------- bara fixa de sus (D8, 3a) */
.e-rbar { position: fixed; top: 0; left: 0; right: 0; z-index: 30; height: 64px; background: var(--e-dark); color: var(--e-cream); --e-focus: var(--e-accent); transform: translateY(-100%); visibility: hidden; transition: transform 200ms var(--e-ease), visibility 0s linear 200ms; }
.e-rbar.is-on { transform: none; visibility: visible; transition: transform 200ms var(--e-ease), visibility 0s; }
.e-rbar-in { height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.e-rbar-l { display: flex; align-items: center; gap: 16px; min-width: 0; }
.e-mring { position: relative; flex: none; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; font-feature-settings: 'tnum'; }
.e-mring svg { position: absolute; inset: 0; width: 100%; height: 100%; transform: rotate(-90deg); }
.e-mring-t { stroke: #F4EFE833; }
.e-mring-v { stroke: var(--e-accent); }
.e-rbar-dom { font-size: 16px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
.e-rbar-c { display: inline-flex; align-items: center; gap: 16px; margin-left: 12px; font-size: 13px; color: var(--e-t2d); white-space: nowrap; }
.e-rbar-c > span { display: inline-flex; align-items: center; gap: 6px; }
.e-rbar .e-dot-fail, .e-end .e-dot-fail { background: var(--e-crit-d); } .e-rbar .e-dot-warn { background: var(--e-warn-d); } .e-rbar .e-dot-pass { background: var(--e-ok-d); }
.e-rbar-cm { display: none; font-size: 12px; color: var(--e-t2d); white-space: nowrap; font-feature-settings: 'tnum'; }
.e-rbar-r { display: flex; align-items: center; gap: 16px; flex: none; }
.e-btn-sm { height: 40px; padding: 0 20px; font-size: 13px; gap: 8px; }
.e-btn-out { display: inline-flex; align-items: center; justify-content: center; height: 56px; padding: 0 24px; border: 1px solid #F4EFE866; border-radius: 0; background: transparent; color: var(--e-cream); font-size: 14px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; white-space: nowrap; }
.e-btn-out:hover { border-color: var(--e-cream); }
.e-btn-out.e-btn-sm { height: 40px; padding: 0 16px; font-size: 13px; }

/* ---------- banda de final (D8, 3c) */
.e-end { margin-top: 24px; background: var(--e-dark); color: var(--e-cream); padding: 72px 0; --e-focus: var(--e-accent); }
.e-end-in { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 48px; align-items: end; }
.e-end-l { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.e-end-eb { display: flex; align-items: center; gap: 12px; font-size: 12px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-t2d); overflow-wrap: anywhere; }
.e-end-eb .e-idx { color: var(--e-accent); font-weight: 700; }
.e-end-h { font-size: 48px; line-height: 1.05; letter-spacing: -.02em; font-weight: 700; }
.e-end-help { align-self: flex-start; color: var(--e-t2d); font-size: 14px; text-underline-offset: 3px; padding: 10px 0; }
.e-end-help:hover { color: var(--e-cream); }
.e-end-act { display: flex; align-items: center; gap: 16px; }
.e-end .e-btn { height: 56px; }

/* pliabilele din 02 Ce verificam si din intrebarile frecvente */
.e-fold > summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 56px; padding: 12px 0; border-bottom: 1px solid var(--e-lf-c); list-style: none; cursor: pointer; font-size: 16px; font-weight: 600; color: var(--e-dark); }
.e-fold > summary::-webkit-details-marker { display: none; }
.e-fold > summary > span { display: inline-flex; align-items: center; gap: 10px; }
.e-fold[open] > summary svg { transform: rotate(180deg); }
.e-checks-count { margin: -16px 0 32px; font-size: 16px; line-height: 1.5; color: var(--e-ink); }

/* ---------- sectiunile de sub hero */
.e-sec { background: var(--e-cream); color: var(--e-ink); padding: 72px 0; border-top: 1px solid var(--e-ls-c); }
.e-checks { border-top: 0; }
.e-sec-head { display: flex; align-items: center; gap: 48px; margin-bottom: 40px; }
.e-sec-head .e-eyebrow { width: 320px; flex: none; }
.e-sec h2 { font-size: 32px; line-height: 1.05; letter-spacing: -.02em; font-weight: 700; color: var(--e-dark); }
.e-cat-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 64px; }
.e-cat-cols .e-label-dark { padding-bottom: 12px; border-bottom: 1px solid var(--e-ls-c); }
.e-catalog { list-style: none; margin: 0; padding: 8px 0 16px; font-size: 14px; line-height: 1.5; color: var(--e-ink); }
.e-catalog li { padding: 8px 0; border-bottom: 1px solid var(--e-lf-c); }
.e-catalog strong { color: var(--e-dark); font-weight: 600; }
.e-faq-list { max-width: 860px; }
.e-faq-item p { padding: 8px 0 20px; font-size: 15px; line-height: 1.6; }
.e-back { margin-top: 32px; font-size: 14px; font-weight: 600; }
.e-back a { color: var(--e-dark); text-underline-offset: 3px; display: inline-flex; align-items: center; min-height: 44px; }
.e-sec-lead { margin-top: 16px; font-size: 16px; line-height: 1.6; max-width: 520px; }
.e-specialist-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 64px; }
.e-specialist h2 { margin-top: 16px; }
.e-contact { display: flex; flex-direction: column; gap: 18px; }
.e-contact-promise { font-size: 14px; color: var(--e-t2c); }
.e-field { display: flex; flex-direction: column; gap: 6px; }
.e-field > span { font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-ink); }
.e-field input, .e-field textarea { border: 0; border-bottom: 1px solid var(--e-dark); background: transparent; padding: 10px 0; font-size: 18px; font-weight: 300; color: var(--e-ink); border-radius: 0; resize: vertical; }
.e-field input::placeholder, .e-field textarea::placeholder { color: var(--e-t2c); opacity: 1; }
.e-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; }
.e-note { font-size: 12px; color: var(--e-t2c); }
.e-feedback { font-size: 14px; min-height: 20px; }
.e-contact-known { font-size: 14px; }

/* ---------- subsol */
/* ---------- footerul (faza D5, E-footer-desktop/mobil.dc.html) */
.e-foot { background: #1B1511; color: var(--e-cream); border-top: 1px solid var(--e-lf-d); padding: 64px 0 32px; }
.e-foot-grid { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); column-gap: 24px; align-items: start; }
.e-foot-about { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: 20px; padding-right: 48px; }
.e-foot-brand { align-self: flex-start; }
.e-foot-brand img { height: 32px; width: auto; }
.e-foot-lead { font-size: 18px; line-height: 1.5; font-weight: 300; color: rgba(244, 239, 232, .8); }
.e-foot-contact { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; font-size: 14px; }
.e-foot-contact a { color: var(--e-cream); text-decoration: none; border-bottom: 1px solid var(--e-ls-d); padding-bottom: 2px; }
.e-foot-sep { color: var(--e-accent); font-weight: 700; }
.e-foot-col { display: flex; flex-direction: column; gap: 14px; }
.e-foot-tool { grid-column: 7 / span 2; }
.e-foot-nw { grid-column: 9 / span 2; }
.e-foot-legal { grid-column: 11 / span 2; }
.e-foot-h { margin-bottom: 6px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: var(--e-t2d); }
.e-foot-col a, .e-foot-cookie { color: var(--e-cream); text-decoration: none; font-size: 15px; font-weight: 500; }
.e-foot-cookie { padding: 0; border: 0; background: transparent; font-family: inherit; text-align: left; cursor: pointer; }
.e-foot a:hover, .e-foot-cookie:hover { color: #E8B79A; }
.e-foot-bottom { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--e-lf-d); font-size: 13px; color: var(--e-t2d); }
.e-foot-end { display: inline-flex; align-items: center; gap: 24px; }
.e-foot-badge img { height: 36px; width: auto; }
/* footerul are propriul buton „Setari cookie-uri”; cel flotant nu acopera insigna */
.e-fab-foot .cmpFab { display: none !important; }

/* ---------- bara mobila */
.e-mbar { display: none; }

/* ---------- bannerul de cookie-uri, in limbajul E */
.cmpCard { border-radius: 0 !important; box-shadow: none !important; }
.cmpBtn { border-radius: 0 !important; }
.cmpBtn.primary { background: var(--e-action) !important; color: var(--e-cream) !important; border-color: var(--e-action) !important; }
.cmpFab { border-radius: 0 !important; }

/* ---------- intre desktop si mobil */
@media (max-width: 1180px) {
  .e-hero h1 { font-size: 60px; }
  .e-form-top { flex-wrap: wrap; }
  .e-sheet { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 8px; }
  .e-cell-wide { grid-column: 1 / -1; }
  /* D8: lista completa intre desktop si mobil; pasii coboara sub nume, valoarea ramane in dreapta */
  .e-all-head { flex-wrap: wrap; row-gap: 8px; }
  .e-li { grid-template-columns: 12px minmax(0, 1fr) 140px; }
  .e-li-steps { grid-column: 2 / -1; margin-top: 10px; }
  .e-end-in { grid-template-columns: 1fr; row-gap: 32px; }
}

@media (max-width: 960px) {
  .e-all-grid { display: block; margin-top: 28px; }
  .e-ix { display: none; }
  .e-chips { display: flex; gap: 8px; overflow-x: auto; margin: 16px calc(-1 * var(--e-pad)) 0; padding: 0 var(--e-pad) 12px; border-bottom: 1px solid var(--e-ls-c); }
  .e-chip { flex: none; display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 12px; border: 1px solid var(--e-ls-c); font-size: 13px; font-weight: 500; color: var(--e-dark); text-decoration: none; white-space: nowrap; }
  .e-chip span { color: var(--e-t2c); font-feature-settings: 'tnum'; }
  .e-rbar-c { display: none; }
  .e-rbar-cm { display: inline; }
}

/* ---------- mobil */
@media (max-width: 767px) {
  :root { --e-pad: 24px; }
}

@media (max-width: 720px) {
  html { scroll-padding-top: 72px; }
  .e-head-in { height: 64px; }
  .e-brand img { height: 26px; }
  .e-navfloat, .e-navfloat-in { height: 64px; }
  .e-nav { display: none; }
  .e-burger { display: block; }
  .e-hero { padding: 28px 0 40px; }
  .e-hero-top { display: block; }
  .e-hero-title { gap: 14px; }
  .e-eyebrow { font-size: 11px; gap: 10px; }
  .e-eyebrow .e-rule { width: 20px; }
  .e-hero h1 { font-size: 38px; line-height: 1.04; }
  .e-hero h1 br { display: none; }
  .e-dsk { display: none; }
  .e-mob { display: inline; }
  /* inelele pe mobil: sub buton, pe un rand de trei; campul si butonul raman unde erau */
  .e-hero .e-wrap { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "title" "form" "rings"; }
  .e-hero-top { display: contents; }
  .e-hero-title { grid-area: title; }
  .e-form { grid-area: form; }
  .e-rings { grid-area: rings; margin: 28px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
  .e-rg { width: auto; gap: 10px; }
  .e-rg-ring { width: 64px; height: 64px; }
  .e-rg-n { font-size: 22px; }
  .e-rg-u { font-size: 12px; }
  .e-rg dd { font-size: 11px; }
  .e-form-top { margin-top: 28px; }
  .e-band { height: 72px; padding-right: 0; }
  .e-band input { height: 68px; font-size: 26px; }
  .e-btn-band { position: static; width: 100%; height: 56px; margin-top: 16px; }
  .e-sheet { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; margin-top: 8px; }
  .e-cell { padding: 10px 0; gap: 4px; }
  .e-cell-wide { grid-column: span 2; padding: 16px 0 8px; }
  .e-cell-v { font-size: 16px; }
  .e-cell-wide .e-cell-v { font-size: 18px; }
  .e-cell-d { display: none; }
  .e-cell-d.e-cell-d-keep { display: block; }
  .e-analysis, .e-peek-slow, .e-hero .e-err { padding-top: 16px; font-size: 14px; }

  .e-report { padding-top: 12px; }
  /* A3: eyebrow si „Verifica alta pagina” pe acelasi rand, domeniul dedesubt, tipul paginii sub domeniu */
  .e-r-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "eb other" "dom dom" "type type"; align-items: center; column-gap: 12px; row-gap: 0; padding-bottom: 12px; }
  .e-r-head-left { display: contents; }
  /* Eyebrow-ul si linkul nu incap pe 350 px (RO: 17 + 211 + 134 px masurati); linkul se rupe
     pe doua randuri scurte, iar liniuta dintre „02” si text devine „·”. */
  .e-r-head .e-eyebrow { grid-area: eb; white-space: nowrap; gap: 0; letter-spacing: .04em; }
  .e-r-head .e-eyebrow .e-rule { display: none; }
  .e-r-head .e-eyebrow .e-idx::after { content: "\00a0·\00a0"; color: var(--e-t2c); }
  .e-r-domain { grid-area: dom; font-size: 24px; line-height: 1.2; }
  .e-r-type { grid-area: type; margin-top: 2px; }
  /* D4 (C3): pe mobil „Alta pagina”, pe un singur rand */
  .e-r-other { grid-area: other; justify-self: end; font-size: 11px; padding-top: 0; white-space: nowrap; }
  /* tinte de atingere de cel putin 44 px (spec §9); linkurile din interiorul propozitiilor raman exceptie */
  .e-brand, .e-foot-brand { display: inline-flex; align-items: center; min-height: 44px; }
  /* footerul pe mobil: logo si contact, apoi Tool si Novaweb pe doua coloane, legalele pe un rand, apoi drepturile si insigna */
  .e-foot { padding: 48px 0 24px; }
  .e-foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; row-gap: 28px; }
  .e-foot-about { grid-column: 1 / -1; gap: 16px; padding-right: 0; }
  .e-foot-brand img { height: 28px; }
  .e-foot-lead { font-size: 16px; }
  .e-foot-contact { flex-direction: column; align-items: flex-start; gap: 10px; font-size: 15px; }
  .e-foot-sep { display: none; }
  .e-foot-tool, .e-foot-nw { grid-column: auto; gap: 0; }
  .e-foot-h { margin-bottom: 4px; }
  .e-foot-legal { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; gap: 0 20px; padding-top: 20px; border-top: 1px solid var(--e-lf-d); }
  .e-foot-legal .e-foot-h { display: none; }
  .e-foot-legal a, .e-foot-legal .e-foot-cookie { font-size: 14px; }
  .e-foot-col a, .e-foot-cookie, .e-foot-contact a { display: inline-flex; align-items: center; min-height: 44px; }
  .e-foot-contact a { min-height: 0; padding: 12px 0 2px; }
  .e-foot-bottom { flex-direction: column; align-items: flex-start; gap: 12px; margin-top: 32px; padding-top: 20px; font-size: 12px; line-height: 1.5; }
  .e-foot-end { flex-direction: column; align-items: flex-start; gap: 12px; }
  .e-foot-note { display: none; }
  .e-r-other { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; border-bottom: 0; text-decoration: underline; text-underline-offset: 4px; }
  .e-linkbtn { min-height: 44px; min-width: 44px; }
  .cmpBtn { min-height: 44px; min-width: 44px; }
  /* D11 (2): pe mobil, scorul, cautarea, primele probleme, apoi poarta; ordinea DOM o potriveste e-app.js */
  .e-r-grid { grid-template-columns: 1fr; grid-template-areas: "score" "serp" "list" "gate"; grid-template-rows: auto; }
  .e-r-score, .e-r-gate, .e-r-serp, .e-r-list { padding: 0; }
  .e-r-score { padding-top: 20px; }
  .e-r-gate { padding-top: 28px; }
  .e-score { align-items: center; gap: 20px; }
  .e-ring { width: 128px; height: 128px; }
  .e-ring svg { width: 128px; height: 128px; }
  .e-ring-n { font-size: 56px; }
  .e-ring-max { font-size: 13px; }
  .e-counts { grid-template-columns: 1fr; row-gap: 8px; margin: 0; }
  .e-count { display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 8px; row-gap: 4px; }
  .e-count dd { font-size: 24px; line-height: 1; }
  .e-count-line { grid-column: 1 / -1; margin-top: 0; }
  .e-ran { margin-top: 12px; }
  .e-gate-h { font-size: 24px; }
  .e-serp { grid-template-columns: 1fr; row-gap: 10px; }
  .e-row { grid-template-columns: 24px 1fr auto; grid-template-areas: "dot main main" ". val st"; row-gap: 6px; }
  .e-row > .e-row-dot { grid-area: dot; align-self: start; margin-top: 7px; }
  .e-row > .e-row-main { grid-area: main; }
  .e-row > .e-row-val { grid-area: val; }
  .e-row > .e-row-st { grid-area: st; }
  .e-more { flex-direction: column; align-items: flex-start; gap: 4px; }

  /* D8: lista completa pe mobil (E-raport-complet-mobil.dc.html) */
  .e-r-rest { margin-top: 48px; }
  .e-all-head { display: block; border-bottom: 0; }
  .e-all-title { gap: 10px; padding-bottom: 0; }
  .e-all-title h2 { font-size: 28px; line-height: 1.1; }
  .e-filt { margin-top: 16px; gap: 20px; overflow-x: auto; border-bottom: 1px solid var(--e-ls-c); }
  .e-filt-b { font-size: 12px; }
  .e-lc { margin-bottom: 28px; }
  .e-lc-head { padding-bottom: 10px; }
  .e-lc-head h3, .e-lc-score { font-size: 20px; }
  .e-li { grid-template-columns: 10px minmax(0, 1fr); column-gap: 12px; padding: 14px 0; }
  .e-li-main { gap: 3px; }
  .e-li-name { font-size: 15px; }
  .e-li-why { font-size: 13px; }
  .e-li-sev { margin-top: 0; }
  .e-li-valm { display: inline; }
  .e-li-val { display: none; }
  .e-li-steps { grid-column: 2; margin-top: 4px; }
  .e-li-lock { min-height: 44px; border-bottom: 0; text-decoration: underline; text-underline-offset: 3px; }
  .e-li-pass { display: block; padding: 12px 0; font-size: 12px; }
  .e-li-pass-k { display: inline-flex; margin-right: 6px; }
  .e-lnone { grid-template-columns: 1fr; row-gap: 16px; margin-bottom: 28px; }
  .e-lnone .e-btn-line { justify-self: start; }
  .e-rbar { height: 56px; }
  .e-rbar-c, .e-rbar-r { display: none; }
  .e-rbar-cm { display: inline; }
  .e-rbar-in { gap: 12px; }
  .e-rbar-l { gap: 12px; }
  .e-mring { width: 32px; height: 32px; font-size: 11px; }
  .e-rbar-dom { font-size: 15px; }
  .e-end { margin-top: 28px; padding: 48px 0; }
  .e-end-in { display: flex; flex-direction: column; align-items: stretch; gap: 16px; }
  .e-end-l { display: contents; }
  .e-end-eb { font-size: 11px; }
  .e-end-h { font-size: 30px; line-height: 1.08; }
  .e-end-act { order: 3; flex-direction: column-reverse; align-items: stretch; gap: 16px; }
  .e-end-act .e-btn, .e-end-act .e-btn-out { width: 100%; }
  .e-end-act .e-btn-out { height: 52px; }
  .e-end-help { order: 4; }

  .e-sec { padding: 48px 0; }
  .e-sec-head { display: block; margin-bottom: 24px; }
  .e-sec-head .e-eyebrow { width: auto; margin-bottom: 14px; }
  .e-sec h2 { font-size: 26px; }
  .e-cat-cols, .e-specialist-grid { grid-template-columns: 1fr; row-gap: 32px; }

  body.is-report { padding-bottom: 72px; }
  .e-mbar { display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 40; background: var(--e-cream); border-top: 1px solid var(--e-ls-c); padding: 10px 12px; }
  .e-mbar[hidden] { display: none !important; }
  .e-mbar { transition: transform 200ms var(--e-ease); }
  .e-mbar.is-away { transform: translateY(100%); }
  /* continutul nu ramane niciodata sub bara */
  body.is-report { padding-bottom: var(--e-bar-h, 70px); }
  .e-fab-off .cmpFab { display: none !important; }
  .e-mbar-b { flex: 1; min-height: 48px; padding: 0 6px; border: 1px solid var(--e-dark); border-radius: 0; background: transparent; color: var(--e-dark); font-size: 12px; font-weight: 600; letter-spacing: .02em; text-transform: uppercase; white-space: nowrap; cursor: pointer; }
  .e-mbar-b.is-primary { background: var(--e-action); color: var(--e-cream); border-color: var(--e-action); }
}

/* ---------- miscare redusa: totul sare direct la starea finala */
@media (prefers-reduced-motion: reduce) {
  .e-rg-arc { animation: none; stroke-dashoffset: var(--off); }
  .e-mbar, .e-rbar, .e-rbar.is-on { transition: none; }
  .e-cell { opacity: 1; animation: none; }
  .e-pulse { animation: none; }
  .e-grow { animation: none; transform: none; }
  body.e-anim.is-report .e-report { animation: none; }
  .e-progress { transition: none !important; }
}