/* Homepage-ul după Brand book, Ediția 3 (src/site/home-brand.mjs), încărcat doar aici, după brand.css (variabilele, antetul,
   subsolul și butoanele sunt acolo). Mobil întâi. */
/* ——— Fotografia pe toată lățimea */
.oxx .oh-hero { position: relative; isolation: isolate; background: var(--oxc-navy); color: #fff; overflow: hidden; }
.oxx .oh-hero-img, .oxx .oh-hero-img img { display: block; width: 100%; }
.oxx .oh-hero-img { position: absolute; z-index: -1; inset: 0 0 auto; }
.oxx .oh-hero-img img { max-width: none; height: auto; animation: oh-settle 1.6s cubic-bezier(.2, .7, .2, 1) both; transform-origin: 60% 30%; }
@keyframes oh-settle { from { transform: scale(1.035); } to { transform: none; } }
/* Pe telefon: chipurile sus, textul peste trunchiuri, pe un voal care coboară în bleumarin */
.oxx .oh-hero::before { content: ""; position: absolute; z-index: -1; left: 0; right: 0; top: 62vw; height: 46vw; background: linear-gradient(to bottom, rgb(13 35 64 / 0), rgb(13 35 64 / .82) 52%, #0d2340); }
.oxx .oh-hero-in { position: relative; padding-top: 82vw; padding-bottom: 76px; }
.oxx .oh-hero h1 { font: 400 clamp(2rem, 1.1rem + 3.2vw, 3.5rem)/1.12 var(--oh-serif); letter-spacing: -.012em; color: #fff; text-wrap: balance; text-shadow: 0 1px 22px rgb(13 35 64 / .55); }
.oxx .oh-hero h1 span { display: block; }
.oxx .oh-hero-lead { margin-top: 12px; max-width: 54ch; color: #d9e2ee; }
.oxx .oh-hero-cta { display: grid; gap: 10px; margin-top: 18px; }
.oxx .oh-hero-card { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.3fr); margin-top: 20px; border: 1px solid rgb(255 255 255 / .2); border-radius: var(--oh-r); background: rgb(255 255 255 / .05); overflow: hidden; }
/* Pe scurt: celule aliniate, valoarea sus și eticheta dedesubt, despărțite de linii fine */
.oxx .oh-rate { display: grid; grid-template-columns: auto auto; justify-content: start; align-items: center; align-content: start; column-gap: 8px; padding: 14px 10px 12px 14px; color: #fff; transition: background .15s; }
.oxx a.oh-rate:hover { background: rgb(255 255 255 / .07); }
.oxx .oh-rate > b { font: 400 1.75rem/1 var(--oh-serif); }
.oxx .oh-rate > span { display: contents; }
.oxx .oh-rate small { grid-column: 1 / -1; margin-top: 7px; font-size: 13px; line-height: 1.3; color: #d9e2ee; }
.oxx .oh-numbers { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
.oxx .oh-numbers li { padding: 14px 8px 12px 10px; border-left: 1px solid rgb(255 255 255 / .16); font-size: 13px; line-height: 1.3; color: #d9e2ee; }
.oxx .oh-numbers b { display: block; margin-bottom: 7px; font: 400 1.75rem/1 var(--oh-serif); color: #fff; }
.oxx .oh-numbers span { display: block; }
.oxx .oh-hero-foot { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; padding: 10px 14px; border-top: 1px solid rgb(255 255 255 / .16); font-size: 13.5px; color: #d9e2ee; }
.oxx .oh-hero-foot p { display: inline-flex; align-items: center; gap: 7px; }
.oxx .oh-hero-foot svg { color: var(--oh-gold); }
.oxx .oh-hero-foot .oxc-dot { position: static; flex: none; width: 9px; height: 9px; border: 0; }
@media (max-width: 359px) { .oxx .oh-hero-card { grid-template-columns: minmax(0, 1fr); } .oxx .oh-numbers { border-top: 1px solid rgb(255 255 255 / .16); } .oxx .oh-numbers li:first-child { border-left: 0; padding-left: 14px; } }
@media (min-width: 560px) { .oxx .oh-hero-cta { display: flex; flex-wrap: wrap; } }
@media (min-width: 768px) and (max-width: 1023px) { .oxx .oh-hero-img img { object-position: 58% 0 !important; } }
@media (min-width: 768px) {
  .oxx .oh-hero { min-height: clamp(640px, 100svh, 920px); display: flex; flex-direction: column; justify-content: flex-end; }
  .oxx .oh-hero-img { inset: 0 0 auto; height: 82%; }
  .oxx .oh-hero-img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; }
  /* Voalul pornește de deasupra titlului, indiferent de înălțimea ecranului: textul nu ajunge pe halatele albe */
  .oxx .oh-hero::before { display: none; }
  .oxx .oh-hero-in { width: 100%; padding-top: 180px; padding-bottom: 92px; }
  .oxx .oh-hero-in::before { content: ""; position: absolute; z-index: -1; left: -100vw; right: -100vw; top: 92px; bottom: 0; background: linear-gradient(to bottom, rgb(13 35 64 / 0), rgb(13 35 64 / .76) 88px, rgb(13 35 64 / .96) 224px, #0d2340 300px); }
  .oxx .oh-hero h1 { max-width: 22em; }
  .oxx .oh-hero-row { display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; margin-top: 4px; }
  .oxx .oh-hero-copy { flex: 1 1 auto; min-width: 0; }
  .oxx .oh-hero-card { flex: 0 0 min(520px, 52%); grid-template-columns: auto minmax(0, 1fr); margin: 0; background: rgb(13 35 64 / .5); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
  .oxx .oh-rate { padding: 16px 18px 14px; }
  .oxx .oh-rate small { white-space: nowrap; }
  .oxx .oh-numbers li { padding: 16px 12px 14px 16px; }
  .oxx .oh-hero-foot { padding: 11px 18px; }
}

/* ——— Ce vă îngrijorează? */
.oxx .oh-finder { position: relative; z-index: 2; margin-top: -44px; }
.oxx .oh-finder-box { display: grid; gap: 18px; padding: 20px 16px; border-radius: var(--oh-r); background: #fff; box-shadow: 0 30px 60px -36px rgb(13 35 64 / .5), 0 0 0 1px rgb(13 35 64 / .05); }
.oxx .oh-finder h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.1rem); }
.oxx .oh-finder-side p { margin-top: 8px; font-size: .95em; }
.oxx .oh-finder-side .oh-tel { margin-top: 12px; }
.oxx .oh-needs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.oxx .oh-need { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 6px 10px 6px 6px; border: 1px solid var(--oxc-line); border-radius: 10px; background: #fff; color: var(--oxc-ink); font: 600 14.5px/1.25 var(--oxc-font); text-align: left; cursor: pointer; transition: background .15s, color .15s, border-color .15s; }
.oxx .oh-need .oh-ic { width: 36px; height: 36px; border-radius: 8px; transition: background .15s, color .15s; }
.oxx .oh-need:hover { border-color: var(--oxc-navy); }
.oxx .oh-need[aria-selected="true"] { background: var(--oxc-navy); border-color: var(--oxc-navy); color: #fff; }
.oxx .oh-need[aria-selected="true"] .oh-ic { background: rgb(255 255 255 / .12); color: #fff; }
/* „Terapii complementare” trebuie să încapă pe două coloane și pe telefoanele înguste */
@media (max-width: 420px) { .oxx .oh-need { gap: 7px; padding: 6px; font-size: 14px; } .oxx .oh-need .oh-ic { width: 28px; height: 28px; border-radius: 7px; } .oxx .oh-need .oh-ic svg { width: 16px; height: 16px; } }
@media (max-width: 359px) { .oxx .oh-need { padding: 6px 10px; } .oxx .oh-need .oh-ic { display: none; } }
.oxx .oh-pane { display: grid; gap: 12px; }
.oxx .oh-pane[hidden] { display: none; }
.oxx .oh-first { position: relative; display: block; padding: 16px 56px 16px 16px; border-radius: 12px; background: var(--oxc-soft); color: var(--oxc-ink); transition: background .15s; }
.oxx .oh-first:hover { background: var(--oxc-tint); }
.oxx .oh-first small { display: block; font-size: 13px; font-weight: 600; color: #8a6530; }
.oxx .oh-first b { display: block; margin-top: 2px; font: 400 1.2em/1.25 var(--oh-serif); color: var(--oxc-navy); }
.oxx .oh-first span { display: block; margin-top: 4px; font-size: .94em; line-height: 1.5; color: var(--oxc-body); }
.oxx .oh-first .oh-go { position: absolute; right: 10px; top: 50%; margin-top: -18px; background: var(--oxc-navy); color: #fff; }
.oxx .oh-pane-links li + li { border-top: 1px solid var(--oxc-line); }
.oxx .oh-pane-links a { display: block; padding: 10px 2px; font-weight: 500; color: var(--oxc-ink); }
.oxx .oh-pane-links a:hover { color: var(--oxc-blue); text-decoration: underline; text-decoration-color: var(--oh-gold); text-underline-offset: 3px; }
@media (min-width: 900px) {
  .oxx .oh-finder { margin-top: -60px; }
  .oxx .oh-finder-box { grid-template-columns: 250px 260px minmax(0, 1fr); gap: 28px; padding: 24px 28px; align-items: start; }
  .oxx .oh-needs { grid-template-columns: minmax(0, 1fr); }
  .oxx .oh-pane-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 24px; }
  .oxx .oh-pane-links li + li { border-top: 0; }
  .oxx .oh-pane-links li { border-bottom: 1px solid var(--oxc-line); }
}

/* ——— Secțiunile */
.oxx .oh-sec { padding: var(--oh-sec) 0; }
.oxx .oh-head { display: grid; gap: 10px; margin-bottom: clamp(22px, 2vw + 8px, 40px); }
.oxx .oh-head-side { display: grid; gap: 12px; justify-items: start; }
.oxx .oh-head.is-small h2 { font-size: clamp(1.4rem, 1.2rem + .8vw, 1.85rem); }
@media (min-width: 900px) { .oxx .oh-head { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 48px; align-items: end; } .oxx .oh-head-side { justify-items: end; text-align: right; } .oxx .oh-head-side p { max-width: 46ch; } }
.oxx .oh-cta { display: flex; flex-wrap: wrap; gap: 10px; }

/* Accesul */
.oxx .oh-access { padding-top: clamp(44px, 3vw + 32px, 80px); }
.oxx .oh-doors { display: grid; gap: 14px; }
@media (min-width: 900px) { .oxx .oh-doors { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } }
.oxx .oh-door { display: flex; flex-direction: column; gap: 14px; padding: clamp(18px, 2.2vw, 28px); border-radius: var(--oh-r); border: 1px solid var(--oxc-line); background: var(--oxc-soft); }
.oxx .oh-door-head { display: flex; align-items: center; gap: 14px; }
.oxx .oh-door .oh-ic { width: 46px; height: 46px; background: #fff; }
.oxx .oh-door h3 { font: 400 clamp(1.3rem, 1.15rem + .7vw, 1.65rem)/1.2 var(--oh-serif); color: var(--oxc-navy); }
.oxx .oh-door .oh-where { margin-top: 3px; font-size: 13.5px; color: var(--oxc-mute); }
.oxx .oh-door .oh-where svg { color: var(--oh-gold-d); }
.oxx .oh-door > p { font-size: .96em; line-height: 1.55; }
/* Ce găsiți pe fiecare cale: un mic index pe două coloane, nu etichete */
/* Lista ocupă tot spațiul rămas: rândurile se întind, iar butoanele rămân aliniate fără un gol deasupra */
.oxx .oh-door-links { flex: 1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: dense; align-content: stretch; column-gap: clamp(14px, 2vw, 28px); margin-bottom: 4px; }
.oxx .oh-door-links li { border-bottom: 1px solid var(--oxc-line-2); }
.oxx .oh-door-links li:nth-child(-n+2) { border-top: 1px solid var(--oxc-line-2); }
.oxx .oh-door-links li.is-wide, .oxx .oh-door-links:not(:has(.is-wide)) li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.oxx .oh-door-links a { display: flex; align-items: center; justify-content: space-between; gap: 8px; height: 100%; min-height: 40px; padding: 7px 0; font-size: 14.5px; font-weight: 500; line-height: 1.3; color: var(--oxc-ink); transition: color .15s; }
.oxx .oh-door-links a::after { content: ""; flex: none; width: 6px; height: 6px; margin-right: 3px; border-top: 1.5px solid currentColor; border-right: 1.5px solid currentColor; opacity: .45; transform: rotate(45deg); transition: opacity .15s, transform .15s; }
.oxx .oh-door-links a:hover { color: var(--oxc-blue); }
.oxx .oh-door-links a:hover::after { opacity: 1; transform: translateX(2px) rotate(45deg); }
.oxx .oh-door .oh-btn { width: 100%; margin-top: auto; }
.oxx .oh-door.is-navy { border-color: var(--oxc-navy); background: var(--oxc-navy); color: #d9e2ee; }
.oxx .oh-door.is-navy h3 { color: #fff; }
.oxx .oh-door.is-navy .oh-ic { background: rgb(255 255 255 / .1); color: #fff; }
.oxx .oh-door.is-navy .oh-where { color: #d9e2ee; }
.oxx .oh-door.is-navy .oh-where svg { color: var(--oh-gold); }
.oxx .oh-door.is-navy .oh-door-links li { border-color: rgb(255 255 255 / .16); }
.oxx .oh-door.is-navy .oh-door-links a { color: #fff; }
.oxx .oh-door.is-navy .oh-door-links a:hover { color: #d9bd8f; }

/* Ce este Oxxygene */
.oxx .oh-eco-sec { padding-top: 0; }
.oxx .oh-bento { display: grid; gap: 14px; }
/* Pe telefon fotografia stă deasupra textului și coboară în bleumarin: textul nu ajunge peste chipuri */
.oxx .oh-eco { --oh-photo: min(58vw, 380px); position: relative; display: flex; align-items: flex-end; padding-top: calc(var(--oh-photo) * .84); border-radius: var(--oh-r); overflow: hidden; background: var(--oxc-navy); color: #fff; isolation: isolate; }
.oxx .oh-eco figure { position: absolute; inset: 0 0 auto; height: var(--oh-photo); z-index: -2; overflow: hidden; }
.oxx .oh-eco img { width: 100%; height: 100%; object-fit: cover; object-position: var(--oh-focus, 50% 50%); transform: scale(var(--oh-zoom, 1)) translateX(var(--oh-shift, 0)); transform-origin: var(--oh-origin, 50% 50%); transition: transform .7s cubic-bezier(.2, .7, .2, 1); }
.oxx a.oh-eco:hover img { transform: scale(calc(var(--oh-zoom, 1) * 1.03)) translateX(var(--oh-shift, 0)); }
.oxx .oh-eco::after { content: ""; position: absolute; inset: 0 0 auto; height: var(--oh-photo); z-index: -1; background: linear-gradient(to bottom, rgb(13 35 64 / 0) 62%, #0d2340); }
/* Fiecare fotografie are cadrul ei: consultația, medicul la conferință (fără ecranul din stânga), recuperarea */
.oxx .oh-eco:nth-child(1) { --oh-focus: 50% 38%; }
.oxx .oh-eco:nth-child(2) { --oh-focus: 50% 36%; --oh-zoom: 1.24; --oh-origin: 100% 10%; }
.oxx .oh-eco:nth-child(3) { --oh-focus: 100% 0; --oh-zoom: 1.42; --oh-origin: 100% 22%; }
.oxx .oh-eco-txt { display: grid; gap: 6px; justify-items: start; padding: 0 20px 20px; }
.oxx .oh-eco h3 { font: 400 clamp(1.35rem, 1.15rem + .8vw, 1.75rem)/1.2 var(--oh-serif); color: #fff; }
.oxx .oh-eco p { color: #e3e9f1; font-size: .95em; line-height: 1.5; }
.oxx .oh-eco .oh-where { color: #fff; }
.oxx .oh-eco .oh-where svg { color: var(--oh-gold); }
.oxx .oh-eco .oh-more { color: #fff; }
@media (min-width: 900px) {
  .oxx .oh-bento { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); grid-auto-rows: minmax(290px, auto); gap: 16px; }
  .oxx .oh-eco { padding-top: 0; }
  .oxx .oh-eco figure, .oxx .oh-eco::after { inset: 0; height: auto; }
  .oxx .oh-eco::after { background: linear-gradient(to right, rgb(13 35 64 / .97), rgb(13 35 64 / .9) 44%, rgb(13 35 64 / 0) 74%); }
  .oxx .oh-eco-txt { max-width: 70%; padding: 20px 22px; }
  .oxx .oh-eco:nth-child(2) { --oh-focus: 50% 36%; --oh-zoom: 1.24; --oh-origin: 100% 30%; --oh-shift: 14%; }
  .oxx .oh-eco:nth-child(3) { --oh-focus: 100% 12%; --oh-zoom: 1; }
  .oxx .oh-eco.is-big { grid-row: span 2; }
  .oxx .oh-eco.is-big::after { background: linear-gradient(to top, #0d2340 16%, rgb(13 35 64 / .84) 34%, rgb(13 35 64 / 0) 58%); }
  .oxx .oh-eco.is-big .oh-eco-txt { max-width: none; padding: 28px; }
}
@media (min-width: 1200px) { .oxx .oh-eco-txt { max-width: 64%; } }

/* Echipa: fundalul de studio al portretelor continuă în toată secțiunea */
.oxx .oh-team { background: radial-gradient(90% 70% at 72% 0, #17386c, #0d2340 70%); color: #d9e2ee; }
.oxx .oh-team .oh-head { grid-template-columns: minmax(0, 1fr); margin-bottom: clamp(22px, 2vw + 8px, 36px); }
.oxx .oh-team h2 { max-width: 26em; color: #fff; }
.oxx .oh-faces { display: inline-flex; vertical-align: -.16em; margin: 0 .1em; }
.oxx .oh-faces img { width: 1.15em; height: 1.15em; border-radius: 50%; border: 2px solid var(--oxc-navy); object-fit: cover; object-position: 50% 18%; }
.oxx .oh-faces img + img { margin-left: -.32em; }
.oxx .oh-team-grid { display: grid; gap: 14px; }
.oxx .oh-lead { position: relative; display: flex; align-items: flex-end; min-height: 142vw; border-radius: var(--oh-r); overflow: hidden; color: #fff; isolation: isolate; }
.oxx .oh-lead figure { position: absolute; inset: 0; z-index: -2; }
.oxx .oh-lead img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 0; transition: transform .7s cubic-bezier(.2, .7, .2, 1); }
.oxx .oh-lead:hover img { transform: scale(1.02); }
.oxx .oh-lead::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(to top, #0d2340 50%, rgb(13 35 64 / .7) 58%, rgb(13 35 64 / 0) 68%); }
.oxx .oh-lead-txt { display: grid; gap: 6px; justify-items: start; padding: 18px; }
.oxx .oh-lead h3 { font: 400 clamp(1.5rem, 1.3rem + .9vw, 2rem)/1.15 var(--oh-serif); color: #fff; }
.oxx .oh-lead li { font-size: 14px; font-weight: 500; color: #fff; }
.oxx .oh-lead p { margin-top: 4px; font-size: .94em; line-height: 1.5; color: #d9e2ee; }
.oxx .oh-lead .oh-more { color: #fff; }
.oxx .oh-docs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 12px; }
.oxx .oh-doc { display: block; color: #fff; }
.oxx .oh-doc figure { aspect-ratio: 4 / 5; border-radius: 12px; overflow: hidden; background: #13315b; }
.oxx .oh-doc img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s cubic-bezier(.2, .7, .2, 1); }
.oxx .oh-doc:hover img { transform: scale(1.03); }
.oxx .oh-doc b { display: block; margin-top: 10px; font-size: 15.5px; font-weight: 600; line-height: 1.3; }
.oxx .oh-doc span { display: block; margin-top: 2px; font-size: 13.5px; line-height: 1.4; color: #c4cfde; }
.oxx .oh-docs li { display: flex; }
.oxx .oh-doc-all { display: flex; flex-direction: column; align-items: flex-start; width: 100%; padding: 14px; border: 1px solid rgb(255 255 255 / .22); border-radius: 12px; color: #fff; transition: background .15s; aspect-ratio: 4 / 5; }
.oxx .oh-doc-all:hover { background: rgb(255 255 255 / .08); }
.oxx .oh-doc-all b { font: 400 2.75rem/1 var(--oh-serif); }
.oxx .oh-doc-all span { font-size: 14px; color: #c4cfde; }
.oxx .oh-doc-all em { margin-top: auto; font-style: normal; font-weight: 600; font-size: 15px; line-height: 1.3; }
.oxx .oh-doc-all .oh-go { margin-top: 8px; background: #fff; color: var(--oxc-navy); }
@media (min-width: 640px) { .oxx .oh-lead { min-height: 620px; } .oxx .oh-lead::after { background: linear-gradient(to top, #0d2340 18%, rgb(13 35 64 / .9) 40%, rgb(13 35 64 / 0) 62%); } }
@media (min-width: 640px) and (max-width: 1023px) { .oxx .oh-docs { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (min-width: 1024px) {
  .oxx .oh-team-grid { grid-template-columns: minmax(0, 400px) minmax(0, 1fr); gap: 28px; align-items: stretch; }
  .oxx .oh-lead { min-height: 0; }
  .oxx .oh-lead-txt { padding: 24px; }
  .oxx .oh-docs { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px 14px; }
}

/* Programele și tehnologiile */
.oxx .oh-programs { padding-bottom: clamp(28px, 2vw + 16px, 48px); }
/* Un index pe rânduri: titlul dă greutatea, liniile dau structura; la trecere, rândul devine bleumarin */
.oxx .oh-progs { border-bottom: 1px solid var(--oxc-line-2); }
.oxx .oh-prog { display: grid; grid-template-columns: minmax(0, 1fr) 40px; column-gap: 14px; align-items: center; padding: 16px 0; border-top: 1px solid var(--oxc-line-2); color: var(--oxc-body); transition: background .18s, color .18s, padding .18s; }
.oxx .oh-prog h3 { font: 400 clamp(1.3rem, 1.12rem + .9vw, 1.75rem)/1.2 var(--oh-serif); color: var(--oxc-navy); transition: color .18s; }
.oxx .oh-prog p { grid-column: 1; margin-top: 4px; font-size: .95em; line-height: 1.5; }
.oxx .oh-prog .oh-go { grid-column: 2; grid-row: 1 / span 2; width: 40px; height: 40px; border: 1px solid var(--oxc-line-2); border-radius: 10px; color: var(--oxc-navy); transition: background .18s, border-color .18s, color .18s, transform .2s; }
.oxx .oh-prog:hover { background: var(--oxc-navy); color: #d9e2ee; border-top-color: var(--oxc-navy); }
.oxx .oh-prog:hover h3 { color: #fff; }
.oxx .oh-prog:hover .oh-go { background: #fff; border-color: #fff; color: var(--oxc-navy); transform: translateX(-2px); }
@media (hover: hover) { .oxx .oh-prog:hover { padding-left: 16px; padding-right: 16px; border-radius: 10px; } }
@media (min-width: 900px) {
  .oxx .oh-prog { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr) 44px; column-gap: 28px; padding: 20px 0; }
  .oxx .oh-prog p { grid-column: 2; margin: 0; }
  .oxx .oh-prog .oh-go { grid-column: 3; grid-row: 1; width: 44px; height: 44px; }
}
.oxx .oh-techs { padding-top: 0; }
.oxx .oh-tech-list { display: grid; }
.oxx .oh-tech { display: flex; gap: 14px; height: 100%; padding: 14px 0; border-top: 1px solid var(--oxc-line); color: var(--oxc-ink); }
.oxx .oh-tech b { display: block; font-weight: 600; line-height: 1.3; }
.oxx .oh-tech small { display: block; margin-top: 2px; font-size: 14.5px; line-height: 1.45; color: var(--oxc-body); }
.oxx .oh-tech:hover b { color: var(--oxc-blue); text-decoration: underline; text-decoration-color: var(--oh-gold); text-underline-offset: 3px; }
@media (min-width: 768px) { .oxx .oh-tech-list { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; } }
@media (min-width: 1100px) { .oxx .oh-tech-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* Recenziile */
.oxx .oh-reviews { background: var(--oxc-soft); }
.oxx .oh-score { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; }
.oxx .oh-score > b { font: 400 2.75rem/1 var(--oh-serif); color: var(--oxc-navy); }
.oxx .oh-score small { display: block; margin-top: 2px; font-size: 14px; color: var(--oxc-body); }
.oxx .oh-review-list { display: grid; gap: 12px; }
.oxx .oh-review-list > li:nth-child(n+4) { display: none; }
.oxx .oh-review { display: flex; flex-direction: column; gap: 10px; height: 100%; padding: 20px; border-radius: var(--oh-r); background: #fff; box-shadow: 0 0 0 1px rgb(13 35 64 / .05); }
.oxx .oh-review .oh-stars svg { width: 13px; height: 13px; }
.oxx .oh-review blockquote { font-size: .95em; line-height: 1.55; color: var(--oxc-ink); }
.oxx .oh-review figcaption { display: flex; align-items: center; gap: 10px; margin-top: auto; padding-top: 4px; }
.oxx .oh-review figcaption i { display: grid; place-items: center; flex: none; width: 36px; height: 36px; border-radius: 50%; background: var(--oxc-tint); color: var(--oxc-navy); font: 400 1.05rem/1 var(--oh-serif); }
.oxx .oh-review b { display: block; font-size: 15px; font-weight: 600; color: var(--oxc-ink); line-height: 1.3; text-transform: capitalize; }
.oxx .oh-review small { display: block; font-size: 13px; line-height: 1.35; }
/* Prima recenzie dă tonul: bleumarin, cu textul în Lora */
.oxx .is-lead .oh-review { gap: 14px; padding: clamp(20px, 2.4vw, 32px); background: var(--oxc-navy); box-shadow: none; color: #c4cfde; }
.oxx .is-lead .oh-review .oh-stars svg { width: 16px; height: 16px; }
.oxx .is-lead .oh-review blockquote { font: 400 clamp(1.15rem, 1.02rem + .6vw, 1.45rem)/1.42 var(--oh-serif); color: #fff; }
.oxx .is-lead .oh-review figcaption i { background: rgb(184 147 90 / .2); color: #d9bd8f; }
.oxx .is-lead .oh-review b { color: #fff; }
@media (min-width: 768px) {
  .oxx .oh-review-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .oxx .oh-review-list > li:nth-child(n+4) { display: block; }
  .oxx .oh-review-list > li.is-lead, .oxx .oh-review-list > li:last-child { grid-column: 1 / -1; }
}
@media (min-width: 1100px) {
  .oxx .oh-review-list { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; }
  .oxx .oh-review-list > li, .oxx .oh-review-list > li:last-child { grid-column: span 4; }
  .oxx .oh-review-list > li.is-lead { grid-column: span 6; }
  .oxx .oh-review-list > li:nth-child(2), .oxx .oh-review-list > li:nth-child(3) { grid-column: span 3; }
}

/* Cum decurge: o secvență reală, deci numerotată */
.oxx .oh-steps { display: grid; gap: 22px; }
.oxx .oh-step { padding-top: 14px; border-top: 2px solid var(--oh-gold); }
.oxx .oh-step-n { font: 500 1.6rem/1 var(--oh-serif); color: var(--oh-gold-d); }
.oxx .oh-step h3 { margin-top: 10px; font: 400 clamp(1.25rem, 1.1rem + .6vw, 1.5rem)/1.25 var(--oh-serif); color: var(--oxc-navy); }
.oxx .oh-step p { margin-top: 6px; font-size: .96em; line-height: 1.55; }
.oxx .oh-note { margin-top: 20px; font-size: .94em; }
@media (min-width: 768px) { .oxx .oh-steps { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; } }
.oxx .oh-journey { padding-bottom: clamp(28px, 2vw + 16px, 56px); }

/* Medicii explică */

/* Întrebările */
.oxx .oh-faq { background: var(--oxc-soft); }
.oxx .oh-faq-grid { display: grid; gap: 22px; }
.oxx .oh-faq-side { display: grid; gap: 18px; align-content: start; }
.oxx .oh-ask { display: grid; gap: 10px; justify-items: start; padding: 20px; border-radius: var(--oh-r); background: var(--oxc-navy); color: #d9e2ee; }
.oxx .oh-ask h3 { font: 400 1.35em/1.2 var(--oh-serif); color: #fff; }
.oxx .oh-ask .oh-tel { color: #fff; }
.oxx .oh-ask .oh-tel svg { color: var(--oh-gold); }
.oxx .oh-ask .oh-cta { margin-top: 4px; }
.oxx .oh-faq-list { border-top: 1px solid var(--oxc-line-2); }
.oxx .oh-q { border-bottom: 1px solid var(--oxc-line-2); }
.oxx .oh-q summary { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; list-style: none; cursor: pointer; font-weight: 600; line-height: 1.35; color: var(--oxc-ink); }
.oxx .oh-q summary::-webkit-details-marker { display: none; }
.oxx .oh-q summary i { position: relative; flex: none; width: 16px; height: 16px; }
.oxx .oh-q summary i::before, .oxx .oh-q summary i::after { content: ""; position: absolute; left: 0; right: 0; top: 7px; height: 2px; background: var(--oxc-navy); transition: transform .2s; }
.oxx .oh-q summary i::after { transform: rotate(90deg); }
.oxx .oh-q[open] summary i::after { transform: none; }
.oxx .oh-a { padding: 0 0 18px; font-size: .96em; line-height: 1.6; }
.oxx .oh-a :is(p, ul, ol) + :is(p, ul, ol) { margin-top: .7em; }
.oxx .oh-a a { color: var(--oxc-blue); text-decoration: underline; text-decoration-color: var(--oh-gold); text-underline-offset: 3px; }
@media (min-width: 900px) { .oxx .oh-faq-grid { grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 56px; } }

@media (prefers-reduced-motion: reduce) { .oxx .oh-hero-img img { animation: none; } }