:root {
      color-scheme: dark;
      --bg: #111318;
      --panel: #1c2028;
      --line: #303540;
      --muted: #a7afbd;
      --orange: #4682B4;
    }

    * { box-sizing: border-box }
    html { scroll-behavior: smooth }
    body { margin: 0; background: var(--bg); color: #f5f7fa; font: 17px/1.6 Arial, Helvetica, sans-serif }
    button, input, select { font: inherit }
    button, a, input, select { outline-offset: 4px }
    button, a { touch-action: manipulation }
    a { color: inherit; text-decoration: none }
    button { cursor: pointer }

    .site-header { position: sticky; top: 0; z-index: 5; border-bottom: 1px solid var(--line); background: rgba(21, 23, 29, .94); backdrop-filter: blur(15px) }
    .bar { display: flex; max-width: 1200px; align-items: center; justify-content: space-between; gap: 20px; margin: auto; padding: 12px 24px }
    .logo { display: block; width: 190px; height: 74px; object-fit: contain }
    nav { display: flex; align-items: center; gap: 26px }
    nav a { color: var(--muted) }
    nav a:hover { color: #fff }
    main { max-width: 1200px; margin: auto; padding: 0 24px 60px }
    .hero { max-width: 850px; padding: 74px 0 45px }
    .eyebrow { color: #4682B4; font-size: 14px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase }
    h1 { margin: 18px 0 22px; font-size: calc(clamp(38px, 6vw, 70px) + 2px); letter-spacing: -.05em; line-height: 1.07 }
    h1 span { color: var(--orange) }
    .lead { max-width: 660px; color: var(--muted); font-size: 20px}
    .button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 9px; border: 1px solid var(--line); border-radius: 10px; padding: 10px 16px; background: #262b35; color: white; font-size: 14px; font-weight: 700; transition: transform .18s ease, box-shadow .18s ease, background .18s ease }
    .button:hover { transform: translateY(-1px) }
    .primary { border-color: var(--orange); background: var(--orange); color: #17100b }
    .hero .button { margin-top: 14px }
    .strip { display: flex; flex-wrap: wrap; gap: 12px 28px; border-block: 1px solid var(--line); padding: 18px 0; color: #ccd1da; font-size: 15px}
    .strip b { margin-right: 8px; color: var(--orange) }
    .heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 46px 0 20px }
    h2 { margin: 0; font-size: 30px; letter-spacing: -.035em }
    .muted { color: var(--muted) }
    .notice { margin: 0; border-left: 3px solid var(--orange); padding: 12px 16px; background: #4682B40d; color: #d9c3b5; font-size: 15px}
    .tools { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 }
    input, select { border: 1px solid var(--line); border-radius: 9px; padding: 12px; background: var(--panel); color: white }
    input { min-width: 180px; flex: 1 }
    .filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 20px }
    .filter { border: 1px solid var(--line); border-radius: 99px; padding: 8px 16px; background: transparent; color: #bbc3cf }
    .filter.active { border-color: var(--orange); background: #4682B41a; color: #91c2ff }
    .grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px }
    .card { display: flex; min-width: 0; flex-direction: column; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--panel); transition: transform .2s ease, border-color .2s ease }
    .card:hover { transform: translateY(-4px); border-color: #4682B480 }
    .art { position: relative; display: flex; height: 178px; align-items: center; justify-content: space-between; overflow: hidden; border-bottom: 1px solid var(--line); padding: 24px; background: radial-gradient(ellipse at 90% 0, #4682B42a, transparent 70%), #171a21 }
    .art::after { position: absolute; top: -54px; right: 24%; width: 220px; height: 220px; border: 1px solid #ffffff0d; border-radius: 50%; content: "" }
    .art svg { z-index: 1; width: 78px; height: 78px; color: var(--orange) }
    .code { z-index: 1; color: #a6afbd; font-size: 13px; letter-spacing: .16em; text-align: right }
    .card-body { display: flex; flex: 1; flex-direction: column; padding: 22px }
    .tag { color: #9ac7ff; font-size: 12px; letter-spacing: .12em; text-transform: uppercase }
    h3 { margin: 8px 0; font-size: 22px; line-height: 1.3 }
    .description { margin: 0 0 14px; color: var(--muted); font-size: 15px}
    .spec { margin: 0 0 20px; color: #c1c8d3; font-size: 14px}
    .buy { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; border-top: 1px solid var(--line); padding-top: 16px }
    .price { color: #fff; font-size: 27px; font-weight: 800; white-space: nowrap }
    .example { display: block; color: var(--muted); font-size: 12px; font-weight: 400 }
    .download { flex: 0 0 auto }
    .download svg { width: 15px; height: 15px }
    #results { color: var(--muted); font-size: 14px}
    #status { min-height: 24px; color: #9ac7ff; font-size: 15px}
    #empty { grid-column: 1 / -1; padding: 35px; color: var(--muted); text-align: center }
    .steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin: 28px 0 45px }
    .step { border: 1px solid var(--line); border-radius: 14px; padding: 24px; background: #ffffff04 }
    .step b { color: var(--orange); font-size: 27px}
    .step p { color: var(--muted); font-size: 15px}
    .help { border: 1px solid var(--line); border-radius: 15px; padding: 28px; background: var(--panel) }
    .help p { color: var(--muted) }
    .help a { color: #9ac7ff }
    footer { padding: 28px 0 0; color: var(--muted); font-size: 14px}
    a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid #4682B4 }

    @media (max-width: 900px) {
      .grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
      .steps { grid-template-columns: 1fr }
      nav { gap: 16px }
    }

    @media (max-width: 580px) {
      .grid { grid-template-columns: 1fr }
      .bar { padding: 8px 16px }
      .logo { width: 145px; height: 58px }
      nav { gap: 12px }
      nav a { font-size: 14px}
      main { padding-inline: 16px }
      .hero { padding-top: 42px }
      .lead { font-size: 18px}
      .heading { align-items: flex-start; flex-direction: column; gap: 4px }
      .strip { gap: 8px 16px }
      .strip span { font-size: 14px}
      .tools select { width: 100% }
      .art { height: 190px }
      .card-body { padding: 19px }
    }

    @media (max-width: 380px) {
      nav { gap: 8px }
      nav a { font-size: 13px}
      .logo { width: 125px }
      .buy { align-items: flex-start; flex-direction: column }
      .download { width: 100% }
    }
    /* Rafinări vizuale: structura catalogului este păstrată. */
    body { background: radial-gradient(ellipse at 95% 0, rgba(70,130,180,.055), transparent 38%), var(--bg) }
    section[id] { scroll-margin-top: 115px }
    .site-header { box-shadow: 0 8px 30px #00000012 }
    nav a { position: relative; padding: 8px 0; font-size: 15px; font-weight: 600 }
    nav a::after { position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--orange); content: ''; transition: width .2s }
    nav a:hover::after { width: 100% }
    .hero { padding-bottom: 52px }
    .eyebrow { display: inline-flex; align-items: center; gap: 10px }
    .eyebrow::before { width: 20px; height: 2px; background: var(--orange); content: '' }
    .lead { line-height: 1.8; color: #b3bac6 }
    .primary { background: linear-gradient(125deg,#4682B4,#4682B4); box-shadow: 0 5px 18px #4682B414 }
    .primary:hover { background: #4682B4; box-shadow: 0 7px 24px #4682B426 }
    .strip { padding: 22px 0; border-color: #ffffff12 }
    .strip b { font-variant-numeric: tabular-nums }
    .notice { border-radius: 0 8px 8px 0; color: #c0b4aa; background: #4682B408; font-size: 14px}
    input, select { min-height: 48px; transition: border-color .2s }
    input:hover, select:hover { border-color: #626977 }
    input::placeholder { color: #9099a9 }
    .filter { transition: background .18s, border-color .18s; font-size: 15px}
    .filter:hover { border-color: #4682B480; background: #4682B40a }
    .card { border-color: #ffffff13; box-shadow: 0 8px 28px #00000016; background: linear-gradient(155deg,#20242d,#191d25) }
    .card:hover { box-shadow: 0 16px 35px #00000030 }
    .art { background: radial-gradient(ellipse at 90% 0,#4682B420,transparent 70%),#151820 }
    .art::before { position:absolute; inset:0; background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px); background-size:24px 24px; content:'' }
    .art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2 }
    .tag { align-self: flex-start; border: 1px solid #4682B426; border-radius: 5px; background: #4682B40a; padding: 3px 7px; font-weight: 700 }
    h3 { margin-top: 14px; letter-spacing: -.025em }
    .description { line-height: 1.75 }
    .spec { color: #9ca6b6; font-size: 13px}
    .buy { border-color: #ffffff10 }
    .price { letter-spacing: -.04em; font-variant-numeric: tabular-nums }
    .example { letter-spacing: normal }
    .download[aria-disabled="true"] { background: #303540; border-color: #454b57; color: #b8c0cd; box-shadow:none; cursor: not-allowed }
    .download[aria-disabled="true"]:hover { transform:none }
    .step { border-color: #ffffff13; background: #ffffff02 }
    .help { border-color: #ffffff16; background: linear-gradient(115deg,#23252c,#1a1d24) }
    footer { margin-top: 28px; border-top: 1px solid #ffffff10 }
    @media (prefers-reduced-motion:reduce) { html {scroll-behavior:auto} *,*::before,*::after {transition:none!important} }
    /* Structură de panou cu meniu lateral, în tema OBDX portocalie. */
    :root { --sidebar-width: 238px }
    body { background: radial-gradient(ellipse at 25% 0,#4682B407,transparent 45%),#111318 }
    .sidebar { position:fixed; inset:0 auto 0 0; width:var(--sidebar-width); z-index:30; display:flex; flex-direction:column; padding:23px 14px 18px; background:#0e1015; border-right:1px solid #ffffff0c; overflow-y:auto }
    .sidebar-brand { display:block; padding:0 5px 22px; margin-bottom:23px; border-bottom:1px solid #ffffff0c }
    .sidebar-brand img { display:block; width:100%; height:auto; max-height:85px; object-fit:contain }
    .sidebar-label { padding:0 13px; color:#7f899a; font-size:11px; font-weight:800; letter-spacing:.18em }
    .sidebar-nav { display:grid; align-items:stretch; gap:6px; margin-top:15px }
    .sidebar-nav .side-link { position:relative; display:flex; align-items:center; gap:12px; width:100%; min-height:44px; margin:0; padding:10px 13px; border:1px solid transparent; border-radius:8px; background:transparent; color:#aeb7c6; font:600 14px/1.5 Arial,Helvetica,sans-serif; text-align:left }
    .sidebar-nav .side-link::after { display:none }
    .side-link span { width:19px; font-size:20px; text-align:center; color:#8b96a8 }
    .sidebar-nav .side-link:hover { background:#ffffff05; color:#fff }
    .sidebar-nav .side-link.active { background:linear-gradient(100deg,#4682B425,#4682B40a); border-color:#4682B435; color:#4682B4 }
    .side-link.active span { color:var(--orange) }
    .sidebar-bottom { margin-top:auto; padding-top:32px }
    .sidebar-promo { padding:17px 13px; border:1px solid #4682B426; border-radius:11px; background:radial-gradient(ellipse at 100% 100%,#4682B420,transparent 75%),#171a21 }
    .sidebar-promo .eyebrow { font-size:10px; letter-spacing:.13em }
    .sidebar-promo h2 { font-size:20px; font-style:italic; line-height:1.35; margin:9px 0 }
    .sidebar-promo p { color:#9ba5b5; font-size:13px}
    .sidebar-promo a { display:inline-block; font-size:12px; font-weight:700; color:#4682B4 }
    .sidebar-contact { display:block; margin-top:10px; padding:10px 12px; border:1px solid #ffffff12; border-radius:8px; color:#c2cad6; font-size:13px}
    .sidebar-bottom small { display:block; padding:20px 10px 0; color:#677286; font-size:11px}
    .site-header { margin-left:var(--sidebar-width); background:#111318ee; box-shadow:none }
    .bar { max-width:1440px; min-height:72px; padding:12px 30px }
    .topbar-start { display:flex; align-items:center; gap:12px }
    .breadcrumb { font-size:14px; color:#828d9e }
    .breadcrumb span { padding:0 11px; color:#4b5362 }
    .breadcrumb strong { color:#d5dae3; font-weight:600 }
    .topbar-mail { color:#9ba6b7; font-size:14px}
    .topbar-mail span { color:var(--orange); margin-right:6px }
    .menu-toggle { display:none }
    main { max-width:none; margin-left:var(--sidebar-width); padding:0 30px 38px }
    main > * { max-width:1380px; margin-left:auto; margin-right:auto }
    .hero { max-width:1380px; padding:32px 0 27px; position:relative }
    .hero .eyebrow { font-size:12px}
    h1 { font-size:calc(clamp(27px,3.1vw,42px) + 2px); line-height:1.18; letter-spacing:-.04em; margin:12px 0 }
    h1 br { display:none }
    h1 span::before { content:' ' }
    .lead { max-width:760px; font-size:15px; line-height:1.7; margin:0 }
    .hero > .button { margin-top:19px; font-size:13px; min-height:36px }
    .strip { gap:12px 28px; padding:15px 18px; border:1px solid #ffffff0d; border-radius:9px; background:#171a21; font-size:13px}
    .heading { margin-top:28px; margin-bottom:15px }
    h2 { font-size:24px}
    .notice { font-size:13px; padding:10px 13px }
    .tools { margin:18px 0 14px }
    .tools input,.tools select { min-height:42px; padding:9px 12px; font-size:14px}
    .filters { margin-bottom:15px }
    .filter { font-size:13px; padding:7px 13px; border-radius:7px }
    #status:empty { display:none }
    .grid { gap:17px }
    .card { border-radius:11px }
    .art { height:155px }
    .card-body { padding:19px }
    h3 { font-size:20px}
    .description { font-size:14px}
    .price { font-size:26px}
    .steps { gap:17px; margin-bottom:30px }
    .step { padding:20px }
    .help { padding:24px }
    .help p { font-size:15px}
    .help a { font-size:14px}
    .sidebar-backdrop { display:none }
    @media(min-width:1600px) { main {padding-inline:50px} .bar {padding-inline:50px} .art {height:190px} }
    @media(max-width:1100px) { :root {--sidebar-width:216px} .grid {grid-template-columns:repeat(2,minmax(0,1fr))} .breadcrumb {font-size:13px} .topbar-mail {font-size:13px} }
    @media(max-width:760px) {
      .sidebar {transform:translateX(-100%);transition:transform .2s}
      .sidebar.open {transform:translateX(0)}
      .site-header, main {margin-left:0}
      .menu-toggle {display:inline-flex;padding:8px 11px;min-height:35px}
      .bar {min-height:62px;padding:10px 16px}
      .breadcrumb {font-size:13px}.breadcrumb > span {padding:0 7px}
      .topbar-mail {font-size:0}.topbar-mail span {font-size:22px}
      main {padding:0 16px 30px}
      .hero {padding-top:26px}.hero h1 {font-size:32px}
      .sidebar-backdrop:not([hidden]) {display:block;position:fixed;inset:0;z-index:25;background:#0009;border:0;backdrop-filter:blur(2px)}
    }
    @media(max-width:580px) { .grid {grid-template-columns:1fr}.art {height:180px}.strip {gap:8px 14px;padding:12px}.strip span {font-size:12px}.steps {grid-template-columns:1fr}.buy {flex-direction:row;align-items:center}.download {width:auto}.hero .lead {font-size:15px} }
    .tools {scroll-margin-top:90px} .category-showcase {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0 25px}
    .category-tile {position:relative;isolation:isolate;overflow:hidden;min-height:210px;padding:22px;border:1px solid #ffffff15;border-radius:13px;background:linear-gradient(140deg,#222630,#15181f);color:#f5f7fa;text-align:left;transition:transform .25s,border-color .25s,box-shadow .25s}
    .category-tile::before {content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 80% 10%,#4682B420,transparent 65%);opacity:.5;transition:opacity .25s}
    .category-tile:hover,.category-tile:focus-visible {transform:translateY(-5px);border-color:#4682B480;box-shadow:0 14px 35px #0003}
    .category-tile:hover::before {opacity:1}
    .category-tile[aria-pressed="true"] {border-color:#4682B4;box-shadow:inset 0 -2px #4682B4}
    .category-top {display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
    .category-number {font-size:12px;font-weight:700;letter-spacing:.15em;color:#909aab}
    .category-arrow {display:grid;place-items:center;width:29px;height:29px;border:1px solid #ffffff18;border-radius:50%;color:#ff9e59;transition:transform .2s}
    .category-tile:hover .category-arrow {transform:rotate(-40deg);background:#4682B412}
    .category-tile strong {display:block;font-size:21px;letter-spacing:-.025em}
    .category-tile small {display:block;color:#aab3c2;max-width:240px;font-size:14px;line-height:1.6;margin-top:5px}
    .category-visual {height:62px;margin-bottom:16px;display:flex;align-items:center;position:relative;color:#4682B4}
    .category-visual svg {width:160px;height:64px;overflow:visible}
    .signal {stroke-dasharray:240;stroke-dashoffset:240;animation:trace-signal 2s ease-out both}
    .chip-pulse {transform-origin:80px 32px;animation:chip-boot 1.8s ease-out both}
    .report-line {stroke-dasharray:70;stroke-dashoffset:70;animation:trace-signal 1.5s ease-out both}
    .report-line:nth-child(2) {animation-delay:.15s}.report-line:nth-child(3) {animation-delay:.3s}
    .category-tile:hover .signal,.category-tile:focus-visible .signal {animation:signal-flow 2s linear infinite}
    .category-tile:hover .chip-pulse,.category-tile:focus-visible .chip-pulse {animation:chip-glow 1.8s ease-in-out infinite}
    .category-tile:hover .report-line,.category-tile:focus-visible .report-line {animation:report-write 2s ease-in-out infinite}
    .art .product-visual {width:155px;height:85px;filter:drop-shadow(0 5px 12px #4682B412)}
    .art::after {width:150px;height:150px;right:15%;top:-65px}
    .card:hover .signal {animation:signal-flow 2s linear infinite}
    .card:hover .chip-pulse {animation:chip-glow 1.8s ease-in-out infinite}
    .card:hover .report-line {animation:report-write 2s ease-in-out infinite}
    @keyframes trace-signal {to {stroke-dashoffset:0}}
    @keyframes signal-flow {0%{stroke-dashoffset:240;opacity:.4}60%,100%{stroke-dashoffset:0;opacity:1}}
    @keyframes chip-boot {from{opacity:.2;transform:scale(.85)}to{opacity:1;transform:scale(1)}}
    @keyframes chip-glow {50%{filter:drop-shadow(0 0 6px #4682B490);opacity:.65}}
    @keyframes report-write {0%{stroke-dashoffset:70}65%,100%{stroke-dashoffset:0}}
    @media(max-width:1100px){.category-showcase{gap:10px}.category-tile{padding:16px}.category-tile strong{font-size:19px}}
    @media(max-width:580px){.category-showcase{grid-template-columns:1fr}.category-tile{min-height:160px;padding:18px 20px}.category-top{margin-bottom:10px}.category-visual{position:absolute;right:12px;bottom:25px;width:110px;opacity:.5}.category-visual svg{width:110px}.category-tile small{max-width:65%}}
    @media(prefers-reduced-motion:reduce){.signal,.chip-pulse,.report-line{animation:none!important;stroke-dashoffset:0}.category-tile:hover{transform:none}}
    .about-section {margin-top:30px;margin-bottom:22px} .about-section p {max-width:820px} #home {scroll-margin-top:90px}
  

/* OBDX — meniu premium */
.sidebar-nav { gap: 9px; }
.sidebar-nav .side-link {
  isolation: isolate;
  overflow: hidden;
  min-height: 48px;
  border-radius: 10px;
  background: transparent;
  transition: color .22s ease, border-color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.sidebar-nav .side-link::before {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(110deg, transparent 15%, rgba(255,194,145,.09) 45%, transparent 72%);
  transform: translateX(-130%);
  pointer-events: none;
}
.sidebar-nav .side-link::after {
  display: block;
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  bottom: auto;
  width: 3px;
  height: 18px;
  border-radius: 0 3px 3px 0;
  background: #4682B4;
  box-shadow: 0 0 12px rgba(70,130,180,.35);
  opacity: 0;
  transform: translateY(-50%) scaleY(.4);
  transition: opacity .22s ease, transform .22s ease;
}
.sidebar-nav .side-link span {
  transition: transform .22s ease, color .22s ease, filter .22s ease;
}
.sidebar-nav .side-link:hover,
.sidebar-nav .side-link:focus-visible {
  color: #fff0e5;
  background: linear-gradient(105deg, rgba(70,130,180,.12), rgba(70,130,180,.025));
  border-color: rgba(70,130,180,.25);
  box-shadow: inset 0 1px rgba(255,255,255,.035), 0 5px 18px rgba(0,0,0,.13);
  transform: translateX(2px);
}
.sidebar-nav .side-link:hover::before,
.sidebar-nav .side-link:focus-visible::before { animation: menu-sheen .65s ease-out both; }
.sidebar-nav .side-link:hover span,
.sidebar-nav .side-link:focus-visible span {
  color: #4682B4;
  transform: translateY(-1px);
  filter: drop-shadow(0 0 5px rgba(70,130,180,.25));
}
.sidebar-nav .side-link.active {
  color: #4682B4;
  border-color: rgba(70,130,180,.32);
  background: linear-gradient(105deg, rgba(70,130,180,.17), rgba(70,130,180,.045));
  box-shadow: inset 0 1px rgba(255,202,161,.065), 0 5px 20px rgba(0,0,0,.15);
}
.sidebar-nav .side-link.active::after,
.sidebar-nav .side-link:hover::after,
.sidebar-nav .side-link:focus-visible::after { opacity: 1; transform: translateY(-50%) scaleY(1); }
.sidebar-nav .side-link:active { transform: translateX(1px) scale(.985); }
@keyframes menu-sheen { from { transform: translateX(-130%); } to { transform: translateX(130%); } }
@media (hover: none) {
  .sidebar-nav .side-link:hover { transform: none; }
  .sidebar-nav .side-link:hover::before { animation: none; }
}
@media (prefers-reduced-motion: reduce) {
  .sidebar-nav .side-link, .sidebar-nav .side-link span, .sidebar-nav .side-link::after { transition: none; }
  .sidebar-nav .side-link::before { animation: none !important; display: none; }
  .sidebar-nav .side-link:hover, .sidebar-nav .side-link:active, .sidebar-nav .side-link:hover span { transform: none; }
}

/* Pagina selectată: doar contur portocaliu. */
.sidebar-nav .side-link.active,
.sidebar-nav .side-link.active:hover,
.sidebar-nav .side-link.active:focus-visible {
  border-color: #4682B4;
  background: transparent;
  box-shadow: none;
  color: #aeb7c6;
}
.sidebar-nav .side-link.active span,
.sidebar-nav .side-link.active:hover span,
.sidebar-nav .side-link.active:focus-visible span {
  color: #8b96a8;
  filter: none;
  transform: none;
}
.sidebar-nav .side-link.active::before,
.sidebar-nav .side-link.active::after { display: none; }

/* Cursor OBDX în formă de mașină, cu punctul activ la capota din față. */
@media (hover: hover) and (pointer: fine) {
  html, body, body * {
    cursor: auto;
  }
  a, button, [role="button"], select, a *, button * {
    cursor: pointer;
  }
  input, textarea, [contenteditable="true"] {
    cursor: text;
  }
  [aria-disabled="true"], :disabled {
    cursor: not-allowed;
  }
}

/* Reclamă Diaspora IPTV — sidebar */
.sidebar-promo.iptv-ad {position:relative;isolation:isolate;padding:16px 13px 13px;border:1px solid #65d9df30;border-radius:13px;background:radial-gradient(ellipse at 100% 0,#2c7cc52b,transparent 70%),linear-gradient(155deg,#142237,#101724);overflow:hidden}
.iptv-ad .ad-label{display:block;font-size:9px;letter-spacing:.19em;color:#8295ad;margin-bottom:13px}
.iptv-brand{color:#74e6d5;font-size:24px;font-weight:850;letter-spacing:-.065em;line-height:1.2}.iptv-brand>span{color:#80adff}
.iptv-screen{margin:16px 0 17px;padding:4px;border:1px solid #8aa4c530;border-radius:8px;background:#070e19;transform:perspective(500px) rotateY(-7deg);box-shadow:0 10px 20px #0003}
.iptv-screen-inner{min-height:82px;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#7ce5de;background:radial-gradient(ellipse at 70% 20%,#417dc740,transparent 70%),linear-gradient(125deg,#17445170,#192137)}
.iptv-screen svg{width:40px;height:40px}.iptv-screen-inner>span{font-size:9px;letter-spacing:.18em;color:#b5cbe3}
.iptv-ad h2{font-size:27px;font-style:normal;line-height:1.08;letter-spacing:-.045em;margin:0 0 12px;color:#f2f7ff}.iptv-ad h2 span{color:#78dfd5}
.iptv-ad p{font-size:13px;line-height:1.7;color:#a9b9cc;margin:0 0 13px}.iptv-features{display:flex;flex-wrap:wrap;gap:5px}.iptv-features span{font-size:10px;border:1px solid #9cbad520;border-radius:4px;padding:3px 5px;color:#bdcee0;background:#ffffff03}
.iptv-tagline{font-size:12px;color:#a0b4cc;line-height:1.6;border-top:1px solid #ffffff0c;padding-top:12px;margin-top:13px}
.iptv-ad .iptv-ad-link{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:14px;border:1px solid #74e6d535;border-radius:7px;padding:9px 7px;background:linear-gradient(110deg,#74e6d514,#80adff14);color:#9deee4;font-size:11px;font-weight:700;text-decoration:none}
.iptv-ad-link[aria-disabled="true"]{cursor:default}
@media(max-height:850px) and (min-width:761px){.iptv-screen{display:none}.sidebar-bottom{padding-top:20px}.iptv-ad h2{font-size:24px}.iptv-ad .ad-label{margin-bottom:8px}}

.footer-topics{margin-bottom:22px}.footer-topics>span{display:block;color:#8490a3;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:11px}.footer-tags{display:flex;flex-wrap:wrap;gap:7px}.footer-tags a{display:inline-block;padding:5px 9px;border:1px solid #ffffff12;border-radius:5px;color:#9aa6b8;font-size:12px;transition:border-color .2s,color .2s,background .2s}.footer-tags a:hover,.footer-tags a:focus-visible{color:#4682B4;border-color:#4682B450;background:#4682B40a}

/* Publicitatea în dreapta subiectelor din subsol. */
.footer-content {display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:36px;margin-bottom:24px}
.footer-content .footer-topics {margin:0;padding-top:6px}
.footer-ad .sidebar-promo.iptv-ad {margin:0;width:100%}
.footer-ad .iptv-screen {display:block;margin:12px 0;transform:none}
.footer-ad .iptv-screen-inner {min-height:70px}
.footer-ad .iptv-ad h2 {font-size:26px}
.footer-ad .iptv-tagline {font-size:12px}
.footer-ad .iptv-ad-link {margin-top:12px}
.sidebar-bottom {padding-top:20px}
@media(max-width:950px){.footer-content{grid-template-columns:minmax(0,1fr) 230px;gap:22px}}
@media(max-width:580px){.footer-content{grid-template-columns:1fr;gap:24px}.footer-ad{max-width:320px;width:100%}}

/* Două coloane editoriale lângă publicitate. */
.footer-community{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:34px;margin-top:30px}
.footer-community h2{color:#f1f4f8;font-size:21px;letter-spacing:-.025em;margin:0 0 5px;line-height:1.3}
.community-demo{display:block;color:#78869a;font-size:11px;line-height:1.5;margin-bottom:12px}
.footer-community article{padding:14px 0 17px;border-bottom:1px solid #ffffff24}
.footer-community article:last-child{border:0}
.footer-community h3{color:#c1cddd;font-size:14px;font-weight:400;margin:0 0 4px;line-height:1.6;letter-spacing:0}
.footer-community strong{display:block;color:#b1bece;font-size:13px;font-weight:600;line-height:1.8}
.footer-community p{color:#a9b8cb;font-size:13px;line-height:1.85;margin:0}
.recent-files p{font-style:italic}.review-stars{display:block;color:#4682B4;font-size:22px;letter-spacing:1px;line-height:1;margin-top:10px}
@media(max-width:1100px){.footer-community{gap:20px}.footer-community h2{font-size:19px}}
@media(max-width:850px){.footer-content{grid-template-columns:1fr}.footer-ad{width:260px;justify-self:end}.footer-community{margin-top:25px}}
@media(max-width:580px){.footer-community{grid-template-columns:1fr;gap:24px}.footer-ad{justify-self:start;width:100%;max-width:320px}}

.footer-community { grid-template-columns: minmax(0, 1fr); }

/* Reclamă compactă: mesaj și buton, ca în referință. */
.footer-ad {width:260px;max-width:100%;justify-self:end}
.footer-ad .sidebar-promo.iptv-ad {padding:12px 13px 10px;border-radius:9px}
.footer-ad .ad-label,
.footer-ad .iptv-brand,
.footer-ad .iptv-screen,
.footer-ad .iptv-ad h2,
.footer-ad .iptv-ad p,
.footer-ad .iptv-features {display:none}
.footer-ad .iptv-tagline {margin:0;padding:0;border:0;font-size:12px;line-height:1.6}
.footer-ad .iptv-ad-link {margin-top:11px;min-height:34px;padding:8px 10px}
@media(max-width:580px){.footer-ad{justify-self:start}}

/* Banner Diaspora IPTV în format miniatural. */
.footer-ad .sidebar-promo.iptv-mini-banner{position:relative;display:block;width:260px;max-width:100%;height:100px;padding:9px 8px;border:1px solid #37536c;border-radius:8px;overflow:hidden;background:radial-gradient(ellipse at 100% 20%,#203e61,transparent 65%),#0e172f}
.mini-copy{position:relative;width:58%;z-index:2}.mini-brand{font-size:20px;line-height:1.1;letter-spacing:-1px;font-weight:900;color:#6fe9da;white-space:nowrap}.mini-brand span{color:#80aaff}
.iptv-mini-banner .mini-copy>strong{display:block;font-size:12px;line-height:1.25;letter-spacing:-.3px;color:#f2f5ff;margin-top:7px}
.footer-ad .iptv-mini-banner .mini-copy>p{display:block;font-size:8px;line-height:1.5;margin:5px 0 0;color:#a7d6ed}
.mini-devices{position:absolute;right:6px;bottom:12px;width:105px;height:58px}.mini-tv{position:absolute;right:7px;top:0;width:81px;height:47px;border:2px solid #060d18;border-radius:2px;background:radial-gradient(ellipse at 65% 25%,#51a6a4,transparent 60%),linear-gradient(145deg,#1e5272,#162137);box-shadow:0 2px 5px #0008;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#d8f5f4}.mini-tv>span{font-size:7px;letter-spacing:1px}.mini-tv>b{font-size:17px;color:#8aefe5}.mini-tv>small{font-size:5px;letter-spacing:.5px}.mini-tv::after{content:'';position:absolute;bottom:-6px;left:26px;width:25px;height:4px;border-bottom:2px solid #080f1c}.mini-laptop{position:absolute;left:0;bottom:0;width:49px;height:30px;border:2px solid #080f1a;background:linear-gradient(135deg,#c99a79,#775e83);border-radius:2px;text-align:center;color:#ffe5cf;font-size:16px}.mini-laptop::after{content:'';position:absolute;bottom:-4px;left:-5px;width:56px;height:3px;background:#45505b;border-radius:0 0 50% 50%}.mini-tablet{position:absolute;right:0;bottom:0;width:36px;height:25px;border:2px solid #070d17;background:linear-gradient(140deg,#366b87,#131c38);border-radius:3px;text-align:center;color:#89d9df;font-size:14px}

/* Fundal electronic comun tuturor paginilor. */
body {background:#111318;position:relative;isolation:isolate}
body::before {content:'';position:fixed;inset:0 0 0 var(--sidebar-width);z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(13,16,22,.88),rgba(13,16,22,.72)),url('image/ecu-circuits-background.png') center center / cover no-repeat}
main>.hero {text-shadow:0 2px 15px #0008}
main>.help, .step {background-color:#1c2028ed}
@media(max-width:760px){body::before{left:0;background-position:65% center}}

.header-controls{display:flex;align-items:center;gap:12px;position:relative}.theme-switch{display:flex;align-items:center;gap:7px;padding:7px 10px;color:#b9c3d3;background:#1b2029;border:1px solid #ffffff20;border-radius:8px;font-size:16px}.theme-track{width:29px;height:16px;border-radius:99px;background:#414959;padding:3px}.theme-track i{display:block;width:10px;height:10px;background:#4682B4;border-radius:50%;transition:transform .2s}.theme-switch[aria-checked=true] .theme-track i{transform:translateX(13px)}.language-select{font-size:13px;padding:8px;min-width:110px}.translation-status{position:absolute;right:0;top:45px;background:#202632;color:#ffc99f;max-width:250px;font-size:13px;border-radius:6px}.translation-status:not(:empty){padding:10px;border:1px solid #4682B450}.bar{flex-wrap:wrap}.topbar-mail{margin-left:auto}
html[data-theme=light]{color-scheme:light;--bg:#eef1f5;--panel:#fff;--line:#d7dee7;--muted:#536174}
html[data-theme=light] body{background:#eef1f5;color:#182332}
html[data-theme=light] body::before{background:linear-gradient(90deg,#f2f5f9ee,#f2f5f9d9),url('image/ecu-circuits-background.png') center/cover no-repeat}
html[data-theme=light] .sidebar,html[data-theme=light] .site-header{background:#f9fbfcee;border-color:#d8dee7}
html[data-theme=light] .sidebar-nav .side-link{color:#475569}html[data-theme=light] .breadcrumb strong{color:#182332}
html[data-theme=light] .blog-post,html[data-theme=light] .blog-right,html[data-theme=light] main>.help,html[data-theme=light] .step,html[data-theme=light] #products .card{background:#ffffffed;color:#182332;border-color:#d7dee7}
html[data-theme=light] .blog-post:hover,html[data-theme=light] #products .card:hover{background:#f9fbff}
html[data-theme=light] .blog-cta{background:#ffffffdf}
html[data-theme=light] main h1,html[data-theme=light] main h2,html[data-theme=light] main h3,html[data-theme=light] #products .price{color:#182332}
html[data-theme=light] main p,html[data-theme=light] .lead,html[data-theme=light] .post-content p,html[data-theme=light] .blog-intro>p,html[data-theme=light] .help p{color:#4b5b70}
html[data-theme=light] .blog-right section>a,html[data-theme=light] .footer-community h3,html[data-theme=light] .footer-community strong{color:#44566c}
html[data-theme=light] .blog-home>footer{background:transparent}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] .theme-switch{background:#fff;color:#27364a;border-color:#cbd5e1}
html[data-theme=light] .filter,html[data-theme=light] .blog-topics a,html[data-theme=light] .footer-tags a{color:#44566c;border-color:#cbd5e1}
html[data-theme=light] .filter.active{color:#1d5aa6;border-color:#4682B4}
html[data-theme=light] .product-list-heading{background:#e2e8f0;color:#475569;border-color:#cbd5e1}
html[data-theme=light] .blog-right section+section,html[data-theme=light] .footer-community article,html[data-theme=light] footer{border-color:#ccd5e0}
html[data-theme=light] .post-cover b{color:#e0e8f3}
@media(max-width:580px){.header-controls{gap:7px}.topbar-mail{display:none}.language-select{min-width:90px}.bar{gap:10px}.theme-switch{padding:6px}.breadcrumb{font-size:12px}}

.language-menu{position:relative}.language-trigger{display:flex;align-items:center;gap:9px;min-height:36px;padding:8px 11px;border:1px solid #ffffff20;border-radius:8px;background:#1b2029;color:#d4deed;font-size:13px;transition:border-color .2s,box-shadow .2s}.language-trigger:hover,.language-trigger[aria-expanded=true]{border-color:#4682B470;box-shadow:0 0 14px #4682B40b}.language-chevron{margin-left:7px;color:#9ba8bb;transition:transform .22s}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-options{position:absolute;right:0;top:calc(100% + 9px);min-width:165px;z-index:70;padding:6px;border:1px solid #ffffff20;border-radius:10px;background:#191e28;box-shadow:0 15px 40px #0006;transform-origin:top right;animation:language-open .2s ease-out}.language-options[hidden]{display:none}.language-options button{display:flex;align-items:center;gap:11px;width:100%;padding:10px;border:0;border-radius:6px;background:transparent;color:#c3cfe0;font-size:14px;text-align:left;transition:background .18s,color .18s,transform .18s}.language-options button:hover,.language-options button:focus-visible{background:#4682B412;color:#4682B4;transform:translateX(2px)}.language-options button[aria-current=true]{background:#ffffff05}.language-flag{display:inline-block;position:relative;flex:0 0 22px;width:22px;height:15px;overflow:hidden;border-radius:2px;box-shadow:0 0 0 1px #ffffff20}.flag-ro{background:linear-gradient(90deg,#002b7f 33.33%,#fcd116 33.33% 66.66%,#ce1126 66.66%)}.flag-it{background:linear-gradient(90deg,#009246 33.33%,#fff 33.33% 66.66%,#ce2b37 66.66%)}.flag-es{background:linear-gradient(#aa151b 25%,#f1bf00 25% 75%,#aa151b 75%)}.flag-de{background:linear-gradient(#121212 33.33%,#d00 33.33% 66.66%,#ffce00 66.66%)}.flag-en{background:linear-gradient(90deg,transparent 40%,#c8102e 40% 60%,transparent 60%),linear-gradient(transparent 35%,#c8102e 35% 65%,transparent 65%),linear-gradient(90deg,transparent 32%,#fff 32% 68%,transparent 68%),linear-gradient(transparent 25%,#fff 25% 75%,transparent 75%),linear-gradient(34deg,transparent 43%,#fff 43% 48%,#c8102e 48% 52%,#fff 52% 57%,transparent 57%),linear-gradient(-34deg,#012169 43%,#fff 43% 48%,#c8102e 48% 52%,#fff 52% 57%,#012169 57%)}
@keyframes language-open{from{opacity:0;transform:translateY(-7px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-theme=light] .language-trigger,html[data-theme=light] .language-options{background:#fff;color:#27364a;border-color:#cbd5e1}html[data-theme=light] .language-options button{color:#334155}html[data-theme=light] .language-options button:hover{color:#1d5aa6}
@media(prefers-reduced-motion:reduce){.language-options{animation:none}.language-trigger,.language-chevron,.language-options button{transition:none}.language-options button:hover{transform:none}}

/* Temă deschisă gri-albăstruie, cu circuite vizibile. */
html[data-theme=light] {--bg:#c5cdd5;--panel:#e1e7ed;--line:#a6b3c0;--muted:#3f5063}
html[data-theme=light] body {background:#c5cdd5;color:#142335}
html[data-theme=light] body::before {background:linear-gradient(90deg,rgba(201,212,222,.84),rgba(185,201,215,.67)),url('image/ecu-circuits-background.png') center center/cover no-repeat!important}
html[data-theme=light] .sidebar {background:rgba(198,210,221,.96);border-color:#9eadbd}
html[data-theme=light] .site-header {background:rgba(214,224,233,.9);border-color:#9eadbd;backdrop-filter:blur(14px)}
html[data-theme=light] .sidebar-brand {background:linear-gradient(135deg,#202b37,#101720);border:1px solid #6a7d90;border-radius:10px;padding:12px 7px;margin-bottom:24px;box-shadow:0 6px 20px #17243215}
html[data-theme=light] .sidebar-nav .side-link {color:#26394e}
html[data-theme=light] .sidebar-nav .side-link span {color:#4b627b}
html[data-theme=light] .sidebar-nav .side-link.active {background:transparent;color:#26394e;border-color:#4682B4}
html[data-theme=light] .sidebar-nav .side-link:hover {background:#e4edf575;color:#15283e}
html[data-theme=light] .blog-intro,html[data-theme=light] main>.hero,html[data-theme=light] h1 {text-shadow:none}
html[data-theme=light] .blog-post,html[data-theme=light] .blog-right,html[data-theme=light] main>.help,html[data-theme=light] .step,html[data-theme=light] #products .card {background:rgba(220,229,237,.91);border-color:#99aabd;box-shadow:0 8px 25px #1423350c}
html[data-theme=light] #products .card:hover {background:rgba(233,239,245,.96)}
html[data-theme=light] .blog-cta {background:rgba(213,224,234,.9);border-color:#b66d3e66}
html[data-theme=light] .blog-intro>p,html[data-theme=light] .post-content p,html[data-theme=light] main p {color:#30465e}
html[data-theme=light] .eyebrow,html[data-theme=light] .blog-tag {color:#a94000}
html[data-theme=light] .post-content summary,html[data-theme=light] .help a,html[data-theme=light] .post-full a {color:#a23e00}
html[data-theme=light] .blog-heading>span,html[data-theme=light] .breadcrumb,html[data-theme=light] .topbar-mail,html[data-theme=light] #products .example,html[data-theme=light] footer {color:#40566e}
html[data-theme=light] input,html[data-theme=light] select,html[data-theme=light] .theme-switch,html[data-theme=light] .language-trigger,html[data-theme=light] .language-options {background:#dce6ef;color:#20364e;border-color:#9cafc1}
html[data-theme=light] .language-options button:hover {background:#c8d7e6}
html[data-theme=light] .blog-topics a,html[data-theme=light] .filter,html[data-theme=light] .footer-tags a {background:#d7e1eb88;color:#314b67;border-color:#94a8bc}
html[data-theme=light] .blog-topics a:hover,html[data-theme=light] .footer-tags a:hover {color:#1b4e91;border-color:#2869bd}
html[data-theme=light] .product-list-heading {background:#b9c9d8;color:#31475f;border-color:#93a8bb}
html[data-theme=light] .footer-topics>span,html[data-theme=light] .sidebar-bottom small {color:#496078}
@media(max-width:760px){html[data-theme=light] body::before{background-position:65% center!important}}

/* Panouri coerente pe toate paginile. */
main>.hero,main>#catalog{position:relative;isolation:isolate;margin-top:30px;margin-bottom:28px;padding:30px 32px;border:1px solid #ffffff15;border-left:3px solid #4682B4;border-radius:12px;background:linear-gradient(110deg,rgba(21,26,34,.97),rgba(21,26,34,.88));box-shadow:0 12px 40px #00000014}
main>.hero h1{font-size:calc(clamp(30px,3vw,45px) + 2px);line-height:1.16;letter-spacing:-.045em;margin:16px 0 14px}
main>.hero h1 span{color:#4682B4}
main>.hero .eyebrow{font-size:11px;letter-spacing:.16em}
main>.hero .lead{max-width:650px;font-size:15px;line-height:1.9;margin-bottom:0}
main>#catalog>.tools{margin-top:0}
html[data-theme=light] main>.hero,html[data-theme=light] main>#catalog{background:linear-gradient(110deg,rgba(230,237,243,.98),rgba(218,229,238,.96));border-color:#95a8bb;border-left-color:#4682B4;box-shadow:0 8px 30px #243c5510}
html[data-theme=light] main>.hero h1{color:#1c3047}
html[data-theme=light] main>.hero h1 span{color:#175eb5}
html[data-theme=light] main>.hero .lead{color:#40546b}
html[data-theme=light] main>.hero .eyebrow{color:#164c92}
@media(max-width:580px){main>.hero,main>#catalog{padding:24px 18px;margin-top:24px}main>.hero h1{font-size:34px}main>.hero .eyebrow{font-size:10px;letter-spacing:.1em}}

.contact-form-panel{max-width:850px;margin:0 auto 30px!important}.contact-form-panel form{margin-top:24px}.contact-form-panel label{display:flex;flex-direction:column;gap:7px;color:#c3ccda;font-size:14px;font-weight:600;margin-bottom:18px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form-panel input,.contact-form-panel textarea{width:100%;min-width:0;font:400 15px/1.6 Arial,Helvetica,sans-serif;background:#141922;border:1px solid #ffffff20;border-radius:8px;padding:12px;color:#edf2fa;resize:vertical}.contact-form-panel textarea:focus-visible{outline:2px solid #4682B4;outline-offset:3px}.contact-form-panel .contact-send-note{font-size:13px;color:#9cacc0;max-width:650px}#contactFormStatus{font-size:14px;color:#4682B4;line-height:1.7}html[data-theme=light] .contact-form-panel label{color:#263d55}html[data-theme=light] .contact-form-panel input,html[data-theme=light] .contact-form-panel textarea{background:#e9f0f6;color:#21364d;border-color:#99adbf}html[data-theme=light] #contactFormStatus{color:#195399}@media(max-width:580px){.contact-form-grid{grid-template-columns:1fr;gap:0}}

/* Transparență uniformă pentru panourile de conținut. */
.blog-post,.blog-right,.blog-cta,main>.hero,main>#catalog,main>.help,.step,.help.about-section {
 background:linear-gradient(110deg,rgba(21,26,34,.64),rgba(21,26,34,.42))!important;
 box-shadow:0 10px 35px #00000012;
}
#products .card{background:rgba(24,29,38,.54)!important}
#products .card:hover{background:rgba(32,38,48,.72)!important}
.post-cover{background:radial-gradient(ellipse at 70% 25%,#4682B41b,transparent 75%),rgba(17,22,31,.42)!important}
.product-list-heading{background:rgba(21,24,31,.64)!important}
.blog-post h2,.blog-right h2,.help h2,.step h3,main>.hero h1{text-shadow:0 2px 8px #0009}

.footer-legal-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-top:25px}
.customer-warning{display:flex;align-items:stretch;max-width:760px;border:1px solid #4682B44d;border-radius:11px;overflow:hidden;background:rgba(26,28,35,.8);box-shadow:0 8px 25px #0002}
.customer-warning-icon{display:flex;align-items:center;justify-content:center;flex:0 0 65px;padding:16px 12px;background:linear-gradient(150deg,#ba310b,#8c260d);color:#fff2e9}
.customer-warning-icon svg{display:block;width:37px;height:37px}
.customer-warning-copy{padding:15px 18px}.customer-warning-copy h2{font-size:17px;color:#fff0e4;line-height:1.3;margin:0 0 8px;letter-spacing:0}.customer-warning-copy p{font-size:13px !important;line-height:1.8;color:#bec6d2;margin:5px 0}
.footer-copyright{flex-shrink:0;font-size:12px;color:#8b99ad;padding-bottom:3px}
@media(max-width:1100px){.footer-legal-row{align-items:flex-start;flex-direction:column;gap:18px}.customer-warning{max-width:100%}}
@media(max-width:580px){.customer-warning-icon{flex-basis:46px;padding:10px 7px}.customer-warning-icon svg{width:30px}.customer-warning-copy{padding:13px}.customer-warning-copy p{font-size:12px !important}}

main>.software-top-warning{max-width:1380px;margin:28px auto 20px;width:100%}.footer-legal-row{justify-content:flex-start}

/* Contact compact, accent OBDX. */
.topbar-mail{display:inline-flex;align-items:center;gap:10px;padding:7px 11px 7px 7px;border:1px solid #4682B429;border-radius:10px;background:linear-gradient(110deg,#4682B40b,#171c240d);transition:border-color .22s,background .22s,box-shadow .22s;white-space:nowrap}
.topbar-mail .contact-icon{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;margin:0;border:1px solid #4682B430;border-radius:7px;background:#4682B412;color:#4682B4;transition:background .22s,transform .22s}
.contact-icon svg{width:18px;height:18px}.topbar-mail .contact-button-copy{display:flex;flex-direction:column;gap:2px;margin:0;color:inherit}.contact-button-copy small{font-size:9px;letter-spacing:.16em;color:#8493a8;line-height:1.2}.contact-button-copy strong{font-weight:500;font-size:13px;color:#c3cddd;line-height:1.4}.topbar-mail .contact-arrow{font-size:19px;color:#4682B4;margin:0 0 0 5px;transition:transform .22s}
.topbar-mail:hover,.topbar-mail:focus-visible{border-color:#4682B470;background:linear-gradient(110deg,#4682B417,#1b202a66);box-shadow:0 4px 20px #4682B40c}.topbar-mail:hover .contact-icon{background:#4682B422;transform:rotate(-5deg)}.topbar-mail:hover .contact-arrow{transform:translate(2px,-2px)}.topbar-mail:hover .contact-button-copy strong{color:#fff1e7}
@media(max-width:760px){.topbar-mail{font-size:13px;padding:5px 7px}.contact-button-copy strong{font-size:12px}.topbar-mail .contact-icon{width:28px;height:28px;flex-basis:28px}.topbar-mail .contact-arrow{font-size:17px}}
@media(max-width:580px){.topbar-mail{display:inline-flex;margin-left:auto}.topbar-mail .contact-button-copy,.topbar-mail .contact-arrow{display:none}.topbar-mail .contact-icon{border:0;background:none}.topbar-mail{padding:3px}.header-controls{margin-left:0}}
@media(prefers-reduced-motion:reduce){.topbar-mail,.topbar-mail .contact-icon,.topbar-mail .contact-arrow{transition:none}.topbar-mail:hover .contact-icon,.topbar-mail:hover .contact-arrow{transform:none}}

.topbar-mail .contact-icon,.topbar-mail:hover .contact-icon{background:linear-gradient(140deg,#4682B4,#4682B4 65%,#4682B4);border-color:#85bbff60;color:#fff;box-shadow:inset 0 1px #ffffff38,0 3px 10px #4682B426}
.topbar-mail .contact-icon svg{filter:drop-shadow(0 1px 1px #a3310040)}
@media(max-width:580px){.topbar-mail .contact-icon{background:linear-gradient(140deg,#4682B4,#4682B4 65%,#4682B4);color:#fff}}

/* Plic ilustrat, bleu, albastru și galben. */
.topbar-mail .contact-icon,.topbar-mail:hover .contact-icon{width:36px;height:36px;flex-basis:36px;border:0;border-radius:50%;background:transparent;box-shadow:none;padding:0}
.topbar-mail .contact-icon svg{width:36px;height:36px;filter:none}
@media(max-width:580px){.topbar-mail .contact-icon{width:32px;height:32px;flex-basis:32px;background:transparent}.topbar-mail .contact-icon svg{width:32px;height:32px}}

.topbar-mail .contact-icon svg{width:34px;height:36px;filter:drop-shadow(0 1px 2px #0008)}

/* Limba înaintea adresei de email în antet. */
.topbar-start{order:0}
.header-controls{order:1;margin-left:auto}
.topbar-mail{order:2;margin-left:0}
@media(max-width:580px){.header-controls{margin-left:auto}.topbar-mail{margin-left:0}}

/* Controale de antet cu înălțime uniformă. */
.topbar-mail,.language-trigger{height:44px;min-height:44px;box-sizing:border-box;border-radius:9px;align-items:center}
.topbar-mail{padding:4px 10px 4px 7px}
.topbar-mail .contact-icon{width:32px;height:32px;flex-basis:32px}
.topbar-mail .contact-icon svg{width:30px;height:32px}
@media(max-width:580px){.topbar-mail,.language-trigger{height:40px;min-height:40px}.topbar-mail{padding:3px 6px}}

/* Contact și limbă: același fundal și contur. */
.topbar-mail{background:#1b2029;border-color:#ffffff20;box-shadow:none}
.topbar-mail:hover,.topbar-mail:focus-visible{background:#1b2029;border-color:#4682B470;box-shadow:0 0 14px #4682B40b}



/* Nuanța principală B31C00, inclusiv fundalul electronic. */
:root{--orange:#4682B4;--accent:#4682B4}
body::before{background:linear-gradient(90deg,rgba(13,16,22,.86),rgba(13,16,22,.65)),linear-gradient(#4682B4,#4682B4),url('image/ecu-circuits-background.png') center center/cover no-repeat!important;background-blend-mode:normal,color,normal!important}
@media(max-width:760px){body::before{background-position:65% center!important}}

/* Fotografie mai clară, cu doar o tentă fină B31C00. */
body::before{
 background:linear-gradient(90deg,rgba(10,13,19,.54),rgba(10,13,19,.32)),linear-gradient(rgba(70,130,180,.10),rgba(70,130,180,.10)),url('image/ecu-circuits-background.png') center center/cover no-repeat!important;
 background-blend-mode:normal,soft-light,normal!important;
}
@media(max-width:760px){body::before{background-position:65% center!important}}


/* Revenire la portocaliul OBDX original. */
:root{--orange:#4682B4;--accent:#4682B4}
body::before{background:linear-gradient(90deg,rgba(10,13,19,.54),rgba(10,13,19,.32)),url('image/ecu-circuits-background.png') center center/cover no-repeat!important;background-blend-mode:normal!important}
@media(max-width:760px){body::before{background-position:65% center!important}}

/* Pictograme colorate ale meniului. */
.sidebar-nav .side-link .nav-color-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 25px;width:25px;height:25px;filter:none}
.nav-color-icon svg{display:block;width:25px;height:25px;filter:drop-shadow(0 2px 3px #0003)}
.sidebar-nav .side-link:hover .nav-color-icon{filter:none;transform:translateY(-1px) scale(1.08)}
.sidebar-nav .side-link.active .nav-color-icon{filter:none}
@media(prefers-reduced-motion:reduce){.sidebar-nav .side-link:hover .nav-color-icon{transform:none}}

/* English-only header. */
.topbar-mail{margin-left:auto}


/* Curseur OBDX discret et précis. */
@media(hover:hover) and (pointer:fine){
 html,body,body *{cursor: auto}
 a,button,[role="button"],select,a *,button *{cursor: pointer}
 input,textarea,[contenteditable="true"]{cursor:text}
 [aria-disabled="true"],:disabled{cursor:not-allowed}
}

/* Prețuri: tipografie curată și etichetă compactă de reducere. */
#products .price.price-modern{display:flex;flex-direction:column;gap:7px;align-items:flex-start;min-width:85px;letter-spacing:0;line-height:1}
.price-main{display:flex;align-items:baseline;gap:5px}
.price-amount{font-size:29px;font-weight:750;letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:#f4f7fb}
.price-currency{font-size:11px;font-weight:600;letter-spacing:.07em;color:#96a5bb}
.price-offer{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.price-offer del{font-size:12px;font-weight:400;color:#8492a6;text-decoration-color:#8492a6;white-space:nowrap}
.discount-badge{display:inline-flex;align-items:center;padding:4px 5px;border:1px solid #4682B435;border-radius:5px;background:#4682B412;color:#96c5ff;font-size:11px;font-weight:750;line-height:1;letter-spacing:.01em}
@media(max-width:900px){#products .price.price-modern{align-items:flex-end}.price-offer{justify-content:flex-end}.price-amount{font-size:27px}}
@media(max-width:450px){#products .price.price-modern{align-items:flex-start}.price-offer{justify-content:flex-start}}

.discount-badge{font-size:14px;padding:5px 7px;border-radius:6px}.price-currency{font-size:18px;letter-spacing:0}.price-offer{gap:7px}


.price-offer del{font-size:14px;line-height:1.3}


.price-offer del{font-size:15px;font-weight:600;color:#c1cbd9;text-decoration-line:line-through;text-decoration-color:#73b1ff;text-decoration-thickness:2px;line-height:1.4}

.price-offer del{text-decoration:none}

/* Solid dark background matching the supplied reference. */
.blog-layout.journal-grid{display:block}
.blog-posts.journal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.journal-cards .journal-section-heading{grid-column:1/-1}
.journal-cards .blog-post{display:grid;grid-template-columns:minmax(0,1fr);height:100%;min-width:0}
.journal-cards .post-cover{height:180px;min-height:180px;border-right:0;border-bottom:1px solid #ffffff0e;gap:14px}
.journal-cards .post-content{padding:25px}
.journal-cards .post-content h2{font-size:24px}
.journal-cards .post-content h3{font-size:24px;line-height:1.3;margin:14px 0;letter-spacing:-.025em;color:#f5f7fa;text-shadow:0 2px 8px #0009}
.journal-cards .post-cover.post-photo{display:block;position:relative;margin:0;padding:0;height:240px;min-height:0;isolation:isolate;background:#141b22}
.journal-cards .post-photo::before,.journal-cards .post-photo::after{content:none}
.journal-cards .post-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.journal-cards .post-photo>b{position:absolute;top:16px;left:16px;padding:7px 10px;border-radius:6px;background:#0b101bd9;color:#eaf3fc;font-size:11px;letter-spacing:.1em;backdrop-filter:blur(8px)}
.journal-cards .post-photo figcaption{position:absolute;right:0;bottom:0;left:0;padding:24px 14px 10px;background:linear-gradient(transparent,#000b);color:#d6e1ec;font-size:11px;line-height:1.5;text-align:right}
.post-photo figcaption a:hover{text-decoration:underline}
@media(max-width:580px){.journal-cards .post-cover.post-photo{height:210px}}
@media(max-width:760px){.blog-posts.journal-cards{grid-template-columns:minmax(0,1fr);gap:20px}.journal-cards .post-content{padding:22px}}
.journal-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:8px 0 5px;scroll-margin-top:110px}
.journal-section-heading h2{margin:8px 0 0;font-size:28px}
.journal-section-heading>span{font-size:12px;color:#8d9bb0;white-space:nowrap}
.journal-section-heading:not(:first-child){margin-top:26px}
.journal-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px}
.journal-meta time,.journal-meta>span:not(.blog-tag){font-size:12px;color:#8e9db0}
.journal-news .post-cover>span:last-child,.journal-guide .post-cover>span:last-child{font-size:46px;letter-spacing:-.05em;font-weight:650}
.blog-right .recent-post-thumb{font-size:17px;letter-spacing:-.04em}
.post-full .journal-source{padding-top:14px;margin-top:20px;border-top:1px solid #ffffff12;color:#8396ac;font-size:13px}
.journal-source a{color:#88b8df;text-decoration:underline;text-underline-offset:3px}
.blog-topics a>span{margin-left:8px;color:#81b1d8;font-size:11px}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:580px){.journal-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.journal-section-heading h2{font-size:25px}.journal-meta{gap:8px}.blog-heading>span{font-size:12px}}
.catalog-seo-title{font-size:calc(clamp(27px,3vw,40px) + 2px);line-height:1.2;margin:0 0 14px;letter-spacing:-.035em}
.catalog-seo-intro{max-width:780px;margin:0 0 26px;color:#a7b1c2;font-size:15px;line-height:1.85}
.recent-files{margin:12px 0 28px;padding:24px;border:0;border-radius:16px;background:linear-gradient(125deg,#4682b40d,transparent 65%),#121416}
.recent-files>h2{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 20px;font-size:20px;letter-spacing:-.025em;color:#f0f4fa}
.latest-upload-list .upload-card::before{content:'';position:absolute;top:16px;right:16px;width:7px;height:7px;border-radius:50%;background:#31d78b;box-shadow:0 0 0 4px #31d78b14;animation:uploads-status 1.8s ease-in-out infinite}
@keyframes uploads-status{0%,100%{opacity:1;box-shadow:0 0 0 4px #31d78b14}50%{opacity:.35;box-shadow:0 0 0 7px #31d78b05}}
.latest-upload-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.latest-upload-list .upload-card{position:relative;display:flex;align-items:flex-start;gap:12px;margin:0;padding:18px 15px;border:0;border-radius:11px;background:#191d22;transition:background .2s,transform .2s}
.latest-upload-list .upload-card:last-child{border-bottom:0}
.latest-upload-list .upload-card:hover,.latest-upload-list .upload-card:focus-within{background:#1c2530;transform:translateY(-2px)}
.upload-file-icon{display:grid;place-items:center;flex:0 0 36px;height:40px;border:0;border-radius:9px;background:#4682b415;color:#81b1d8}
.upload-file-icon svg{width:22px;height:22px}
.upload-card-copy{min-width:0;flex:1}
.latest-upload-list .upload-card h3{margin:1px 0 8px;font-size:14px;font-weight:650;line-height:1.5;letter-spacing:0;color:#e8eef6}
.upload-card h3 a::after{content:'';position:absolute;inset:0;border-radius:11px}
.upload-card h3 a:focus-visible{outline:none}
.upload-card:has(a:focus-visible){outline:2px solid #81b1d8;outline-offset:3px}
.recent-files .upload-card p{margin:0;font-size:13px;line-height:1.75;font-style:normal;color:#93a2b5}
.upload-card-arrow{display:none}
.latest-upload-list .upload-card{padding-right:32px}
@media(max-width:1100px){.latest-upload-list{grid-template-columns:1fr}}
@media(max-width:580px){.recent-files{padding:18px}.latest-upload-list .upload-card{padding:15px 12px}}
@media(prefers-reduced-motion:reduce){.latest-upload-list .upload-card{transition:none}.latest-upload-list .upload-card:hover{transform:none}.latest-upload-list .upload-card::before{animation:none}}
.paypal-payment{flex-shrink:0;margin: auto 2px 0;border:1px solid #ffffff1a;border-radius:12px;overflow:hidden;background:#161618}
.sidebar-nav + .paypal-payment{margin-top:auto}
.paypal-payment + .sidebar-bottom{margin-top:0;padding-top:18px}
.sidebar-nav .side-link .nav-color-icon{color:#b8c3d2;transform:none}
.sidebar-nav .side-link .nav-color-icon svg{width:23px;height:23px;filter:none}
.sidebar-nav .side-link:hover .nav-color-icon{color:#f5f7fa;transform:none}
.sidebar-nav .side-link.active .nav-color-icon,
.sidebar-nav .side-link.active:hover .nav-color-icon{color:#4682B4}
html[data-theme=light] .sidebar-nav .side-link:not(.active) .nav-color-icon{color:#475569}
.paypal-payment-heading{display:flex;align-items:center;gap:10px;padding:14px 11px;background:#10271f;border-bottom:1px solid #ffffff0c}
.payment-shield{display:grid;place-items:center;flex:0 0 31px;height:31px;border-radius:50%;background:#00b889;color:#fff}
.payment-shield svg{width:21px;height:21px}
.paypal-payment h2{margin:0;color:#f4f7fa;font-size:13px;line-height:1.4;letter-spacing:0}
.paypal-payment-heading p{margin:3px 0 0;color:#64cfb2;font-size:12px;line-height:1.5}
.paypal-payment-brand{display:flex;justify-content:center;padding:15px 12px}
.paypal-payment-brand>span{padding:3px 16px;border-radius:5px;background:#fff;color:#003087;font:bold italic 26px/1.3 Arial,sans-serif;letter-spacing:-1px}
.paypal-payment-brand>span>span{color:#009cde}
.paypal-payment-note{margin:0;padding:10px 7px;border-top:1px solid #ffffff13;color:#a6b4ca;text-align:center;font-size:11px;line-height:1.6}
.paypal-payment-note>span{margin:0 5px;color:#00b889}
:root { --bg: #101010 }
html body { background: #101010 }
html body::before { content: none; background: none !important }

/* Remove the orange vertical accent from content panels. */
html .blog-intro,
html main > .hero,
html main > #catalog,
html .home-guidance { border-left: 1px solid #ffffff15 !important }
html[data-theme=light] .blog-intro,
html[data-theme=light] main > .hero,
html[data-theme=light] main > #catalog,
html[data-theme=light] .home-guidance { border-left-color: #95a8bb !important }


/* Readable system typography. */
body{font-weight:400}
.sidebar-nav .side-link{font-size:17px;font-weight:600;letter-spacing:.02em}
button,input,select,textarea{font-family:Arial,Helvetica,sans-serif}

/* Comfortable reading without changing product copy. */
.journal-cards .post-content p{font-size:15px;line-height:1.8;color:#b8c4d3}
.journal-cards .post-content h3{font-weight:700;line-height:1.35;letter-spacing:-.015em}
#products .description{line-height:1.8;color:#b8c4d3}
.latest-upload-list .upload-card h3{font-weight:700}
.sidebar-nav .side-link{letter-spacing:0}
.home-quick-start{margin-top:24px;padding-top:22px;border-top:1px solid #ffffff16;max-width:780px}
.home-quick-start h2{font-size:21px;margin:0 0 12px}
.home-quick-start p,.home-quick-start li{font-size:15px;line-height:1.8;color:#bdc8d7}
.home-quick-start ol{padding-left:22px;margin:12px 0}
.home-quick-start a,.publisher-profile a{color:#9bc9ed;text-decoration:underline;text-underline-offset:3px}
.home-faq,.publisher-profile{margin:32px 0;padding:28px;border:1px solid #ffffff14;border-radius:14px;background:#14181d}
.home-faq>h2{font-size:27px;margin:12px 0 24px}
.faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.faq-item h3{font-size:18px;line-height:1.45;letter-spacing:0;margin:0 0 10px}
.faq-item p,.publisher-profile p{font-size:15px;line-height:1.85;color:#bdc8d7;margin:0}
.publisher-profile{display:flex;align-items:flex-start;gap:28px}
.publisher-profile h2{font-size:24px;margin:10px 0 14px}
.publisher-profile p+p{margin-top:12px}
.publisher-review{flex:0 0 160px;font-size:13px!important}.publisher-review time{display:block;color:#d8e3ef}
.footer-privacy{display:flex;flex-wrap:wrap;gap:20px;margin-top:22px;padding-top:18px;border-top:1px solid #ffffff16;font-size:14px;color:#b8c4d3}
.footer-privacy a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:3px}
.privacy-content{max-width:850px}.privacy-content h2{font-size:23px;margin:28px 0 12px}.privacy-content p{font-size:16px;line-height:1.85;color:#bdc8d7}
@media(max-width:760px){.faq-grid{grid-template-columns:1fr}.publisher-profile{flex-direction:column}.publisher-review{flex:auto}.home-faq,.publisher-profile{padding:22px}.home-faq>h2{font-size:24px}}
.skip-link{position:fixed;top:8px;left:16px;z-index:1000;padding:12px 18px;border-radius:8px;background:#fff;color:#101010;font-size:16px;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.sidebar-close{display:none}
.sidebar-nav .side-link:focus-visible,a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #a4d2f5;outline-offset:4px}
.journal-cards .post-content summary{min-height:44px;display:flex;align-items:center;text-decoration-thickness:1px;color:#92c3e9}
.blog-topics a,.filter{min-height:44px;display:inline-flex;align-items:center}
.primary{color:#071019}
#catalog #products .product-copy{grid-column:2;grid-row:1;min-width:0}
#catalog #products .product-copy h3{margin:0;line-height:1.4;overflow-wrap:anywhere}
#catalog #products .product-copy .description{margin:8px 0 0;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#catalogResults{margin:0 0 12px;color:#b8c4d3;font-size:14px}
#catalog #products .download{min-height:44px}
.journal-meta time,.journal-meta>span:not(.blog-tag){color:#afbdcf}
@media(max-width:760px){.sidebar-close{display:grid;place-items:center;align-self:flex-end;width:44px;height:44px;border:1px solid #ffffff26;border-radius:8px;background:#1b2029;color:#fff;font-size:28px;margin-bottom:10px}.menu-is-open{overflow:hidden}.menu-toggle{min-width:44px;min-height:44px}}
@media(max-width:450px){#catalog #products .product-copy{grid-column:2;grid-row:1}}