/* Antetul, meniurile, căutarea, subsolul și bara de jos (src/site/layout.mjs), după brandbook-ul de la /branding/:
   o singură bară compactă, meniul „Îngrijire” după nevoie, căutarea ca paletă de comenzi (Ctrl/⌘ K), starea
   „Deschis acum” lângă telefon și linia spectrului din logo ca semn al secțiunii curente și al progresului lecturii.
   Se încarcă ultima, peste designul paginilor; clasele vechi ale antetului (.oxp-header…) nu mai apar în marcaj. */
:root {
  --oxc-brand: #3b86d1;
  --oxc-navy: #1c398e;
  --oxc-blue: #3566b0;
  --oxc-teal: #2a7288;
  --oxc-deep: #071628;
  --oxc-deep-2: #0c2244;
  --oxc-ink: #0f172a;
  --oxc-body: #414d5e;
  --oxc-mute: #64748b;
  --oxc-line: #e4e9f0;
  --oxc-line-2: #d3dce8;
  --oxc-soft: #f7f9fc;
  --oxc-tint: #eff4fb;
  --oxc-ok: #15803d;
  --oxc-spectrum: linear-gradient(90deg, #edcc63, #e57c5c 22%, #d44b5a 40%, #c55290 58%, #7a6eb6 78%, #3b86d1);
  --oxc-font: "Plus Jakarta Sans", "Plus Jakarta Sans Fallback", ui-sans-serif, system-ui, sans-serif;
  --oxc-ease: cubic-bezier(.2, .8, .2, 1);
  --oxc-gutter: 16px;
  --oxc-head-h: 60px;
  --oxc-dock-h: 64px;
}
@media (min-width: 768px) { :root { --oxc-gutter: 28px; } }
@media (min-width: 1024px) { :root { --oxc-head-h: 68px; --oxc-dock-h: 0px; } }
html.oxc-lock, html.oxc-lock body { overflow: hidden; }
/* Butoanele unui carusel ascunse când toată lista încape pe ecran (site.js, [data-rail]). */
.oxx [data-rail][hidden] { display: none; }
.oxx .oxc-wrap { max-width: 1320px; margin: 0 auto; padding: 0 var(--oxc-gutter); }
.oxx :is(.oxc-head, .oxc-sheet, .oxc-palette, .oxc-foot, .oxc-dock) { font-family: var(--oxc-font); -webkit-font-smoothing: antialiased; }
.oxx :is(.oxc-head, .oxc-sheet, .oxc-palette, .oxc-foot, .oxc-dock) :is(h2, h3, p, ul) { margin: 0; }
.oxx :is(.oxc-head, .oxc-sheet, .oxc-palette, .oxc-foot, .oxc-dock) ul { list-style: none; padding: 0; }
.oxx :is(.oxc-head, .oxc-sheet, .oxc-palette, .oxc-foot, .oxc-dock) a { text-decoration: none; }
.oxx :is(.oxc-head, .oxc-sheet, .oxc-palette, .oxc-foot, .oxc-dock) :focus-visible { outline: 3px solid var(--oxc-blue); outline-offset: 2px; border-radius: 10px; }
.oxx .oxc-foot :focus-visible { outline-color: #8ec5ff; }
.oxc-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.oxx .oxc-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--oxc-teal); }
.oxx kbd { font: 600 11.5px/1 var(--oxc-font); padding: 4px 6px; border-radius: 6px; border: 1px solid var(--oxc-line-2); background: #fff; color: var(--oxc-mute); }

/* ——— Antetul */
.oxx .oxc-head { position: sticky; top: 0; z-index: 60; background: rgb(255 255 255 / .9); backdrop-filter: saturate(1.6) blur(16px); -webkit-backdrop-filter: saturate(1.6) blur(16px); border-bottom: 1px solid transparent; transition: transform .32s var(--oxc-ease), border-color .2s; }
.oxx .oxc-head[data-scrolled] { border-bottom-color: var(--oxc-line); }
/* Retras, antetul lasă vizibilă doar linia de progres. */
.oxx .oxc-head.is-away { transform: translateY(calc(-100% + 2px)); }
.oxx .oxc-head-in { position: relative; height: var(--oxc-head-h); display: flex; align-items: center; gap: 6px; }
.oxx .oxc-logo { display: inline-flex; align-items: center; flex: none; margin-right: 8px; }
.oxx .oxc-logo img { height: 30px; width: auto; }
@media (min-width: 1024px) { .oxx .oxc-logo img { height: 34px; } .oxx .oxc-logo { margin-right: 18px; } }
.oxx .oxc-progress { position: absolute; left: 0; right: 0; bottom: 0; height: 2px; pointer-events: none; }
.oxx .oxc-progress span { display: block; height: 100%; background: var(--oxc-spectrum); transform-origin: 0 50%; transform: scaleX(var(--p, 0)); }

.oxx .oxc-nav { display: none; }
.oxx .oxc-nav > ul { display: flex; align-items: center; gap: 2px; }
.oxx .oxc-top { position: relative; display: inline-flex; align-items: center; gap: 6px; height: 40px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: var(--oxc-ink); font: 600 14.5px/1 var(--oxc-font); letter-spacing: -.01em; white-space: nowrap; cursor: pointer; transition: background .15s, color .15s; }
.oxx .oxc-top svg { transition: transform .2s var(--oxc-ease); color: var(--oxc-mute); }
.oxx .oxc-top:hover, .oxx .oxc-top[aria-expanded="true"] { background: var(--oxc-tint); color: var(--oxc-navy); }
.oxx .oxc-top[aria-expanded="true"] svg { transform: rotate(180deg); color: var(--oxc-navy); }
.oxx .oxc-top[aria-current]::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 3px; height: 2px; border-radius: 2px; background: var(--oxc-spectrum); }
@media (min-width: 1024px) and (max-width: 1279px) { .oxx .oxc-top { padding: 0 7px; font-size: 14px; } .oxx .oxc-top[aria-current]::after { left: 7px; right: 7px; } }
@media (min-width: 1280px) { .oxx .oxc-top { padding: 0 12px; } }
@media (min-width: 1600px) { .oxx .oxc-search { width: 236px; } }

.oxx .oxc-actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.oxx .oxc-icon { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--oxc-line-2); border-radius: 12px; background: #fff; color: var(--oxc-ink); cursor: pointer; }
.oxx .oxc-icon:hover { border-color: var(--oxc-navy); color: var(--oxc-navy); }
.oxx .oxc-search { display: inline-flex; align-items: center; gap: 10px; height: 44px; padding: 0 12px; border: 1px solid var(--oxc-line-2); border-radius: 12px; background: #fff; color: var(--oxc-mute); font: 500 14px var(--oxc-font); cursor: pointer; transition: border-color .15s, background .15s; }
.oxx .oxc-search:hover { border-color: var(--oxc-navy); color: var(--oxc-ink); }
/* Textul pentru cititoarele de ecran (.oxc-sr) rămâne: fără el, pe ecranele mici butonul n-ar avea nume (agenții AI, Lighthouse) */
.oxx .oxc-search > span:not(.oxc-sr), .oxx .oxc-search kbd { display: none; }
@media (min-width: 1280px) {
  .oxx .oxc-search { width: 200px; padding: 0 8px 0 14px; background: var(--oxc-soft); border-color: var(--oxc-line); }
  .oxx .oxc-search > span:not(.oxc-sr) { display: inline; flex: 1; text-align: left; }
  .oxx .oxc-search kbd { display: inline-block; }
}
.oxx .oxc-call { display: none; align-items: center; gap: 10px; height: 44px; padding: 0 6px 0 4px; border-radius: 12px; color: var(--oxc-ink); }
.oxx .oxc-call:hover { background: var(--oxc-soft); }
.oxx .oxc-call-ico { position: relative; display: inline-grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: var(--oxc-tint); color: var(--oxc-navy); }
.oxx .oxc-dot { position: absolute; right: 1px; top: 1px; width: 11px; height: 11px; border-radius: 50%; border: 2px solid #fff; background: var(--oxc-mute); }
.oxx .oxc-dot.is-open { background: #22c55e; box-shadow: 0 0 0 0 rgb(34 197 94 / .55); animation: oxc-pulse 2.4s infinite; }
@keyframes oxc-pulse { 70% { box-shadow: 0 0 0 7px rgb(34 197 94 / 0); } 100% { box-shadow: 0 0 0 0 rgb(34 197 94 / 0); } }
.oxx .oxc-call-txt { display: none; flex-direction: column; line-height: 1.15; }
.oxx .oxc-call-txt small { font-size: 12px; font-weight: 600; color: var(--oxc-mute); white-space: nowrap; }
.oxx .oxc-call-txt b { font-size: 15px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap; }
@media (min-width: 1440px) { .oxx .oxc-call-txt { display: flex; } }
.oxx .oxc-head .oxc-wrap { max-width: 1440px; }
.oxx .oxc-actions { flex: none; }
.oxx .oxc-cta { display: none; align-items: center; gap: 8px; height: 44px; padding: 0 18px; border-radius: 12px; background: var(--oxc-navy); color: #fff; font: 650 14.5px var(--oxc-font); letter-spacing: -.005em; white-space: nowrap; transition: background .15s, transform .15s; }
.oxx .oxc-cta:hover { background: #142c73; color: #fff; }
.oxx .oxc-cta svg { transition: transform .2s var(--oxc-ease); }
.oxx .oxc-cta:hover svg { transform: translateX(3px); }
.oxx .oxc-burger { display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 14px 0 12px; border: 1px solid var(--oxc-line-2); border-radius: 12px; background: #fff; color: var(--oxc-ink); font: 650 14.5px var(--oxc-font); cursor: pointer; }
@media (min-width: 1024px) {
  .oxx .oxc-nav { display: block; }
  .oxx .oxc-call, .oxx .oxc-cta { display: inline-flex; }
  .oxx .oxc-burger { display: none; }
}

/* Panourile: mega-meniul pe toată lățimea, meniurile derulante sub elementul lor. */
.oxx .oxc-item.has-drop { position: relative; }
.oxx .oxc-panel { position: absolute; z-index: 61; top: 100%; opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity .18s var(--oxc-ease), transform .22s var(--oxc-ease), visibility 0s .22s; }
.oxx .oxc-panel.is-open { opacity: 1; visibility: visible; transform: none; transition: opacity .18s var(--oxc-ease), transform .22s var(--oxc-ease), visibility 0s; }
.oxx .oxc-scrim { position: fixed; inset: 0; z-index: 55; background: rgb(7 22 40 / .32); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: opacity .2s, visibility 0s .2s; }
.oxx .oxc-scrim.is-on { opacity: 1; visibility: visible; transition: opacity .2s; }

.oxx .oxc-mega { left: var(--oxc-gutter); right: var(--oxc-gutter); top: calc(100% + 8px); background: #fff; border: 1px solid var(--oxc-line); border-radius: 22px; box-shadow: 0 50px 90px -40px rgb(7 22 40 / .45); overflow: hidden; }
.oxx .oxc-mega::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--oxc-spectrum); }
.oxx .oxc-mega-in { display: grid; grid-template-columns: 300px minmax(0, 1fr) 280px; max-width: none; padding: 24px; }
.oxx .oxc-needs { display: flex; flex-direction: column; gap: 2px; padding-right: 20px; }
.oxx .oxc-needs .oxc-eyebrow { padding: 4px 12px 10px; }
.oxx .oxc-need { display: grid; grid-template-columns: 38px 1fr 16px; align-items: center; gap: 12px; padding: 9px 10px; border-radius: 12px; color: var(--oxc-ink); transition: background .15s; }
.oxx .oxc-need b { display: block; font-size: 14.5px; font-weight: 650; letter-spacing: -.01em; }
.oxx .oxc-need small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.35; color: var(--oxc-mute); }
.oxx .oxc-need > svg { color: var(--oxc-line-2); transition: color .15s, transform .15s; }
.oxx .oxc-need.is-active { background: var(--oxc-tint); }
/* Pe fundalul albastru deschis, textul secundar trece la culoarea textului (contrast AA). */
.oxx :is(.oxc-need.is-active, .oxc-opt[aria-selected="true"], .oxc-opt:hover) small { color: var(--oxc-body); }
.oxx .oxc-need.is-active > svg { color: var(--oxc-navy); transform: translateX(2px); }
.oxx .oxc-tile-ico { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 10px; background: var(--oxc-tint); color: var(--oxc-navy); transition: background .15s, color .15s; }
.oxx .oxc-need.is-active .oxc-tile-ico { background: var(--oxc-navy); color: #fff; }
.oxx .oxc-panes { padding: 0 32px; border-left: 1px solid var(--oxc-line); border-right: 1px solid var(--oxc-line); }
.oxx .oxc-pane { display: none; }
.oxx .oxc-pane.is-active { display: block; animation: oxc-in .24s var(--oxc-ease); }
@keyframes oxc-in { from { opacity: 0; transform: translateX(6px); } }
.oxx .oxc-pane-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; margin: 4px 0 14px; }
.oxx .oxc-pane-head h2 { font-size: 20px; font-weight: 700; letter-spacing: -.02em; color: var(--oxc-ink); }
.oxx .oxc-more { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 650; color: var(--oxc-navy); white-space: nowrap; }
.oxx .oxc-more:hover { color: var(--oxc-blue); }
.oxx .oxc-first { position: relative; display: block; padding: 18px 52px 18px 20px; border-radius: 16px; background: linear-gradient(135deg, var(--oxc-tint), #fff 70%); border: 1px solid var(--oxc-line); color: var(--oxc-ink); transition: border-color .15s, box-shadow .2s; }
.oxx .oxc-first:hover { border-color: var(--oxc-navy); box-shadow: 0 16px 30px -22px rgb(28 57 142 / .55); }
.oxx .oxc-first-tag { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 8px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--oxc-teal); }
.oxx .oxc-first-tag::before { content: ""; width: 18px; height: 2px; border-radius: 2px; background: var(--oxc-spectrum); }
.oxx .oxc-first b { display: block; font-size: 17px; font-weight: 700; letter-spacing: -.015em; }
.oxx .oxc-first > span:not(.oxc-first-tag) { display: block; margin-top: 4px; font-size: 14px; line-height: 1.5; color: var(--oxc-body); }
.oxx .oxc-first > svg { position: absolute; right: 18px; top: 50%; translate: 0 -50%; color: var(--oxc-navy); transition: transform .2s var(--oxc-ease); }
.oxx .oxc-first:hover > svg { transform: translateX(3px); }
.oxx .oxc-links { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 20px; margin-top: 14px; }
.oxx .oxc-links a { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 6px 8px; margin: 0 -8px; border-radius: 8px; color: var(--oxc-body); font-size: 14.5px; line-height: 1.35; transition: background .15s, color .15s; }
.oxx .oxc-links a::before { content: ""; flex: none; width: 5px; height: 5px; border-radius: 50%; background: var(--oxc-line-2); transition: background .15s; }
.oxx .oxc-links a:hover { background: var(--oxc-soft); color: var(--oxc-navy); }
.oxx .oxc-links a:hover::before { background: var(--oxc-brand); }
.oxx .oxc-side { display: flex; flex-direction: column; gap: 16px; padding-left: 24px; }
.oxx .oxc-az ul { columns: 2; column-gap: 12px; margin-top: 10px; }
.oxx .oxc-az li { break-inside: avoid; }
.oxx .oxc-az a { display: block; padding: 5px 0; font-size: 13.5px; line-height: 1.3; color: var(--oxc-body); }
.oxx .oxc-az a:hover { color: var(--oxc-navy); }
.oxx .oxc-az .oxc-more { display: flex; margin-top: 8px; }
.oxx .oxc-feature { position: relative; display: block; margin-top: auto; padding: 18px; border-radius: 16px; background: var(--oxc-deep); color: #cbd5e1; overflow: hidden; }
.oxx .oxc-feature::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 3px; background: var(--oxc-spectrum); }
.oxx .oxc-feature b { display: block; color: #fff; font-size: 15.5px; letter-spacing: -.01em; }
.oxx .oxc-feature > span { display: block; margin-top: 6px; font-size: 13.5px; line-height: 1.5; }
.oxx .oxc-feature em { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; padding: 7px 12px; border-radius: 999px; background: #fff; color: var(--oxc-navy); font-style: normal; font-size: 13.5px; font-weight: 700; }
.oxx .oxc-feature:hover em svg { transform: translateX(3px); }
.oxx .oxc-feature em svg { transition: transform .2s var(--oxc-ease); }

/* Panoul mare fără nevoi („Spital și CAS”, „Longevitate”): introducerea, cardurile, locațiile. */
.oxx .oxc-mega-in.is-cards { grid-template-columns: 300px minmax(0, 1fr) 280px; }
.oxx .oxc-intro { display: flex; flex-direction: column; gap: 14px; padding-right: 24px; }
.oxx .oxc-intro h2 { font-size: 21px; line-height: 1.25; font-weight: 700; letter-spacing: -.02em; color: var(--oxc-ink); text-wrap: balance; }
.oxx .oxc-intro .oxc-note { padding: 10px 12px; border-radius: 12px; background: var(--oxc-soft); color: var(--oxc-body); }
.oxx .oxc-intro .oxc-first { padding: 16px 46px 16px 16px; }
.oxx .oxc-intro .oxc-first b { font-size: 16px; }
.oxx .oxc-intro .oxc-more { margin-top: auto; }
.oxx .oxc-cardgrid { display: flex; padding: 0 24px; border-left: 1px solid var(--oxc-line); border-right: 1px solid var(--oxc-line); }
/* Cardurile umplu înălțimea panoului (rânduri egale), oricâte ar fi. */
.oxx .oxc-cards { flex: 1; display: grid; grid-template-columns: 1fr 1fr; grid-auto-rows: 1fr; gap: 10px; }
.oxx .oxc-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 18px; height: 100%; min-height: 112px; padding: 16px 18px 16px 16px; border: 1px solid var(--oxc-line); border-radius: 16px; background: linear-gradient(165deg, #fff 45%, var(--oxc-soft)); color: var(--oxc-ink); transition: border-color .15s, background .15s, box-shadow .2s; }
.oxx .oxc-card .oxc-tile-ico { width: 40px; height: 40px; border-radius: 11px; }
.oxx .oxc-card b { display: block; font-size: 15.5px; font-weight: 650; letter-spacing: -.01em; }
.oxx .oxc-card small { display: block; margin-top: 4px; max-width: 34ch; font-size: 13px; line-height: 1.45; color: var(--oxc-mute); }
.oxx .oxc-card > svg { position: absolute; right: 14px; top: 18px; color: var(--oxc-line-2); transition: color .15s, transform .2s var(--oxc-ease); }
.oxx .oxc-card:hover { border-color: var(--oxc-navy); background: var(--oxc-soft); box-shadow: 0 16px 30px -24px rgb(28 57 142 / .55); }
.oxx .oxc-card:hover .oxc-tile-ico { background: var(--oxc-navy); color: #fff; }
.oxx .oxc-card:hover > svg { color: var(--oxc-navy); transform: translateX(3px); }
.oxx .oxc-card:hover small { color: var(--oxc-body); }
.oxx .oxc-mini { display: flex; flex-direction: column; gap: 10px; }
.oxx .oxc-mini-loc { padding: 14px; border-radius: 14px; background: var(--oxc-soft); border: 1px solid var(--oxc-line); }
.oxx .oxc-mini-top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 8px; }
.oxx .oxc-mini-top a { color: var(--oxc-ink); font-size: 15px; }
.oxx .oxc-mini-top a:hover { color: var(--oxc-navy); }
.oxx .oxc-mini-loc small { display: block; margin-top: 4px; font-size: 13px; line-height: 1.45; color: var(--oxc-body); }
.oxx .oxc-mini-dir { display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; font-size: 13.5px; font-weight: 650; color: var(--oxc-navy); }
.oxx .oxc-mega .oxc-status { height: 24px; max-width: 100%; padding: 0 9px; border: 1px solid var(--oxc-line); background: #fff; color: var(--oxc-mute); font-size: 12px; white-space: nowrap; }
.oxx .oxc-mega .oxc-status.is-open { border-color: #bbf7d0; background: #f0fdf4; color: var(--oxc-ok); }
.oxx .oxc-view .oxc-feature { margin-top: 18px; }
.oxx .oxc-view .oxc-note { padding: 10px 12px; border-radius: 12px; background: var(--oxc-soft); }

.oxx .oxc-drop { left: 50%; width: 580px; margin-left: -290px; top: calc(100% + 14px); padding: 10px; border-radius: 18px; background: #fff; border: 1px solid var(--oxc-line); box-shadow: 0 30px 60px -30px rgb(15 23 42 / .35); transform: translateY(-6px); }
.oxx .oxc-drop.is-open { transform: none; }
.oxx .oxc-drop::before { content: ""; position: absolute; left: 0; right: 0; top: -16px; height: 16px; }
.oxx .oxc-drop-list { display: grid; grid-template-columns: 1fr 1fr; gap: 2px; }
.oxx .oxc-drop-link { display: grid; grid-template-columns: 38px 1fr; gap: 12px; padding: 10px; border-radius: 12px; color: var(--oxc-ink); transition: background .15s; }
.oxx .oxc-drop-link:hover { background: var(--oxc-soft); }
.oxx .oxc-drop-link:hover .oxc-tile-ico, .oxx .oxc-drop-link.is-hl .oxc-tile-ico { background: var(--oxc-navy); color: #fff; }
.oxx .oxc-drop-link b { display: block; font-size: 14.5px; font-weight: 650; letter-spacing: -.01em; }
.oxx .oxc-drop-link small { display: block; margin-top: 2px; font-size: 12.5px; line-height: 1.4; color: var(--oxc-mute); }
.oxx .oxc-drop-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin-top: 8px; padding: 12px 12px 4px; border-top: 1px solid var(--oxc-line); }
.oxx .oxc-note { display: flex; align-items: center; gap: 8px; font-size: 12.5px; line-height: 1.4; color: var(--oxc-mute); }
.oxx .oxc-note svg { flex: none; color: var(--oxc-teal); }

/* ——— Căutarea: paleta de comenzi */
.oxx .oxc-palette { position: fixed; inset: 0; z-index: 90; display: flex; justify-content: center; align-items: flex-start; padding: max(10vh, 16px) 12px 16px; }
.oxx .oxc-palette[hidden] { display: none; }
.oxx .oxc-palette-scrim { position: absolute; inset: 0; background: rgb(7 22 40 / .5); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); animation: oxc-fade .2s; }
.oxx .oxc-palette-box { position: relative; display: flex; flex-direction: column; width: min(680px, 100%); max-height: min(640px, 100%); border-radius: 20px; background: #fff; box-shadow: 0 40px 100px -30px rgb(7 22 40 / .6); overflow: hidden; animation: oxc-pop .24s var(--oxc-ease); }
@keyframes oxc-fade { from { opacity: 0; } }
@keyframes oxc-pop { from { opacity: 0; transform: translateY(-10px) scale(.985); } }
.oxx .oxc-palette-form { display: flex; align-items: center; gap: 12px; padding: 0 14px 0 20px; border-bottom: 1px solid var(--oxc-line); color: var(--oxc-mute); }
.oxx .oxc-palette-form input { flex: 1; min-width: 0; height: 64px; border: 0; outline: 0; background: none; color: var(--oxc-ink); font: 500 18px var(--oxc-font); }
.oxx .oxc-palette-form input::placeholder { color: #8a96a8; }
.oxx .oxc-palette-form input::-webkit-search-cancel-button { display: none; }
.oxx .oxc-esc { height: 30px; padding: 0 10px; border: 1px solid var(--oxc-line-2); border-radius: 8px; background: #fff; color: var(--oxc-mute); font: 600 12.5px var(--oxc-font); cursor: pointer; }
.oxx .oxc-palette-list { flex: 1; overflow-y: auto; overscroll-behavior: contain; padding: 8px 10px 12px; }
.oxx .oxc-pal-h { padding: 14px 10px 6px; font-size: 11.5px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--oxc-mute); }
.oxx .oxc-opt { display: grid; grid-template-columns: 34px 1fr auto; align-items: center; gap: 12px; min-height: 48px; padding: 7px 10px; border-radius: 12px; color: var(--oxc-ink); }
.oxx .oxc-opt .oxc-tile-ico { width: 34px; height: 34px; border-radius: 9px; }
.oxx .oxc-opt b { display: block; font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.oxx .oxc-opt small { display: block; margin-top: 1px; font-size: 12.5px; color: var(--oxc-mute); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.oxx .oxc-opt > span:not(.oxc-tile-ico) { min-width: 0; }
.oxx .oxc-palette-list { overflow-x: hidden; }
.oxx .oxc-palette .oxc-palette-form input:focus-visible { outline: none; }
.oxx .oxc-palette-form:focus-within { box-shadow: inset 0 -2px 0 var(--oxc-navy); }
.oxx .oxc-opt > svg { color: var(--oxc-line-2); }
.oxx .oxc-opt[aria-selected="true"], .oxx .oxc-opt:hover { background: var(--oxc-tint); }
.oxx .oxc-opt[aria-selected="true"] > svg { color: var(--oxc-navy); }
.oxx .oxc-opt.is-wa .oxc-tile-ico { background: #dcfce7; color: #15803d; }
.oxx .oxc-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 4px 10px 6px; }
.oxx .oxc-chips .oxc-opt { display: inline-flex; min-height: 40px; padding: 0 14px 0 8px; gap: 8px; border: 1px solid var(--oxc-line); border-radius: 999px; }
.oxx .oxc-chips .oxc-opt .oxc-tile-ico { width: 28px; height: 28px; border-radius: 50%; }
.oxx .oxc-chips .oxc-opt b { font-size: 14px; }
.oxx .oxc-opt.is-plain { grid-template-columns: 1fr auto; }
.oxx .oxc-pal-all[aria-selected="true"] { text-decoration: underline; text-underline-offset: 3px; }
.oxx .oxc-pal-empty { padding: 28px 12px; color: var(--oxc-body); font-size: 15px; }
.oxx .oxc-pal-all { display: flex; align-items: center; gap: 8px; margin: 8px 10px 0; padding: 12px 0 0; border-top: 1px solid var(--oxc-line); font-size: 14px; font-weight: 650; color: var(--oxc-navy); }
.oxx .oxc-palette-foot { display: none; gap: 18px; padding: 10px 18px; border-top: 1px solid var(--oxc-line); background: var(--oxc-soft); font-size: 12.5px; color: var(--oxc-mute); }
.oxx .oxc-palette-foot kbd { margin-right: 4px; }
@media (hover: hover) and (min-width: 768px) { .oxx .oxc-palette-foot { display: flex; } }

/* ——— Meniul de pe telefon: ecran întreg, cu nivelurile glisate lateral */
.oxx .oxc-sheet { position: fixed; inset: 0; z-index: 80; display: flex; justify-content: flex-end; }
.oxx .oxc-sheet[hidden] { display: none; }
.oxx .oxc-sheet-scrim { position: absolute; inset: 0; background: rgb(7 22 40 / .45); animation: oxc-fade .2s; }
.oxx .oxc-sheet-panel { position: relative; display: flex; flex-direction: column; width: min(480px, 100%); height: 100%; background: #fff; animation: oxc-slide .3s var(--oxc-ease); }
@keyframes oxc-slide { from { transform: translateX(40px); opacity: 0; } }
.oxx .oxc-sheet-head { display: flex; align-items: center; justify-content: space-between; height: var(--oxc-head-h); padding: 0 var(--oxc-gutter); border-bottom: 1px solid var(--oxc-line); flex: none; }
.oxx .oxc-sheet-head img { height: 30px; width: auto; }
.oxx .oxc-close { display: inline-flex; align-items: center; gap: 6px; height: 44px; padding: 0 12px; border: 1px solid var(--oxc-line-2); border-radius: 12px; background: #fff; color: var(--oxc-ink); font: 650 14.5px var(--oxc-font); cursor: pointer; }
.oxx .oxc-views { position: relative; flex: 1; overflow: hidden; }
.oxx .oxc-view { position: absolute; inset: 0; overflow-y: auto; overscroll-behavior: contain; padding: 18px var(--oxc-gutter) 28px; background: #fff; transition: transform .3s var(--oxc-ease), visibility 0s .3s; visibility: hidden; transform: translateX(100%); }
.oxx .oxc-view.is-active { visibility: visible; transform: none; transition: transform .3s var(--oxc-ease); }
.oxx .oxc-view.is-behind { transform: translateX(-28%); }
.oxx .oxc-sheet-search { display: flex; align-items: center; gap: 10px; width: 100%; height: 52px; padding: 0 16px; border: 1px solid var(--oxc-line-2); border-radius: 14px; background: var(--oxc-soft); color: var(--oxc-mute); font: 500 16px var(--oxc-font); text-align: left; cursor: pointer; }
.oxx .oxc-view > .oxc-eyebrow { display: block; margin: 24px 2px 10px; }
.oxx .oxc-tiles { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.oxx .oxc-tile { display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 14px; min-height: 104px; padding: 14px; border: 1px solid var(--oxc-line); border-radius: 16px; background: #fff; color: var(--oxc-ink); font: 650 15px/1.25 var(--oxc-font); letter-spacing: -.01em; text-align: left; cursor: pointer; }
.oxx .oxc-tile:active { background: var(--oxc-tint); }
.oxx .oxc-rows { margin-top: 22px; border-top: 1px solid var(--oxc-line); }
.oxx .oxc-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; min-height: 58px; padding: 0 2px; border: 0; border-bottom: 1px solid var(--oxc-line); background: none; color: var(--oxc-ink); font: 650 17px var(--oxc-font); letter-spacing: -.01em; text-align: left; cursor: pointer; }
.oxx .oxc-row svg { color: var(--oxc-mute); }
.oxx .oxc-row[aria-current] { color: var(--oxc-navy); }
.oxx .oxc-row.is-minor { min-height: 50px; font-size: 15.5px; font-weight: 550; color: var(--oxc-body); }
.oxx .oxc-sheet .oxc-feature { margin-top: 22px; }
.oxx .oxc-back { display: inline-flex; align-items: center; gap: 6px; height: 40px; margin: -6px 0 10px -8px; padding: 0 10px; border: 0; border-radius: 10px; background: none; color: var(--oxc-navy); font: 650 15px var(--oxc-font); cursor: pointer; }
.oxx .oxc-view h2 { font-size: 26px; font-weight: 700; letter-spacing: -.025em; color: var(--oxc-ink); }
.oxx .oxc-view h2 + p { margin-top: 6px; font-size: 15.5px; line-height: 1.5; color: var(--oxc-body); }
.oxx .oxc-view .oxc-first { margin-top: 18px; }
.oxx .oxc-view .oxc-links { grid-template-columns: 1fr; margin-top: 12px; }
.oxx .oxc-view .oxc-links a { min-height: 50px; font-size: 16px; border-bottom: 1px solid var(--oxc-line); border-radius: 0; }
.oxx .oxc-view .oxc-more { margin-top: 16px; font-size: 15px; }
.oxx .oxc-view .oxc-drop-list { grid-template-columns: 1fr; margin-top: 14px; }
.oxx .oxc-view .oxc-drop-link { padding: 12px 6px; border-bottom: 1px solid var(--oxc-line); border-radius: 0; }
.oxx .oxc-view .oxc-note { margin-top: 14px; font-size: 14px; }
.oxx .oxc-sheet-foot { flex: none; padding: 12px var(--oxc-gutter) calc(12px + env(safe-area-inset-bottom)); border-top: 1px solid var(--oxc-line); background: #fff; }
.oxx .oxc-sheet-foot .oxc-cta { display: flex; justify-content: center; width: 100%; height: 52px; font-size: 16px; }
.oxx .oxc-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.oxx .oxc-pair a { display: inline-flex; align-items: center; justify-content: center; gap: 8px; height: 48px; border: 1px solid var(--oxc-line-2); border-radius: 12px; color: var(--oxc-ink); font: 650 15px var(--oxc-font); }
.oxx .oxc-pair a.is-wa svg { color: #16a34a; }

/* ——— Starea unei locații („Deschis acum”). Subsolul are foaia lui, foot-brand.css. */
.oxx .oxc-status { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 11px; border-radius: 999px; background: rgb(255 255 255 / .08); color: #cbd5e1; font-size: 12.5px; font-weight: 650; }
.oxx .oxc-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #94a3b8; }
.oxx .oxc-status.is-open { background: rgb(34 197 94 / .14); color: #86efac; }
.oxx .oxc-status.is-open::before { background: #22c55e; }

/* ——— Bara de jos de pe telefon */
.oxx .oxc-dock { position: fixed; left: 0; right: 0; bottom: 0; z-index: 56; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 4px; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: rgb(255 255 255 / .92); backdrop-filter: saturate(1.6) blur(16px); -webkit-backdrop-filter: saturate(1.6) blur(16px); border-top: 1px solid var(--oxc-line); }
.oxx .oxc-dock a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; min-height: 52px; border-radius: 14px; color: var(--oxc-ink); font-size: 12px; font-weight: 650; }
.oxx .oxc-dock a.is-primary { background: var(--oxc-navy); color: #fff; }
.oxx .oxc-dock a.is-wa svg { color: #16a34a; }
/* Pagina curentă: textul bleumarin, dar nu pe butonul plin (pe /contact/, „Programare” ar fi bleumarin pe bleumarin) */
.oxx .oxc-dock a[aria-current]:not(.is-primary) { color: var(--oxc-navy); }
@media (min-width: 1024px) { .oxx .oxc-dock { display: none; } }
@media (max-width: 1023px) { .oxx .oxp-wa { display: none; } }

@media (prefers-reduced-motion: reduce) {
  .oxx :is(.oxc-head, .oxc-panel, .oxc-view, .oxc-scrim, .oxc-pane, .oxc-palette-box, .oxc-sheet-panel) { transition: none !important; animation: none !important; }
  .oxx .oxc-dot.is-open { animation: none; }
}
@media print { .oxx :is(.oxc-head, .oxc-dock, .oxc-sign) { display: none !important; } }