/* [cc] site26.css: baza comuna 2026 (tokenii paginii 1, din site26/DESIGN.md). Doar px, doar clase .s26-*, nicio regula pe elemente goale */

:root {
  --s26-bg0: hsl(40 6% 90%);
  --s26-bg0-phone: hsl(43 13% 90%);
  --s26-bg1: hsl(40 10% 97%);
  --s26-panel: #ffffff;
  --s26-panel-open: hsl(40 23% 97% / .97);
  --s26-ink: #1d2733;
  --s26-ink2: #4f5b68;
  --s26-ink3: #637080;
  --s26-graphite: hsl(40 13% 23%);
  --s26-accent: #1a74a2;
  --s26-accent-hover: #186a95;
  --s26-accent-soft: #e9f3fa;
  --s26-accent-soft-hover: hsl(203 60% 89%);
  --s26-accent-text: hsl(205 67% 36%);
  --s26-amber: #9c5c10;
  --s26-amber-soft: hsl(36 70% 92%);
  --s26-ok: #27764c;
  --s26-danger: #b42318;
  --s26-danger-soft: #fdf0ee;
  --s26-hair: rgba(23, 32, 43, .10);
  --s26-hair-strong: #d6dce4;
  --s26-border-strong: hsl(40 13% 23% / .35);
  --s26-line-warm: hsl(40 11% 82%);
  --s26-frame: hsl(40 8% 14% / .55);
  --s26-r-btn: 9px;
  --s26-r-card: 12px;
  --s26-r-window: 14px;
  --s26-r-img: 8px;
  --s26-r-pill: 999px;
  --s26-shadow-card: 0 6px 18px rgba(30, 45, 60, .06);
  --s26-shadow-card-hover: 0 10px 26px rgba(30, 45, 60, .09);
  --s26-shadow-window: 0 0 0 4px hsl(40 8% 14% / .05), 0 20px 40px -14px hsl(40 8% 14% / .2), 0 50px 90px -30px hsl(40 8% 14% / .18);
  --s26-shadow-shot: 0 0 0 1px hsl(40 8% 14% / .12), 0 18px 36px -22px hsl(40 8% 14% / .30);
  --s26-font: "Work Sans Potrivit", "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --s26-mono: ui-monospace, "Cascadia Mono", "JetBrains Mono", Menlo, Consolas, monospace;
  --s26-ease: cubic-bezier(.16, 1, .3, 1);
  --s26-fast: 150ms;
  --s26-wrap: 1128px;
  --s26-gutter: clamp(20px, 4vw, 32px);
  --s26-sec-top: clamp(70px, 9vw, 118px);
  --s26-sec-bot: clamp(64px, 7vw, 96px);
  --s26-head-gap: clamp(34px, 4vw, 52px);
  --s26-page-top: clamp(122px, 14vw, 170px);
  --s26-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%231a74a2'/%3E%3Cpath d='M5.8 10.3l2.8 2.8 5.6-6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --s26-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23637080' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ---------- 1. baza: tot ce e in .s26 (pagina noua sau subsolul) ---------- */
.s26 { font-family: var(--s26-font); font-size: 16px; line-height: 1.6; color: var(--s26-ink2); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
.s26 *, .s26 *::before, .s26 *::after { box-sizing: border-box; }
.s26 img, .s26 video, .s26 iframe { max-width: 100%; }
.s26 img { height: auto; }
.s26 p, .s26 ul, .s26 ol, .s26 dl, .s26 figure, .s26 blockquote { margin: 0; }
.s26 h1, .s26 h2, .s26 h3, .s26 h4, .s26 h5 { margin: 0; font-family: var(--s26-font); color: var(--s26-ink); text-shadow: none; text-transform: none; }
.s26 a { color: var(--s26-accent); text-decoration: none; transition: color var(--s26-fast) ease, background-color var(--s26-fast) ease, border-color var(--s26-fast) ease, box-shadow var(--s26-fast) ease, transform var(--s26-fast) ease; }
.s26 a:hover, .s26 a:focus { color: var(--s26-accent-hover); text-decoration: none; }
.s26 a:focus-visible, .s26 button:focus-visible, .s26 summary:focus-visible, .s26 [tabindex]:focus-visible { outline: 2px solid var(--s26-accent); outline-offset: 3px; border-radius: 4px; }
.s26 ::selection { background: var(--s26-accent); color: #fff; }
.s26 b, .s26 strong { color: var(--s26-ink); font-weight: 600; }
.s26 .s26-nb { white-space: nowrap; }
.s26-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }

/* pagina: fundalul cald al paginii 1, fara scroll lateral */
.s26-main { background: var(--s26-bg0); overflow-x: clip; }
.s26-wrap { max-width: var(--s26-wrap); margin-inline: auto; padding-inline: var(--s26-gutter); }
.s26-wrap--narrow { max-width: 820px; }
.s26-wrap--wide { max-width: 1240px; }

/* ---------- 2. sectiuni si ritm ---------- */
.s26-section { padding: var(--s26-sec-top) 0 var(--s26-sec-bot); }
.s26-section + .s26-section { border-top: 1px solid var(--s26-hair); }
.s26-section--tight { padding: clamp(48px, 6vw, 72px) 0; }
.s26-section--flush + .s26-section, .s26-section--flush { border-top: 0; }
.s26-section--raised { background: var(--s26-bg1); }
.s26-section--fade { background: linear-gradient(180deg, var(--s26-bg1) 0, var(--s26-bg0) 320px); }
.s26-pagehead { padding: var(--s26-page-top) 0 clamp(40px, 5vw, 64px); }
.s26-pagehead + .s26-section { border-top: 0; padding-top: clamp(24px, 3vw, 40px); }
.s26-head { display: grid; justify-items: center; gap: 16px; text-align: center; margin-bottom: var(--s26-head-gap); }
.s26-head--left { justify-items: start; text-align: left; }
.s26-pagehead .s26-head { margin-bottom: 0; gap: 20px; }

/* ---------- 3. tipografie ---------- */
.s26-eyebrow { display: inline-flex; align-items: center; gap: 10px; font-family: var(--s26-mono); font-size: 13px; font-weight: 400; line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; color: var(--s26-ink2); }
.s26-eyebrow::before { content: ""; width: 18px; height: 1px; background: var(--s26-accent); flex: 0 0 auto; }
.s26 .s26-h1 { font-size: clamp(38px, 4.9vw, 58px); font-weight: 600; line-height: 1.06; letter-spacing: -0.024em; color: var(--s26-ink); text-wrap: balance; }
.s26 .s26-h2 { font-size: clamp(29px, 3.2vw, 38px); font-weight: 600; line-height: 1.12; letter-spacing: -0.02em; color: var(--s26-ink); text-wrap: balance; }
.s26 .s26-h3 { font-size: 20px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--s26-ink); }
.s26 .s26-h4 { font-size: 17px; font-weight: 600; line-height: 1.45; color: var(--s26-ink); }
.s26 .s26-dot { color: var(--s26-accent); }
.s26-lede { font-size: 18.5px; line-height: 1.62; color: var(--s26-ink2); max-width: 62ch; text-wrap: pretty; }
.s26-head .s26-lede { margin-inline: auto; }
.s26-head--left .s26-lede { margin-inline: 0; }
.s26-text { font-size: 16px; line-height: 1.6; color: var(--s26-ink2); max-width: 70ch; }
.s26-text + .s26-text { margin-top: 14px; }
.s26-small { font-size: 13.5px; line-height: 1.5; color: var(--s26-ink3); letter-spacing: -0.02em; word-spacing: -0.04em; }
.s26-quote-line { font-style: italic; font-size: 15.5px; color: var(--s26-ink3); }
.s26-num { font-variant-numeric: tabular-nums; }

/* ---------- 4. butoane (pagina 1: .hv-btn) ---------- */
.s26-ctas { display: flex; flex-wrap: wrap; gap: 12px; align-items: flex-start; }
.s26-ctas--center { justify-content: center; }
.s26 .s26-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 48px; padding: 13px 22px; border: 1px solid transparent; border-radius: var(--s26-r-btn); font-family: var(--s26-font); font-size: 15.5px; font-weight: 600; line-height: 1.3; letter-spacing: .002em; white-space: nowrap; cursor: pointer; text-decoration: none; transition: background-color var(--s26-fast) ease, border-color var(--s26-fast) ease, color var(--s26-fast) ease, box-shadow var(--s26-fast) ease; }
.s26 .s26-btn--primary { background: var(--s26-accent); border-color: var(--s26-accent); color: #fff; }
.s26 .s26-btn--primary:hover, .s26 .s26-btn--primary:focus { background: var(--s26-accent-hover); border-color: var(--s26-accent-hover); color: #fff; }
.s26 .s26-btn--white { background: #fff; border-color: #fff; color: var(--s26-ink); }
.s26 .s26-btn--white:hover, .s26 .s26-btn--white:focus { background: #fff; border-color: var(--s26-accent); color: var(--s26-accent); }
.s26 .s26-btn--tint { min-height: 44px; padding: 10px 18px; background: #ffffff; border-color: var(--s26-hair-strong); color: var(--s26-ink); }
.s26 .s26-btn--tint:hover, .s26 .s26-btn--tint:focus { background: var(--s26-bg1); border-color: var(--s26-ink3); color: var(--s26-ink); }
.s26 .s26-btn--line { background: transparent; border-color: var(--s26-hair-strong); color: var(--s26-ink); }
.s26 .s26-btn--line:hover, .s26 .s26-btn--line:focus { border-color: var(--s26-accent); color: var(--s26-accent); }
.s26 .s26-btn[disabled], .s26 .s26-btn[aria-disabled="true"] { opacity: .55; cursor: not-allowed; }
.s26 .s26-btn .s26-arr { font-weight: 400; transition: transform var(--s26-fast) ease; }
.s26 .s26-btn:hover .s26-arr { transform: translateX(2px); }
.s26 .s26-btn--sub { margin-bottom: 26px; }
.s26 .s26-btn--sub .s26-sub { position: absolute; left: 50%; top: 100%; transform: translateX(-50%); margin-top: 9px; white-space: nowrap; font-size: 13.5px; font-weight: 400; letter-spacing: 0; color: var(--s26-ink2); pointer-events: none; }
.s26 .s26-btn--sub:hover .s26-sub { color: var(--s26-accent); }
.s26 .s26-link { color: var(--s26-ink); border-bottom: 1px solid var(--s26-ink3); }
.s26 .s26-link:hover, .s26 .s26-link:focus { color: var(--s26-accent); border-bottom-color: var(--s26-accent); }
.s26 .s26-more { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 15.5px; font-weight: 500; color: var(--s26-accent); }
.s26 .s26-more::after { content: "→"; transition: transform var(--s26-fast) ease; }
.s26 .s26-more:hover::after { transform: translateX(3px); }
.s26 .s26-pill { display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; border-radius: var(--s26-r-pill); background: linear-gradient(135deg, #00f0ff, #00c3ff); color: #0f1720; font-size: 14.5px; font-weight: 700; letter-spacing: .01em; }
.s26 .s26-pill:hover, .s26 .s26-pill:focus { color: #0f1720; filter: brightness(1.04); }

/* ---------- 5. carduri, grile, liste ---------- */
.s26-card { position: relative; background: var(--s26-panel); border: 1px solid var(--s26-hair-strong); border-radius: var(--s26-r-card); box-shadow: var(--s26-shadow-card); padding: 24px; }
.s26-card--pad-lg { padding: clamp(24px, 3vw, 36px); }
.s26-card--bar { border-top: 0; box-shadow: inset 0 6px 0 var(--s26-accent), var(--s26-shadow-card); padding-top: 30px; }
a.s26-card, .s26-card--hover { display: block; color: inherit; transition: border-color var(--s26-fast) ease, transform var(--s26-fast) ease, box-shadow var(--s26-fast) ease; }
.s26 a.s26-card:hover, .s26 a.s26-card:focus, .s26-card--hover:hover { border-color: var(--s26-accent); transform: translateY(-2px); box-shadow: var(--s26-shadow-card-hover); color: inherit; }
.s26-card .s26-h3 + p, .s26-card .s26-h3 + .s26-text { margin-top: 8px; }
.s26-grid { display: grid; gap: 14px; }
.s26-grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.s26-grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.s26-grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.s26-grid--air { gap: clamp(18px, 2.4vw, 28px); }
.s26-split { display: grid; grid-template-columns: 1.15fr .85fr; gap: clamp(32px, 6vw, 72px); align-items: center; }
.s26-split--even { grid-template-columns: 1fr 1fr; }
.s26-split--top { align-items: start; }
.s26 .s26-stack > * + * { margin-top: 16px; }
.s26 .s26-stack--lg > * + * { margin-top: 28px; }
.s26-checks { list-style: none; padding: 0; display: grid; gap: 12px; }
.s26-checks li { position: relative; padding-left: 32px; font-size: 16px; line-height: 1.55; color: var(--s26-ink2); list-style: none; }
.s26-checks li::before { content: ""; position: absolute; left: 0; top: 2px; width: 20px; height: 20px; background: var(--s26-check) center / 20px 20px no-repeat; }
.s26-checks--compact { gap: 8px; }
.s26-num-list { list-style: none; padding: 0; counter-reset: s26n; display: grid; gap: 10px; }
.s26-num-list li { counter-increment: s26n; display: grid; grid-template-columns: 32px 1fr; gap: 6px; font-size: 15.5px; line-height: 1.6; color: var(--s26-ink2); }
.s26-num-list li::before { content: counter(s26n, decimal-leading-zero); font-family: var(--s26-mono); font-size: 12px; line-height: 2.1; letter-spacing: .04em; color: var(--s26-ink3); }
.s26-chip { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border: 1px solid var(--s26-hair-strong); border-radius: var(--s26-r-pill); background: #ffffff; font-family: var(--s26-mono); font-size: 11px; line-height: 1.6; letter-spacing: .14em; text-transform: uppercase; color: var(--s26-ink); }
.s26-chip--amber::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--s26-amber); flex: none; }
.s26-cat { font-family: var(--s26-mono); font-size: 12px; font-weight: 500; line-height: 1.3; letter-spacing: .12em; text-transform: uppercase; color: var(--s26-ink); }
.s26-facts { list-style: none; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 0; font-size: 16px; line-height: 1.4; color: var(--s26-ink2); }
.s26-facts li { list-style: none; }
.s26-facts li + li::before { content: ""; display: inline-block; width: 1px; height: 14px; margin: 0 18px; background: var(--s26-hair-strong); vertical-align: -2px; }
.s26-divider { height: 1px; border: 0; background: var(--s26-hair); margin: 0; }
.s26-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }

/* ---------- 6. capturi din program (fereastra C), figuri, citate ---------- */
.s26-window { background: #fff; border: 1px solid var(--s26-frame); border-radius: var(--s26-r-window); box-shadow: var(--s26-shadow-window); overflow: hidden; }
.s26-window img { display: block; width: 100%; height: auto; }
.s26-shot { display: block; width: 100%; height: auto; border-radius: var(--s26-r-img); box-shadow: var(--s26-shadow-shot); background: var(--s26-bg1); }
.s26-figure figcaption { margin-top: 12px; font-size: 14px; line-height: 1.5; color: var(--s26-ink3); }
.s26-quote { display: grid; gap: 18px; align-content: start; }
.s26-quote blockquote { font-size: 17px; line-height: 1.65; color: var(--s26-ink); }
.s26-quote blockquote::before { content: "„"; display: block; height: 30px; font-size: 52px; line-height: 1; color: var(--s26-accent); }
.s26-quote figcaption { display: flex; align-items: center; gap: 12px; font-size: 14px; line-height: 1.4; color: var(--s26-ink3); }
.s26-quote figcaption b { display: block; font-size: 15.5px; color: var(--s26-ink); }
.s26-quote figcaption img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex: 0 0 auto; }

/* ---------- 7. intrebari (details/summary), tabele, text lung ---------- */
.s26-acc { border-top: 1px solid var(--s26-hair); }
.s26-acc details { border-bottom: 1px solid var(--s26-hair); }
.s26-acc summary { list-style: none; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 56px; padding: 18px 0; cursor: pointer; font-size: 18px; font-weight: 600; line-height: 1.4; color: var(--s26-ink); }
.s26-acc summary::-webkit-details-marker { display: none; }
.s26-acc summary::after { content: ""; flex: 0 0 auto; width: 16px; height: 16px; background: var(--s26-chevron) center / 16px 16px no-repeat; transition: transform var(--s26-fast) ease; }
.s26-acc details[open] > summary::after { transform: rotate(180deg); }
.s26-acc summary:hover { color: var(--s26-accent); }
.s26-acc .s26-acc-body { padding: 0 0 22px; font-size: 16px; line-height: 1.65; color: var(--s26-ink2); max-width: 72ch; }
.s26-acc .s26-acc-body > * + * { margin-top: 12px; }
.s26-table-wrap { overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid var(--s26-hair-strong); border-radius: var(--s26-r-card); background: #fff; box-shadow: var(--s26-shadow-card); }
.s26-table { width: 100%; border-collapse: collapse; font-size: 15.5px; line-height: 1.5; color: var(--s26-ink2); }
.s26-table th, .s26-table td { padding: 14px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--s26-hair); }
.s26-table thead th { font-family: var(--s26-mono); font-size: 12px; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; color: var(--s26-ink); background: var(--s26-bg1); }
.s26-table tbody tr:last-child th, .s26-table tbody tr:last-child td { border-bottom: 0; }
.s26-table tbody th { font-weight: 600; color: var(--s26-ink); }
.s26-prose { max-width: 70ch; font-size: 17px; line-height: 1.7; color: var(--s26-ink2); }
.s26 .s26-prose > * + * { margin-top: 16px; }
.s26 .s26-prose h2 { margin-top: 48px; font-size: 26px; font-weight: 600; line-height: 1.25; letter-spacing: -0.015em; color: var(--s26-ink); }
.s26 .s26-prose h3 { margin-top: 32px; font-size: 20px; font-weight: 600; line-height: 1.35; color: var(--s26-ink); }
.s26 .s26-prose > :first-child { margin-top: 0; }
.s26 .s26-prose h2 + *, .s26 .s26-prose h3 + * { margin-top: 12px; }
.s26-prose ul, .s26-prose ol { padding-left: 22px; }
.s26-prose ul { list-style: disc; }
.s26-prose ol { list-style: decimal; }
.s26-prose li + li { margin-top: 6px; }
.s26-prose li::marker { color: var(--s26-ink3); }
.s26-prose a { color: var(--s26-accent); border-bottom: 1px solid rgba(26, 116, 162, .35); }
.s26-prose a:hover { border-bottom-color: var(--s26-accent); }

/* ---------- 8. formulare (formularul „Cere o demonstratie”) ---------- */
.s26-form { display: grid; gap: 22px; }
.s26-field { display: grid; gap: 8px; }
.s26 .s26-label { margin: 0; font-size: 16px; font-weight: 400; line-height: 1.4; color: var(--s26-ink); }
.s26-label .s26-req { color: var(--s26-accent); }
.s26-hint { font-size: 14px; line-height: 1.45; color: var(--s26-ink2); letter-spacing: -0.02em; word-spacing: -0.04em; }
.s26 .s26-input, .s26 .s26-select, .s26 .s26-textarea { display: block; width: 100%; min-height: 48px; margin: 0; padding: 12px 14px; background: #fff; border: 1px solid var(--s26-hair-strong); border-radius: var(--s26-r-btn); box-shadow: none; font-family: var(--s26-font); font-size: 16px; line-height: 1.4; color: var(--s26-ink); transition: border-color var(--s26-fast) ease, box-shadow var(--s26-fast) ease; }
.s26 .s26-textarea { min-height: 132px; resize: vertical; }
.s26 .s26-select { -webkit-appearance: none; appearance: none; padding-right: 42px; background: #fff var(--s26-chevron) right 14px center / 16px 16px no-repeat; }
.s26 .s26-input::placeholder, .s26 .s26-textarea::placeholder { color: var(--s26-ink3); opacity: 1; }
.s26 .s26-input:hover, .s26 .s26-select:hover, .s26 .s26-textarea:hover { border-color: var(--s26-border-strong); }
.s26 .s26-input:focus, .s26 .s26-select:focus, .s26 .s26-textarea:focus { outline: 2px solid var(--s26-accent); outline-offset: 2px; border-color: var(--s26-accent); }
.s26 .s26-field.is-invalid .s26-input, .s26 .s26-field.is-invalid .s26-select, .s26 .s26-field.is-invalid .s26-textarea { border-color: var(--s26-danger); }
.s26-error { display: none; font-size: 14px; line-height: 1.45; color: var(--s26-danger); }
.s26-field.is-invalid .s26-error { display: block; }
.s26 .s26-check { display: flex; align-items: flex-start; gap: 12px; min-height: 44px; margin: 0; padding-top: 10px; cursor: pointer; font-size: 16px; font-weight: 400; line-height: 1.45; color: var(--s26-ink); }
.s26 .s26-check input { flex: 0 0 auto; width: 20px; height: 20px; margin: 1px 0 0; accent-color: var(--s26-accent); cursor: pointer; }
.s26 .s26-option { position: relative; display: grid; gap: 4px; margin: 0; padding: 18px 20px; font-weight: 400; background: #fff; border: 1px solid var(--s26-hair-strong); border-radius: var(--s26-r-card); cursor: pointer; transition: border-color var(--s26-fast) ease, background-color var(--s26-fast) ease, box-shadow var(--s26-fast) ease; }
.s26-option:hover { border-color: var(--s26-border-strong); }
.s26-option input { position: absolute; opacity: 0; pointer-events: none; }
.s26-option:has(input:checked), .s26-option.is-selected { border-color: var(--s26-accent); background: var(--s26-accent-soft); box-shadow: inset 0 0 0 1px var(--s26-accent); }
.s26-option:has(input:focus-visible) { outline: 2px solid var(--s26-accent); outline-offset: 3px; }
.s26-notice { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px; border-radius: var(--s26-r-card); border: 1px solid var(--s26-hair-strong); background: #fff; font-size: 15.5px; line-height: 1.5; color: var(--s26-ink); }
.s26-notice--ok { border-color: hsl(150 40% 70%); background: hsl(150 40% 96%); }
.s26-notice--err { border-color: hsl(4 60% 80%); background: var(--s26-danger-soft); }
.s26-notice[hidden] { display: none; }

/* ---------- 9. panoul de final si subsolul-harta (structura 02.10: 4 grupe + randul legal) ---------- */
.s26-end { background: var(--s26-bg0); border-top: 1px solid var(--s26-hair); padding: var(--s26-sec-top) 0 var(--s26-sec-bot); text-align: center; }
.s26-end-in { display: grid; justify-items: center; gap: 16px; }
.s26-end-sketch { display: none; }
.s26-end-acts { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 20px; margin-top: 12px; }
.s26 .s26-end-tel { font-size: 16px; line-height: 1.5; color: var(--s26-ink2); }
.s26-end-more { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: center; gap: 0 12px; }
.s26 .s26-end-more .s26-more { min-height: 44px; font-size: 15px; }
.s26-end-sub { font-size: 13.5px; color: var(--s26-ink2); letter-spacing: -0.02em; word-spacing: -0.04em; }
html.hv-light footer.s26-foot { background: var(--s26-bg1) !important; background-image: none !important; color: var(--s26-ink2) !important; border-top: 1px solid var(--s26-hair); padding: clamp(48px, 6vw, 72px) 0 28px; }
.s26-foot-grid { display: grid; grid-template-columns: 1.25fr repeat(4, minmax(0, 1fr)); gap: 32px 28px; }
.s26-foot-brand { display: grid; gap: 14px; align-content: start; }
html.hv-light footer.s26-foot .s26-foot-logo { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: var(--s26-ink) !important; }
.s26-foot-logo img { display: block; width: auto; height: 44px; filter: brightness(0) invert(.16); }
html.hv-light footer.s26-foot p, html.hv-light footer.s26-foot li, html.hv-light footer.s26-foot span { color: var(--s26-ink2) !important; }
.s26-foot-brand p { max-width: 28ch; font-size: 15.5px; line-height: 1.55; }
html.hv-light footer.s26-foot h2 { margin: 0 0 10px; font-family: var(--s26-mono); font-size: 12px; font-weight: 500; line-height: 1.6; letter-spacing: .12em; text-transform: uppercase; color: var(--s26-ink) !important; }
.s26-foot-col ul, .s26-foot-social, .s26-foot-legal ul { list-style: none; padding: 0; margin: 0; }
.s26-foot-col li, .s26-foot-legal li { list-style: none; }
html.hv-light footer.s26-foot .s26-foot-col a, .s26-foot-col span { display: inline-flex; align-items: center; min-height: 34px; font-size: 15px; line-height: 1.4; color: var(--s26-ink2) !important; }
html.hv-light footer.s26-foot .s26-foot-col a:hover, html.hv-light footer.s26-foot .s26-foot-col a:focus { color: var(--s26-accent) !important; }
.s26-foot-bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 24px; margin-top: clamp(36px, 5vw, 56px); padding-top: 18px; border-top: 1px solid var(--s26-hair); }
html.hv-light footer.s26-foot .s26-foot-bottom p, html.hv-light footer.s26-foot .s26-foot-legal li, html.hv-light footer.s26-foot .s26-foot-legal span { font-size: 13.5px; color: var(--s26-ink3) !important; letter-spacing: -0.02em; word-spacing: -0.04em; }
html.hv-light footer.s26-foot .s26-foot-bottom a { color: var(--s26-ink2) !important; }
html.hv-light footer.s26-foot .s26-foot-bottom p a { border-bottom: 1px solid var(--s26-hair-strong); }
html.hv-light footer.s26-foot .s26-foot-bottom a:hover, html.hv-light footer.s26-foot .s26-foot-bottom a:focus { color: var(--s26-accent) !important; }
.s26-foot-legal ul { display: flex; flex-wrap: wrap; align-items: center; gap: 0 18px; }
html.hv-light footer.s26-foot .s26-foot-legal a { display: inline-flex; align-items: center; min-height: 40px; }
html.hv-light footer.s26-foot .s26-foot-legal .s26-lang-on { color: var(--s26-ink) !important; font-weight: 600; }
.s26-foot-social { display: flex; gap: 4px; margin-left: -10px; }
html.hv-light footer.s26-foot .s26-foot-social a { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 10px; color: var(--s26-graphite) !important; }
html.hv-light footer.s26-foot .s26-foot-social a:hover, html.hv-light footer.s26-foot .s26-foot-social a:focus { color: var(--s26-accent) !important; background: hsl(40 10% 92%); }
/* [cc] comutatorul de limba: cuvinte intregi peste tot, coduri RO / EN doar in bara de desktop (par. 13) */
.s26-lang { display: inline-flex; align-items: center; gap: 6px; }
.s26-lang .s26-lc { display: none; }
.s26-lang-sep { color: hsl(40 8% 55%); }

/* ---------- 9b. firul de pagini (paginile de adancime 2) ---------- */
.s26-crumbs ol { list-style: none; display: flex; flex-wrap: wrap; align-items: center; margin: 0 0 18px; padding: 0; font-size: 14px; line-height: 1.5; color: var(--s26-ink2); letter-spacing: -0.02em; word-spacing: -0.04em; }
.s26-crumbs li { list-style: none; }
.s26-crumbs li + li::before { content: "›"; margin: 0 9px; color: hsl(40 8% 55%); }
.s26 .s26-crumbs a { color: var(--s26-ink2); border-bottom: 1px solid var(--s26-hair-strong); }
.s26 .s26-crumbs a:hover, .s26 .s26-crumbs a:focus { color: var(--s26-accent); border-bottom-color: var(--s26-accent); }
/* [cc 2026-10-04 comun] ultima veriga (titlul paginii) nu repeta un titlu lung: un rand, taiat cu … (titlul intreg e H1-ul de dedesubt) */
.s26-crumbs li:last-child > span[aria-current] { display: inline-block; max-width: 42ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }

/* ---------- 10. aparitia la derulare (doar cu JS si fara reduced-motion) ---------- */
@media (prefers-reduced-motion: no-preference) {
  html.s26-js .s26-reveal { opacity: 0; transform: translateY(14px); transition: opacity .65s var(--s26-ease), transform .65s var(--s26-ease); }
  html.s26-js .s26-reveal.s26-in { opacity: 1; transform: none; }
}

/* ---------- 11. latimi intermediare ---------- */
@media (max-width: 1100px) {
  .s26-foot-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
  .s26-foot-brand { grid-column: 1 / -1; }
}
@media (max-width: 1024px) {
  .s26-split, .s26-split--even { grid-template-columns: 1fr; }
  .s26-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 980px) {
  .s26-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 1000px) {
  .s26-facts { gap: 6px 28px; }
  .s26-facts li + li::before { display: none; }
}

/* ---------- 12. telefon (varianta „l” a paginii 1, sub 900 px) ---------- */
@media (max-width: 900px) {
  html[data-mobil="l"] .s26 { --s26-gutter: clamp(20px, 6.2vw, 28px); letter-spacing: -0.018em; word-spacing: -0.07em; }
  html[data-mobil="l"] .s26-main { background: var(--s26-bg0-phone); }
  html[data-mobil="l"] .s26-end { background: var(--s26-bg0-phone); }
  html[data-mobil="l"] .s26-pagehead { padding: 84px 0 40px; }
  html[data-mobil="l"] .s26-pagehead .s26-head { gap: 16px; }
  html[data-mobil="l"] .s26-ctas--center { justify-content: flex-start; }
  html[data-mobil="l"] .s26-section { padding: 72px 0; }
  html[data-mobil="l"] .s26 .s26-h1 { font-size: clamp(34px, 10vw, 42px); font-weight: 700; line-height: 1.07; letter-spacing: -0.018em; word-spacing: -0.085em; }
  html[data-mobil="l"] .s26 .s26-h2 { font-size: clamp(27px, 7.6vw, 31px); font-weight: 700; line-height: 1.12; letter-spacing: -0.018em; word-spacing: -0.085em; }
  html[data-mobil="l"] .s26 .s26-h3 { font-size: 19px; }
  html[data-mobil="l"] .s26-lede { font-size: 18px; line-height: 1.5; }
  html[data-mobil="l"] .s26-text, html[data-mobil="l"] .s26-prose, html[data-mobil="l"] .s26-checks li { font-size: 17px; line-height: 1.55; }
  html[data-mobil="l"] .s26-eyebrow { font-family: var(--s26-font); font-size: 13px; font-weight: 500; letter-spacing: -0.018em; text-transform: none; color: hsl(40 7% 38%); }
  html[data-mobil="l"] .s26-eyebrow::before { display: none; }
  html[data-mobil="l"] .s26-head { justify-items: start; text-align: left; }
  html[data-mobil="l"] .s26-head .s26-lede { margin-inline: 0; }
  html[data-mobil="l"] .s26 .s26-btn { min-height: 44px; padding: 0 18px; border: 0; border-radius: 7px; font-size: 15px; line-height: 1; }
  html[data-mobil="l"] .s26 .s26-btn--primary { background: linear-gradient(180deg, hsl(206 76% 39%), hsl(205 82% 33%)); color: hsl(210 40% 99%); box-shadow: 0 1px 0 hsl(0 0% 100% / .18) inset, 0 1px 2px hsl(40 20% 10% / .22), 0 6px 14px -6px hsl(206 76% 30% / .55); }
  html[data-mobil="l"] .s26 .s26-btn--primary:hover { filter: brightness(1.06); color: hsl(210 40% 99%); }
  html[data-mobil="l"] .s26 .s26-btn--white { background: hsl(40 20% 96%); color: hsl(42 15% 13%); box-shadow: 0 1px 2px hsl(40 20% 10% / .06); }
  html[data-mobil="l"] .s26 .s26-btn--white:hover { background: hsl(40 25% 98.5%); color: hsl(42 15% 13%); }
  html[data-mobil="l"] .s26 .s26-btn--tint, html[data-mobil="l"] .s26 .s26-btn--line { border: 1px solid transparent; }
  html[data-mobil="l"] .s26 .s26-btn:active { transform: translateY(1px) scale(.985); }
  html[data-mobil="l"] .s26 .s26-btn--sub { margin-bottom: 0; }
  html[data-mobil="l"] .s26 .s26-btn--sub .s26-sub { left: calc(100% + 14px); top: 50%; transform: translateY(-50%); margin: 0; width: max-content; max-width: 8em; white-space: normal; text-wrap: balance; text-align: left; line-height: 1.3; letter-spacing: -0.018em; word-spacing: -0.07em; color: hsl(40 7% 38%); }
  html[data-mobil="l"] .s26-ctas { gap: 10px; flex-direction: column; align-items: flex-start; }
  html[data-mobil="l"] .s26-end { text-align: left; padding: 72px 0 96px; }
  html[data-mobil="l"] .s26-end-in { justify-items: start; }
  html[data-mobil="l"] .s26-end .s26-ctas { justify-content: flex-start; }
  html[data-mobil="l"] .s26-end-sketch { display: block; width: 160px; height: auto; margin-bottom: 8px; opacity: .9; }
  html[data-mobil="l"] .s26-foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  /* [cc 2026-10-04 comun] regula veche (min-height pe .s26-foot-col a) pierdea in fata celei de desktop (0,3,3): pe telefon fiecare link din subsol e un rand intreg de 44 px, pe toate paginile (si pe pagina 1) */
  html.hv-light[data-mobil="l"] footer.s26-foot .s26-foot-col a, html.hv-light[data-mobil="l"] footer.s26-foot .s26-foot-col span { display: flex; align-items: center; min-height: 44px; }
  html.hv-light[data-mobil="l"] footer.s26-foot .s26-foot-legal a, html.hv-light[data-mobil="l"] footer.s26-foot .s26-foot-legal .s26-lang-on { display: inline-flex; align-items: center; min-height: 44px; }
  html.hv-light[data-mobil="l"] footer.s26-foot h2 { margin-bottom: 4px; font-family: var(--s26-font); font-size: 14px; font-weight: 600; letter-spacing: -0.012em; word-spacing: -0.05em; text-transform: none; }
  .s26-acc summary { font-size: 17px; }
  .s26-table th, .s26-table td { padding: 12px 14px; }
}
@media (max-width: 640px) {
  .s26-grid--2, .s26-grid--3, .s26-grid--4 { grid-template-columns: 1fr; }
  .s26-facts { flex-direction: column; align-items: flex-start; gap: 4px; }
  .s26-ctas .s26-btn--primary { flex: 0 0 auto; }
  html[data-mobil="l"] .s26-foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .s26-foot-bottom { flex-direction: column; align-items: flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .s26 *, .s26 *::before, .s26 *::after { transition: none !important; animation: none !important; }
}

/* ---------- 13. meniul nou (SPEC2 par. 3): cochilia barei ramane a meniu.css (B) si mobile.css (telefon); aici doar continutul ---------- */
header#header.s26-hdr .s26-sr { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
header#header.s26-hdr .s26-ico { display: block; flex: 0 0 auto; }
html.hv-light header#header.s26-hdr #intro-nav-menu a, html.hv-light header#header.s26-hdr .navbar-header a { text-decoration: none; font-family: var(--s26-font); }
html.hv-light header#header.s26-hdr #intro-nav-menu a:focus-visible, html.hv-light header#header.s26-hdr .navbar-header a:focus-visible, header#header.s26-hdr button:focus-visible { outline: 2px solid var(--s26-accent); outline-offset: 2px; border-radius: 6px; }
html.hv-light header#header.s26-hdr .s26-lang-on { color: var(--s26-ink); font-weight: 600; }
html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-lang-to { color: var(--s26-graphite); }
html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-lang-to:hover { color: var(--s26-accent-text); }
html.hv-light header#header.s26-hdr .s26-panel a[aria-current="page"] { color: var(--s26-amber); }
html.hv-light header#header.s26-hdr .navbar.intro:has(.s26-open) { background: hsl(40 10% 95% / .94); border-color: hsl(40 11% 80% / .8); -webkit-backdrop-filter: blur(20px) saturate(1.6); backdrop-filter: blur(20px) saturate(1.6); box-shadow: 0 4px 14px hsl(40 20% 20% / .08); }
/* [cc] butonul din antet pe Acasa, module si Case de expeditie: apare abia dupa ce iese din ecran butonul din hero (site26.js pune .s26-cta-in) */
html.hv-light header#header.s26-hdr .s26-cta, html.hv-light header#header.s26-hdr .s26-cta-sm { transition: background-color .15s ease, opacity .2s ease, transform .2s ease, visibility 0s; }
html.hv-light header#header.s26-hdr[data-cta="late"]:not(.s26-cta-in) .s26-cta, html.hv-light header#header.s26-hdr[data-cta="late"]:not(.s26-cta-in) .s26-cta-sm { opacity: 0; visibility: hidden; transform: translateY(-3px); transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s; }

@media (min-width: 1251px) {
  html.hv-light header#header.s26-hdr .intro-inner { display: flex; align-items: center; gap: 14px; padding: 0 12px 0 0; }
  html.hv-light header#header.s26-hdr .navbar-header { display: flex; align-items: center; float: none; flex: 0 0 auto; }
  html.hv-light header#header.s26-hdr .s26-cta-sm, html.hv-light header#header.s26-hdr #nav-toggle { display: none !important; }
  html.hv-light header#header.s26-hdr #intro-nav-menu.navbar-collapse { display: flex !important; align-items: center; gap: 18px; flex: 1 1 auto; width: auto; height: auto !important; max-height: none; margin: 0; padding: 0; border: 0; box-shadow: none; overflow: visible !important; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list { display: flex; flex-wrap: nowrap; align-items: center; float: none; margin: 0; padding: 0; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li { position: relative; display: flex; align-items: center; float: none; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li.s26-ni--mega { position: static; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li > a.s26-nl { display: block; padding: 0 11px; line-height: 70px; font-size: 16px; font-weight: 500; letter-spacing: -0.005em; word-spacing: -0.05em; text-transform: none; transform: none; white-space: nowrap; color: var(--s26-graphite); }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li[data-s26-menu] > a.s26-nl { padding-right: 1px; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li > a.s26-nl:hover, html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li > a.s26-nl:focus-visible { color: var(--s26-accent-text); }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li.active > a.s26-nl { color: hsl(29 80% 33%); }
  html.hv-light.ez-sus header#header.s26-hdr #intro-nav-menu .s26-nav-list > li.active > a.s26-nl { color: hsl(29 80% 28%); }
  html.hv-light header#header.s26-hdr .s26-caret { display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 40px; margin: 0 6px 0 0; padding: 0; border: 0; border-radius: 6px; background: transparent; color: var(--s26-graphite); cursor: pointer; }
  html.hv-light header#header.s26-hdr .s26-caret:hover, html.hv-light header#header.s26-hdr li.s26-open > .s26-caret { color: var(--s26-accent-text); }
  html.hv-light header#header.s26-hdr .s26-caret .s26-ico { transition: transform .15s ease; }
  html.hv-light header#header.s26-hdr li.s26-open > .s26-caret .s26-ico { transform: rotate(180deg); }
  html.hv-light header#header.s26-hdr .s26-panel { display: none; position: absolute; z-index: 5; top: calc(100% + 10px); text-align: left; background: hsl(40 23% 97%); border: 1px solid hsl(40 15% 80%); border-radius: 12px; box-shadow: 0 24px 48px -22px hsl(40 20% 10% / .32), 0 2px 8px hsl(40 20% 10% / .06); }
  html.hv-light header#header.s26-hdr .s26-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -12px; height: 12px; }
  html.hv-light header#header.s26-hdr li.s26-open > .s26-panel { display: block; animation: s26-drop .18s var(--s26-ease) both; }
  html.hv-light header#header.s26-hdr .s26-ph { display: none; }
  html.hv-light header#header.s26-hdr .s26-mega { left: 0; right: 0; padding: 26px 30px 14px; }
  html.hv-light header#header.s26-hdr .s26-mega-cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-mega-h { display: block; padding: 4px 0 8px; font-size: 16px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: var(--s26-ink); }
  html.hv-light header#header.s26-hdr .s26-mega-sub { list-style: none; display: grid; gap: 0; margin: 0; padding: 0; }
  html.hv-light header#header.s26-hdr .s26-mega-sub li { list-style: none; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-mega-sub a { display: block; padding: 5px 0; font-size: 14.5px; font-weight: 400; line-height: 1.4; color: var(--s26-ink2); }
  html.hv-light header#header.s26-hdr .s26-mega-foot { display: flex; align-items: center; gap: 28px; margin-top: 16px; padding-top: 10px; border-top: 1px solid hsl(40 11% 85%); }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-mega-f { display: inline-flex; align-items: center; gap: 6px; min-height: 40px; font-size: 15px; font-weight: 500; color: var(--s26-ink); }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-mega-all { color: var(--s26-accent); }
  html.hv-light header#header.s26-hdr .s26-drop { left: 0; min-width: 232px; padding: 8px; }
  html.hv-light header#header.s26-hdr .s26-drop ul { list-style: none; margin: 0; padding: 0; }
  html.hv-light header#header.s26-hdr .s26-drop li { list-style: none; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-drop a { display: block; padding: 9px 12px; border-radius: 8px; font-size: 15.5px; font-weight: 500; line-height: 1.35; white-space: nowrap; color: var(--s26-ink); }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-panel a:hover, html.hv-light header#header.s26-hdr #intro-nav-menu .s26-panel a:focus-visible { color: var(--s26-accent); }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-drop a:hover { background-color: hsl(40 12% 92%) !important; }
  html.hv-light header#header.s26-hdr .s26-nav-side { display: flex; align-items: center; gap: 16px; margin-left: auto; flex: 0 0 auto; }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-tel { display: inline-flex; align-items: center; gap: 7px; font-size: 15px; font-weight: 500; white-space: nowrap; font-variant-numeric: tabular-nums; color: var(--s26-graphite); }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-tel:hover { color: var(--s26-accent-text); }
  html.hv-light header#header.s26-hdr .s26-lang { font-size: 14px; font-weight: 500; color: var(--s26-graphite); }
  html.hv-light header#header.s26-hdr .s26-lang .s26-lf { display: none; }
  html.hv-light header#header.s26-hdr .s26-lang .s26-lc { display: inline; }
  html.hv-light header#header.s26-hdr .s26-login { display: none; }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-cta { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 9px; background: var(--s26-accent) !important; color: #fff; font-size: 15px; font-weight: 600; letter-spacing: .002em; white-space: nowrap; box-shadow: 0 1px 2px hsl(206 76% 20% / .16); }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-cta:hover, html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-cta:focus-visible { background: var(--s26-accent-hover) !important; color: #fff; }
}
@keyframes s26-drop { from { opacity: 0; transform: translateY(-4px); } to { opacity: 1; transform: none; } }

/* [cc] sub 1251 px: bara cu logo · „Programează” · „Meniu ☰”, iar meniul deschis e o lista plata, fara al doilea nivel, randuri de 44+ px */
@media (max-width: 1250px) {
  html.hv-light header#header.s26-hdr .navbar-header { display: flex; align-items: center; gap: 8px; float: none; min-height: 64px; }
  html.hv-light header#header.s26-hdr .navbar-brand2 { margin-right: auto; }
  html.hv-light header#header.s26-hdr .logo-icon { transform: none; }
  html.hv-light header#header.s26-hdr #nav-toggle.navbar-toggle { position: static !important; display: inline-flex !important; align-items: center; gap: 10px; float: none; flex: 0 0 auto; min-width: 44px; min-height: 44px; margin: 0 !important; padding: 0 12px 0 10px !important; transform: none !important; border: 0 !important; border-radius: 8px; background: transparent !important; box-shadow: none !important; }
  html.hv-light header#header.s26-hdr .s26-toggle-word { font-family: var(--s26-font); font-size: 15.5px; font-weight: 500; line-height: 1; letter-spacing: -0.01em; color: var(--s26-graphite); }
  html.hv-light header#header.s26-hdr .s26-burger { display: grid; gap: 4px; }
  html.hv-light header#header.s26-hdr .s26-burger .icon-bar { display: block; width: 20px; height: 1.5px; margin: 0 !important; border-radius: 1px; background-color: var(--s26-graphite) !important; }
  html.hv-light header#header.s26-hdr a.s26-cta-sm { display: inline-flex; align-items: center; min-height: 36px; padding: 0 13px; border-radius: 7px; background: linear-gradient(180deg, hsl(206 76% 39%), hsl(205 82% 33%)); color: hsl(210 40% 99%); font-size: 14px; font-weight: 600; line-height: 1; white-space: nowrap; box-shadow: 0 1px 0 hsl(0 0% 100% / .18) inset, 0 1px 2px hsl(40 20% 10% / .22); }
  html.hv-light header#header.s26-hdr #intro-nav-menu { width: auto; max-height: none; margin: 0; padding: 0 2px 6px; border: 0; box-shadow: none; text-align: left; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list { display: block; float: none; width: auto; margin: 6px 0 0; padding: 0; text-align: left; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li { display: block; float: none; border-top: 1px solid hsl(40 11% 84%); text-align: left; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li > a.s26-nl { display: flex; align-items: center; min-height: 48px; padding: 0 2px; line-height: 1.3; font-size: 17px; font-weight: 600; letter-spacing: -0.012em; text-transform: none; transform: none; text-align: left; color: var(--s26-graphite) !important; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li.active > a.s26-nl { color: hsl(29 80% 33%) !important; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-nav-list > li[data-s26-menu] > a.s26-nl, html.hv-light header#header.s26-hdr .s26-caret { display: none !important; }
  html.hv-light header#header.s26-hdr .s26-panel { display: block; position: static; margin: 0; padding: 0 0 8px; background: none; border: 0; box-shadow: none; }
  html.hv-light header#header.s26-hdr .s26-ph { display: flex; align-items: center; min-height: 48px; margin: 0; padding: 0 2px; font-family: var(--s26-font); font-size: 17px; font-weight: 600; line-height: 1.3; letter-spacing: -0.012em; color: var(--s26-graphite); }
  html.hv-light header#header.s26-hdr li.active .s26-ph { color: hsl(29 80% 33%); }
  html.hv-light header#header.s26-hdr .s26-mega-cols { display: block; }
  html.hv-light header#header.s26-hdr .s26-mega-sub { display: none; }
  html.hv-light header#header.s26-hdr .s26-mega-foot { display: block; margin: 0; padding: 0; border: 0; }
  html.hv-light header#header.s26-hdr .s26-drop ul { list-style: none; margin: 0; padding: 0; }
  html.hv-light header#header.s26-hdr .s26-drop li { list-style: none; }
  html.hv-light header#header.s26-hdr .navbar.intro:has(#intro-nav-menu.in), html.hv-light header#header.s26-hdr .navbar.intro:has(#intro-nav-menu.collapsing) { background: hsl(40 23% 97% / .985) !important; -webkit-backdrop-filter: blur(24px) saturate(1.3) !important; backdrop-filter: blur(24px) saturate(1.3) !important; }
  /* [cc 2026-10-04 comun] butonul mic ramane de 36 px la vedere (meniul aprobat), dar ținta de atins are 44 px (strat invizibil de 4 px sus si jos) */
  html.hv-light header#header.s26-hdr a.s26-cta-sm { position: relative; }
  html.hv-light header#header.s26-hdr a.s26-cta-sm::after { content: ""; position: absolute; left: -4px; right: -4px; top: -4px; bottom: -4px; }
  /* [cc 2026-10-04 comun] „Română / English” din lista deschisa: randul avea 44 px, dar linkul doar 17 px; acum linkul ocupa tot randul */
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-lang a.s26-lang-to, html.hv-light header#header.s26-hdr #intro-nav-menu .s26-lang .s26-lang-on { display: inline-flex; align-items: center; min-height: 44px; padding-right: 6px; }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-panel a { display: flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 2px 0 16px; font-size: 16px; font-weight: 500; line-height: 1.3; letter-spacing: -0.012em; color: hsl(40 8% 28%); }
  html.hv-light header#header.s26-hdr #intro-nav-menu .s26-panel a[aria-current="page"] { color: hsl(29 80% 33%); }
  html.hv-light header#header.s26-hdr .s26-nav-side { display: grid; gap: 0; padding: 8px 2px 4px; border-top: 1px solid hsl(40 11% 84%); }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-tel, html.hv-light header#header.s26-hdr .s26-lang, html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-login { display: flex; align-items: center; gap: 8px; min-height: 44px; font-size: 16px; font-weight: 500; color: var(--s26-graphite); }
  html.hv-light header#header.s26-hdr .s26-lang { gap: 8px; }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-login { font-size: 14.5px; color: hsl(40 7% 38%); }
  html.hv-light header#header.s26-hdr #intro-nav-menu a.s26-cta { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 10px; padding: 0 18px; border-radius: 7px; background: linear-gradient(180deg, hsl(206 76% 39%), hsl(205 82% 33%)) !important; color: hsl(210 40% 99%); font-size: 15.5px; font-weight: 600; box-shadow: 0 1px 0 hsl(0 0% 100% / .18) inset, 0 6px 14px -6px hsl(206 76% 30% / .55); }
  html.hv-light header#header.s26-hdr[data-cta="late"]:not(.s26-cta-in) #intro-nav-menu .s26-cta { opacity: 1; visibility: visible; transform: none; }
}
@media (min-width: 901px) and (max-width: 1250px) {
  html.hv-light header#header.s26-hdr .navbar.intro { width: min(1040px, calc(100vw - 40px)) !important; max-width: calc(100vw - 40px) !important; }
  html.hv-light header#header.s26-hdr .intro-inner { padding: 0 8px 0 0; }
  html.hv-light header#header.s26-hdr #intro-nav-menu { padding: 0 14px 10px 16px; }
  html.hv-light header#header.s26-hdr #intro-nav-menu.in { max-height: calc(100vh - 120px); overflow-y: auto; }
}
@media (max-width: 900px) {
  html[data-mobil="l"].l-on header#header.s26-hdr .navbar-header { min-height: 44px; }
  html[data-mobil="l"].l-on header#header.s26-hdr #intro-nav-menu { padding: 0 13px 4px 15px; }
  html[data-mobil="l"].l-on.hv-light header#header.s26-hdr .navbar.intro { transition: transform .3s var(--s26-ease), background-color .25s ease-out, box-shadow .25s ease-out, -webkit-backdrop-filter .25s ease-out, backdrop-filter .25s ease-out; }
  html[data-mobil="l"].l-on.s26-nav-hide header#header.s26-hdr .navbar.intro { transform: translateY(-112%) !important; }
  html[data-mobil="l"].l-on.s26-sticky-on header#header.s26-hdr .s26-cta-sm { display: none; }
}
@media (max-width: 1250px) {
  html:has(header#header.s26-hdr #intro-nav-menu.in) .ez .ez-launch, html:has(header#header.s26-hdr #intro-nav-menu.collapsing) .ez .ez-launch { opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }
}

/* ---------- 14. butonul lipit jos (telefon, Acasa + module) si Easy ca iconita de 48 px ---------- */
.s26-sticky { display: none; }
@media (max-width: 900px) {
  html[data-mobil="l"].l-on .s26-sticky { display: block; position: fixed; z-index: 1025; left: 0; right: 0; bottom: 0; padding: 10px var(--s26-gutter) calc(10px + env(safe-area-inset-bottom)); background: hsl(43 13% 90% / .92); -webkit-backdrop-filter: blur(16px) saturate(1.4); backdrop-filter: blur(16px) saturate(1.4); box-shadow: inset 0 1px 0 hsl(40 15% 74% / .6), 0 -8px 20px -12px hsl(40 20% 10% / .25); transform: translateY(110%); visibility: hidden; transition: transform .3s var(--s26-ease), visibility 0s linear .3s; }
  html[data-mobil="l"].l-on.s26-sticky-on .s26-sticky { transform: none; visibility: visible; transition: transform .3s var(--s26-ease), visibility 0s; }
  html[data-mobil="l"] .s26-sticky .s26-btn { display: flex; width: 100%; min-height: 48px; }
  html.s26-sticky-on .ez { bottom: calc(82px + env(safe-area-inset-bottom)); transition: bottom .3s ease; }
  html[data-mobil="l"].l-on .ez .ez-launch { width: 48px; height: 48px; padding: 4px; gap: 0; justify-content: center; }
  html[data-mobil="l"].l-on .ez .ez-launch .ez-av { width: 40px; height: 40px; }
  html[data-mobil="l"].l-on .ez .ez-launch .ez-l-text { display: none; }
  html[data-mobil="l"] .s26-end-acts { justify-content: flex-start; }
  html[data-mobil="l"] .s26-end-more { justify-content: flex-start; }
  html[data-mobil="l"] .s26-foot-legal ul { gap: 0 16px; }
}
@media (prefers-reduced-motion: reduce) {
  html.hv-light header#header.s26-hdr li.s26-open > .s26-panel { animation: none; }
  html[data-mobil="l"].l-on.hv-light header#header.s26-hdr .navbar.intro, html[data-mobil="l"].l-on .s26-sticky { transition: none; }
}

/* ---------- 15. comun (04.10): butonul vechi „sus”, citatele lungi, stratul de telefon „l” al paginilor interioare (clase si reguli: SPEC3.md) ---------- */
/* [cc 2026-10-04 comun] #scrollUp (js/custom.js) statea la right:386px, peste coloana de text; acum la marginea dreapta, deasupra lui Easy */
html.hv-light #scrollUp { right: 24px; bottom: 96px; }
/* [cc 2026-10-04 comun] citatele de peste ~360 de caractere: site26.js pune .s26-quote--clamp + butonul „Citește tot”; textul ramane intreg in pagina */
.s26-quote.s26-quote--clamp blockquote { max-height: calc(1.65em * 7 + 30px); overflow: hidden; -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 3.3em), transparent); mask: linear-gradient(to bottom, #000 calc(100% - 3.3em), transparent); }
.s26-quote.s26-quote--open blockquote { max-height: none; -webkit-mask-image: none; mask: none; }
.s26 .s26-quote-more { justify-self: start; display: inline-flex; align-items: center; min-height: 44px; margin: -10px 0 -4px; padding: 0; border: 0; background: none; font-family: var(--s26-font); font-size: 15.5px; font-weight: 500; line-height: 1.2; color: var(--s26-accent); cursor: pointer; }
.s26 .s26-quote-more:hover, .s26 .s26-quote-more:focus { color: var(--s26-accent-hover); }
.s26-drag { display: none; }

@media (max-width: 900px) {
  /* [cc 2026-10-04 comun] 15.1 spatierea „l” (-0.018em / -0.07em, titlurile -0.085em) pe tot textul paginii, cu specificitate zero: orice regula de componenta o bate; bold-urile si etichetele cu spatiere normala intre cuvinte */
  :where(html[data-mobil="l"] body.s26-body .s26-main, html[data-mobil="l"] body.s26-body .s26-main *) { letter-spacing: -0.018em; word-spacing: -0.07em; }
  :where(html[data-mobil="l"] body.s26-body .s26-main) :where(h1, h2, h3, h4, h5, h6, h1 *, h2 *, h3 *, h4 *, h5 *, h6 *) { word-spacing: -0.085em; }
  :where(html[data-mobil="l"] body.s26-body .s26-main) :where(b, strong, label):not(:where(h1, h2, h3, h4, h5, h6) *) { word-spacing: normal; }

  /* [cc 2026-10-04 comun] 15.2 capul paginii: firul de pagini devine „‹ parintele” (44 px), fara parinte nu se arata; apoi eticheta de 13 px, H1, lede, butoanele */
  html[data-mobil="l"] .s26-crumbs--top { display: none; }
  html[data-mobil="l"] .s26-crumbs ol { margin: 0 0 2px; }
  html[data-mobil="l"] .s26-crumbs li { display: none; }
  html[data-mobil="l"] .s26-crumbs li.s26-crumbs-up { display: block; }
  html[data-mobil="l"] .s26-crumbs li.s26-crumbs-up::before { content: none; }
  html[data-mobil="l"] .s26 .s26-crumbs li.s26-crumbs-up a { display: inline-flex; align-items: center; gap: 9px; min-height: 44px; margin: -10px 0 -8px; padding: 0 14px 0 2px; border-bottom: 0; font-size: 14px; font-weight: 500; line-height: 1.2; color: hsl(40 7% 38%); }
  html[data-mobil="l"] .s26 .s26-crumbs li.s26-crumbs-up a::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-left: 1.5px solid currentColor; border-bottom: 1.5px solid currentColor; transform: rotate(45deg); }
  html[data-mobil="l"] .s26 .s26-crumbs li.s26-crumbs-up a:hover, html[data-mobil="l"] .s26 .s26-crumbs li.s26-crumbs-up a:focus { color: var(--s26-accent); }

  /* [cc 2026-10-04 comun] 15.3 hero-ul paginilor de modul: fara golul de 112 px de sub butoane, ca fereastra sa inceapa sub 700 px la 390×844 */
  html[data-mobil="l"] body.s26-body .s26-mod-hero { padding-bottom: 0; }
  html[data-mobil="l"] body.s26-body .s26-mod-hero + .s26-section { border-top: 0; }
  html[data-mobil="l"] body.s26-body .s26-mod-hero + section.s26-mod-shot { padding-top: 40px; }

  /* [cc 2026-10-04 comun] 15.4 banda trasa cu degetul (modelul paginii 1: .l-scroll + .l-frame + .l-drag): captura din figure.s26-mod-shot sau orice .s26-strip; site26.js pune indiciul .s26-drag si marginile .s26-sx / .s26-se */
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window, html[data-mobil="l"] body.s26-body .s26-strip { --l-fl: 0px; --l-fr: 56px; display: flex; position: relative; width: auto; max-width: none; margin: 0 calc(-1 * var(--s26-gutter)); padding: 1px 0 44px var(--s26-gutter); border: 0; border-radius: 0; background: none; box-shadow: none; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab; -webkit-tap-highlight-color: transparent; -webkit-mask-image: linear-gradient(to right, transparent 0, #000 var(--l-fl), #000 calc(100% - var(--l-fr)), transparent 100%); mask: linear-gradient(to right, transparent 0, #000 var(--l-fl), #000 calc(100% - var(--l-fr)), transparent 100%); transition: --l-fl .25s ease, --l-fr .25s ease; }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window::-webkit-scrollbar, html[data-mobil="l"] body.s26-body .s26-strip::-webkit-scrollbar { display: none; }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window::after, html[data-mobil="l"] body.s26-body .s26-strip::after { content: ""; flex: 0 0 var(--s26-gutter); }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window > img, html[data-mobil="l"] body.s26-body .s26-strip > img { flex: 0 0 auto; display: block; width: auto; max-width: none; height: clamp(400px, 120vw, 480px); border-radius: 12px; background: hsl(40 23% 97%); box-shadow: 0 0 0 1px hsl(40 20% 10% / .08), 0 20px 36px -20px hsl(40 20% 10% / .32), 0 8px 16px -10px hsl(40 20% 10% / .12); -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
  html[data-mobil="l"] body.s26-body .s26-strip > :not(img) { flex: 0 0 auto; }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window.s26-sx, html[data-mobil="l"] body.s26-body .s26-strip.s26-sx { --l-fl: 20px; }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window.s26-se, html[data-mobil="l"] body.s26-body .s26-strip.s26-se { --l-fr: 0px; }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window.s26-grab, html[data-mobil="l"] body.s26-body .s26-strip.s26-grab { cursor: grabbing; }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot > .s26-window:focus-visible, html[data-mobil="l"] body.s26-body .s26-strip:focus-visible { outline: 2px solid var(--s26-accent); outline-offset: -2px; }
  html[data-mobil="l"] body.s26-body .s26-drag { display: block; position: relative; height: 0; pointer-events: none; }
  html[data-mobil="l"] body.s26-body .s26-drag > span { position: absolute; right: 0; bottom: 2px; display: inline-flex; align-items: center; gap: 6px; min-height: 40px; font-size: 13px; font-weight: 500; line-height: 1; color: hsl(40 7% 38%); white-space: nowrap; transition: opacity .4s ease; }
  html[data-mobil="l"] body.s26-body .s26-drag svg { width: 16px; height: 16px; flex: none; }
  html[data-mobil="l"] body.s26-body .s26-drag.s26-gone > span { opacity: 0; }
  html[data-mobil="l"] body.s26-body figure.s26-mod-shot .s26-mod-notes { margin-top: 6px; }

  /* [cc 2026-10-04 comun] 15.5 text de citit: cel putin 16 px pe telefon (17 in corpul de text); etichetele raman de 13 px, legendele de 14-15 px */
  html[data-mobil="l"] body.s26-body .s26 .s26-acc .s26-acc-body { font-size: 17px; }
  html[data-mobil="l"] body.s26-body .s26 :is(.s26-num-list li, .s26-notice, .s26-mod-notes li) { font-size: 16px; }
  html[data-mobil="l"] body.s26-body .s26 :is(.s26-resources-facts, .s26-resources-quote, .s26-resources-note, .s26-resources-results-note, .s26-resources-tools p, .s26-resources-pl-d, .s26-resources-vid, .s26-resources-yt, .s26-resources-v34-list li, .s26-resources-archive-list a, .s26-resources-from-sub, .s26-resources-excerpt, .s26-resources-status, .s26-resources-modlink, .s26-resources-hit-title, .s26-resources-toc-list a) { font-size: 16px; }
  html[data-mobil="l"] body.s26-body .s26 .s26-resources-v34-list b { font-size: 17px; }
  html[data-mobil="l"] body.s26-body .s26 :is(.s26-resources-hit-snip, .s26-resources-meta, .s26-contact-chk-h) { font-size: 15px; }
  html[data-mobil="l"] body.s26-body .s26 :is(.pr-sub li, .pr-note, .pr-dp-note) { font-size: 16px; }
  html[data-mobil="l"] body.s26-body .sx-ai :is(.sx-ai-price-vs, .sx-ai-step), html[data-mobil="l"] body.s26-body .sx-aplicatia :is(.sxa-hub-txt p, .sxa-txt p, .sxa-more-list li), html[data-mobil="l"] body.s26-body .sx-valabilitati :is(.vb-when-more, .vb-shut-t, .vb-note p, .vb-watch-p, .vb-extra p, .vb-types dt, .vb-types dd), html[data-mobil="l"] body.s26-body .sx-here :is(.hp-price-t, .hp-price-m, .hp-cap > p:not(.hp-src), .hp-about > div > p:not(.hp-src), .hp-cov dt, .hp-cov dd), html[data-mobil="l"] body.s26-body .sx-easy .sx-easy-rows p { font-size: 16px; }
  html[data-mobil="l"] body.s26-body .sx-aplicatia .sxa-hub-txt .sxa-langs { font-size: 15px; }
  html[data-mobil="l"] body.s26-body .sx-aplicatia .sxa-foot, html[data-mobil="l"] body.s26-body .sx-valabilitati .vb-cap, html[data-mobil="l"] body.s26-body .sx-here .hp-src, html[data-mobil="l"] body.s26-body .sx-telematica .sx-tm-cap { font-size: 14px; }

  /* [cc 2026-10-04 comun] 15.6 etichetele mono cu majuscule devin eticheta de telefon (13 px / 500, fara majuscule); titlurile mici de lista devin 15 px / 600 */
  html[data-mobil="l"] body.s26-body .s26 :is(.s26-cat, .s26-mod-link-m, .s26-resources-post-mod, .s26-resources-pn-k, .s26-resources-hit-kind, .s26-resources-tl-date, .pr-fit-k, .pr-extra-label, .pr-dp-k, .s26-contact-fn, .s26-pd-dl dt) { font-family: var(--s26-font); font-size: 13px; font-weight: 500; letter-spacing: -0.018em; word-spacing: -0.07em; text-transform: none; color: hsl(40 7% 38%); }
  html[data-mobil="l"] body.s26-body .s26 :is(.s26-resources-v34-cat, .s26-resources-toc-title, .s26-pd-grp-h, .s26-legal-side-h) { font-family: var(--s26-font); font-size: 15px; font-weight: 600; letter-spacing: -0.012em; word-spacing: -0.05em; text-transform: none; color: var(--s26-ink); }

  /* [cc 2026-10-04 comun] 15.7 tinte de 44 px: „Vezi…” liniștit, ancorele din capul paginii, cuprinsul ghidului, linkurile din raspunsuri, cartela de articol din blog */
  html[data-mobil="l"] body.s26-body .s26-main a.s26-more { min-height: 44px; }
  html[data-mobil="l"] body.s26-body .s26 .s26-facts li:has(> a) { position: relative; padding-block: 11px; }
  html[data-mobil="l"] body.s26-body .s26 .s26-facts li > a::after { content: ""; position: absolute; inset: 0; }
  html[data-mobil="l"] body.s26-body .s26 :is(.s26-resources-toc-list a, .s26-resources-modlink, .s26-resources-from-sub a) { min-height: 44px; }
  html[data-mobil="l"] body.s26-body .s26 .s26-resources-archive-list a { display: inline-block; padding-block: 10px; margin-block: -10px; }
  html[data-mobil="l"] body.s26-body .s26 .s26-resources-post { position: relative; }
  html[data-mobil="l"] body.s26-body .s26 .s26-resources-post-title > a::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }

  /* [cc 2026-10-04 comun] 15.8 Easy: subsolul lasa loc iconitei de 48 px, ca ultimul rand sa nu stea sub ea */
  html[data-mobil="l"] body.s26-body:has(.ez) footer.s26-foot { padding-bottom: calc(84px + env(safe-area-inset-bottom)); }
}
@media (max-width: 640px) {
  html[data-mobil="l"] body.s26-body .s26 .s26-facts { gap: 0; }
}