/* Navigația după Brand book, Ediția 3 (/branding/), pe toate paginile: antetul, panourile mari, meniul de pe telefon, căutarea
   și bara de jos. Variabilele se schimbă doar pe aceste componente, deci paginile care nu au trecut încă la noul stil rămân
   cum sunt. Se încarcă după chrome.css. Panoul: o coloană bleumarin, una albă, una deschisă; în locul cardurilor, rânduri
   despărțite de linii fine, ca pe homepage. */
.oxx :is(.oxc-head, .oxc-sheet, .oxc-palette, .oxc-dock, .oxc-scrim) {
  --oxc-brand: #3b86d1;
  --oxc-navy: #0d2340;
  --oxc-blue: #13315b;
  --oxc-teal: #a67c43;
  --oxc-deep: #0d2340;
  --oxc-deep-2: #13315b;
  --oxc-ink: #14243c;
  --oxc-body: #4d5a6b;
  --oxc-mute: #5f6b7c;
  --oxc-line: #e4e9f1;
  --oxc-line-2: #d5dce6;
  --oxc-soft: #f5f8fc;
  --oxc-tint: #eef3fa;
  --oxc-spectrum: linear-gradient(90deg, #b8935a, #b8935a);
  --oxc-font: "Hanken Grotesk", "Hanken Grotesk Fallback", ui-sans-serif, system-ui, sans-serif;
  --on-serif: Lora, "Lora Fallback", Georgia, serif;
  --on-gold: #b8935a;
  --on-gold-d: #a67c43;
  --on-gold-l: #d9bd8f;
  --on-gold-text: #8a6530; /* etichetele mici pe alb: auriul închis din manual are doar 3,8:1, sub pragul AA */
}
.oxx .oxc-scrim { background: rgb(13 35 64 / .42); }
.oxx :is(.oxc-head, .oxc-sheet, .oxc-palette) .oxc-eyebrow { font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--on-gold-text); }

/* Pe bleumarin, conturul de focus trebuie să rămână vizibil */
.oxx :is(.oxc-needs, .oxc-intro) :focus-visible { outline-color: var(--on-gold-l); }

/* ——— Antetul */
.oxx .oxc-logo img { width: 160px; height: auto; }
.oxx .oxc-top { border-radius: 8px; font: 600 14.5px/1 var(--oxc-font); letter-spacing: 0; }
.oxx .oxc-top[aria-current]::after { height: 2px; border-radius: 0; }
.oxx :is(.oxc-icon, .oxc-search, .oxc-burger, .oxc-cta) { border-radius: 10px; }
.oxx .oxc-call { border-radius: 10px; }
.oxx .oxc-call-txt small { font-weight: 500; }
.oxx .oxc-call-txt b { font-weight: 600; letter-spacing: 0; }
.oxx .oxc-cta { font-weight: 600; letter-spacing: 0; }
.oxx .oxc-cta:hover { background: var(--oxc-blue); }
.oxx .oxc-burger { font-weight: 600; }
@media (max-width: 359px) { .oxx .oxc-burger { gap: 0; padding: 0 11px; font-size: 0; } }

/* ——— Panoul mare */
.oxx .oxc-mega { border: 0; border-radius: 14px; box-shadow: 0 50px 90px -40px rgb(13 35 64 / .5), 0 0 0 1px rgb(13 35 64 / .06); }
.oxx .oxc-mega::after { height: 2px; }
.oxx :is(.oxc-mega-in, .oxc-mega-in.is-cards) { grid-template-columns: 350px minmax(0, 1fr) 310px; padding: 0; }
.oxx .oxc-more { font-weight: 600; }

/* Coloana bleumarin: nevoile; cea aleasă se leagă de panoul alb */
.oxx .oxc-needs { padding: 22px 0 22px 14px; background: var(--oxc-navy); }
.oxx .oxc-needs .oxc-eyebrow { padding: 0 14px 12px 10px; line-height: 1.35; color: var(--on-gold-l); }
.oxx .oxc-need { grid-template-columns: 36px minmax(0, 1fr) 14px; gap: 10px; margin-right: 14px; padding: 7px 12px 7px 10px; border-radius: 10px; color: #fff; }
.oxx .oxc-need:hover { background: rgb(255 255 255 / .07); }
.oxx .oxc-need b { font-weight: 600; letter-spacing: 0; }
.oxx .oxc-need small { font-size: 12.5px; line-height: 1.32; color: #b9c6d8; }
.oxx .oxc-need .oxc-tile-ico { width: 36px; height: 36px; border-radius: 9px; background: rgb(255 255 255 / .09); color: #fff; }
.oxx .oxc-need > svg { color: rgb(255 255 255 / .35); }
.oxx .oxc-need.is-active { margin-right: 0; padding-right: 26px; border-radius: 10px 0 0 10px; background: #fff; color: var(--oxc-navy); }
.oxx .oxc-need.is-active small { color: var(--oxc-body); }
.oxx .oxc-need.is-active .oxc-tile-ico { background: var(--oxc-navy); color: #fff; }
.oxx .oxc-need.is-active > svg { color: var(--on-gold-d); }

/* Coloana albă: nevoia aleasă, primul pas și linkurile ca un mic index */
.oxx .oxc-panes { padding: 24px 32px; border: 0; }
.oxx .oxc-pane-head { align-items: center; margin: 0 0 14px; }
.oxx .oxc-pane-head h2 { font: 400 1.75rem/1.2 var(--on-serif); letter-spacing: -.005em; color: var(--oxc-navy); }
.oxx .oxc-first { padding: 16px 64px 16px 18px; border: 0; border-radius: 12px; background: var(--oxc-soft); transition: background .15s; }
.oxx .oxc-first:hover { border: 0; background: var(--oxc-tint); box-shadow: none; }
.oxx .oxc-first-tag { margin-bottom: 3px; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--on-gold-text); }
.oxx .oxc-first-tag::before { display: none; }
.oxx .oxc-first b { font: 400 1.25rem/1.25 var(--on-serif); letter-spacing: 0; color: var(--oxc-navy); }
.oxx .oxc-first > svg { right: 14px; box-sizing: border-box; width: 36px; height: 36px; padding: 9px; border-radius: 8px; background: var(--oxc-navy); color: #fff; }
.oxx .oxc-links { gap: 0 24px; margin-top: 12px; }
.oxx .oxc-links li { border-bottom: 1px solid var(--oxc-line); }
.oxx .oxc-links a { justify-content: space-between; min-height: 42px; margin: 0; padding: 8px 0; border-radius: 0; color: var(--oxc-ink); font-weight: 500; }
.oxx .oxc-links a::before { display: none; }
.oxx .oxc-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: .4; transform: rotate(45deg); transition: opacity .15s, transform .15s; }
.oxx .oxc-links a:hover { background: none; color: var(--oxc-blue); }
.oxx .oxc-links a:hover::after { opacity: 1; transform: translateX(2px) rotate(45deg); }

/* Coloana deschisă: lista A–Z, locațiile și îndrumarea */
.oxx .oxc-side { gap: 14px; padding: 22px 20px; border-left: 1px solid var(--oxc-line); background: var(--oxc-soft); }
.oxx .oxc-az ul { column-gap: 14px; margin-top: 8px; }
.oxx .oxc-az a:not(.oxc-more) { padding: 3px 0; color: var(--oxc-ink); }
.oxx .oxc-az a:not(.oxc-more):hover { color: var(--oxc-blue); text-decoration: underline; text-decoration-color: var(--on-gold); text-underline-offset: 3px; }
.oxx .oxc-feature { padding: 14px; border: 1px solid var(--oxc-line); border-radius: 12px; background: #fff; color: var(--oxc-body); }
.oxx .oxc-feature::before { display: none; }
.oxx .oxc-feature b { font: 400 1.1rem/1.25 var(--on-serif); letter-spacing: 0; color: var(--oxc-navy); }
.oxx .oxc-feature > span { margin-top: 4px; font-size: 13px; line-height: 1.45; }
.oxx .oxc-feature em { margin-top: 10px; padding: 7px 11px; border-radius: 8px; background: var(--oxc-navy); color: #fff; font-size: 13px; font-weight: 600; }
.oxx .oxc-feature:hover { border-color: var(--oxc-navy); }
.oxx .oxc-mini { gap: 0; }
.oxx .oxc-mini > .oxc-eyebrow { margin-bottom: 8px; }
.oxx .oxc-mini-loc { padding: 11px 0; border: 0; border-top: 1px solid var(--oxc-line-2); border-radius: 0; background: none; }
.oxx .oxc-mini-top a b { font: 500 1.05rem/1.3 var(--on-serif); color: var(--oxc-navy); }
.oxx .oxc-mini-top { margin-bottom: 5px; }
.oxx .oxc-mini-loc small { display: inline; margin: 0 8px 0 0; }
.oxx .oxc-mini-dir { margin-top: 0; font-size: 13px; font-weight: 600; white-space: nowrap; }
.oxx .oxc-mini-dir svg { color: var(--on-gold-d); }

/* Panoul fără nevoi: în stânga introducerea pe bleumarin, în mijloc linkurile ca rânduri */
.oxx .oxc-intro { gap: 12px; padding: 22px; background: var(--oxc-navy); color: #d9e2ee; }
.oxx .oxc-intro .oxc-eyebrow { color: var(--on-gold-l); }
.oxx .oxc-intro h2 { font: 400 1.5rem/1.26 var(--on-serif); letter-spacing: -.005em; color: #fff; }
.oxx .oxc-intro .oxc-note { align-items: flex-start; padding: 0; border-radius: 0; background: none; color: #d9e2ee; font-size: 13px; }
.oxx .oxc-intro .oxc-note svg { margin-top: 1px; color: var(--on-gold); }
.oxx .oxc-intro .oxc-first { padding: 14px 60px 14px 16px; background: #fff; }
.oxx .oxc-intro .oxc-first:hover { background: var(--oxc-tint); }
.oxx .oxc-intro .oxc-first b { font-size: 1.15rem; }
.oxx .oxc-intro .oxc-first > span:not(.oxc-first-tag) { font-size: 13.5px; line-height: 1.45; }
.oxx .oxc-intro .oxc-more { color: #fff; }
.oxx .oxc-intro .oxc-more:hover { color: var(--on-gold-l); }
.oxx .oxc-cardgrid { padding: 8px 28px; border: 0; }
.oxx .oxc-cards { grid-template-columns: minmax(0, 1fr); gap: 0; }
.oxx .oxc-cards li + li { border-top: 1px solid var(--oxc-line); }
.oxx .oxc-card { display: grid; grid-template-columns: 38px minmax(0, 1fr) 18px; align-items: center; gap: 14px; min-height: 62px; padding: 8px 6px; border: 0; border-radius: 0; background: none; transition: background .15s; }
.oxx .oxc-card .oxc-tile-ico { width: 38px; height: 38px; border-radius: 9px; }
.oxx .oxc-card b { font: 400 1.12rem/1.25 var(--on-serif); letter-spacing: 0; color: var(--oxc-navy); }
.oxx .oxc-card small { max-width: none; margin-top: 2px; font-size: 13.5px; color: var(--oxc-body); }
.oxx .oxc-card > svg { position: static; color: var(--oxc-line-2); }
.oxx .oxc-card:hover { border: 0; background: var(--oxc-soft); box-shadow: none; }
.oxx .oxc-card:hover > svg { color: var(--on-gold-d); }
/* Cu puține linkuri, rândurile sunt mai înalte: titlurile cresc odată cu ele */
.oxx .oxc-cards:not(:has(> li:nth-child(5))) .oxc-card { grid-template-columns: 44px minmax(0, 1fr) 18px; }
.oxx .oxc-cards:not(:has(> li:nth-child(5))) .oxc-tile-ico { width: 44px; height: 44px; border-radius: 10px; }
.oxx .oxc-cards:not(:has(> li:nth-child(5))) .oxc-card b { font-size: 1.3rem; }
@media (min-width: 1280px) {
  .oxx .oxc-card > span:not(.oxc-tile-ico) { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; column-gap: 18px; }
  .oxx .oxc-card small { margin-top: 0; }
}
@media (max-width: 1279px) {
  .oxx :is(.oxc-mega-in, .oxc-mega-in.is-cards) { grid-template-columns: 250px minmax(0, 1fr) 272px; }
  .oxx .oxc-panes { padding: 20px 22px; }
  .oxx .oxc-cardgrid { padding: 8px 18px; }
  .oxx .oxc-side { padding: 20px 16px; }
  .oxx .oxc-az ul { column-gap: 12px; }
  .oxx .oxc-az a:not(.oxc-more) { font-size: 12.5px; }
  .oxx .oxc-pane-head h2 { font-size: 1.5rem; }
  .oxx .oxc-need small { display: none; }
}

/* Meniul derulant simplu */
.oxx .oxc-drop { border-radius: 14px; }
.oxx .oxc-drop-link { border-radius: 10px; }
.oxx .oxc-drop-link b { font-weight: 600; letter-spacing: 0; }

/* ——— Meniul de pe telefon */
.oxx .oxc-sheet-scrim { background: rgb(13 35 64 / .5); }
.oxx .oxc-sheet-head img { width: 160px; height: auto; }
.oxx :is(.oxc-close, .oxc-sheet-search, .oxc-pair a) { border-radius: 10px; }
.oxx .oxc-close { font-weight: 600; }
.oxx .oxc-sheet-search { height: 50px; font-size: 15.5px; }
.oxx .oxc-view > .oxc-eyebrow { margin: 20px 2px 8px; }
.oxx .oxc-tiles { gap: 8px; }
.oxx .oxc-tile { gap: 10px; min-height: 92px; padding: 12px; border-radius: 12px; font: 600 14.5px/1.25 var(--oxc-font); letter-spacing: 0; }
.oxx .oxc-tile .oxc-tile-ico { width: 36px; height: 36px; border-radius: 9px; }
.oxx .oxc-rows { margin-top: 18px; }
.oxx .oxc-row { min-height: 54px; font: 400 1.2rem/1.25 var(--on-serif); letter-spacing: 0; color: var(--oxc-navy); }
.oxx .oxc-row.is-minor { min-height: 46px; font: 500 15px/1.3 var(--oxc-font); }
.oxx .oxc-row svg { color: var(--on-gold-d); }
.oxx .oxc-back { font-weight: 600; }
.oxx .oxc-view h2 { font: 400 1.75rem/1.2 var(--on-serif); letter-spacing: -.005em; color: var(--oxc-navy); }
.oxx .oxc-view h2 + p { font-size: 15px; }
.oxx .oxc-view .oxc-links { gap: 0; }
.oxx .oxc-view .oxc-links a { min-height: 48px; border-bottom: 0; font-size: 15.5px; }
.oxx .oxc-view .oxc-drop-link { grid-template-columns: 38px minmax(0, 1fr); padding: 10px 0; }
.oxx .oxc-view .oxc-drop-link b { font: 400 1.12rem/1.25 var(--on-serif); color: var(--oxc-navy); }
.oxx .oxc-view .oxc-drop-link small { font-size: 13.5px; color: var(--oxc-body); }
.oxx .oxc-sheet .oxc-feature { margin-top: 18px; background: var(--oxc-soft); }
.oxx .oxc-sheet-foot .oxc-cta { height: 50px; font-size: 15.5px; }
.oxx .oxc-pair a { height: 46px; font-weight: 600; font-size: 14.5px; }

/* ——— Căutarea: pe ecrane mici, o pagină întreagă; de la 1024 px, un panou sub antet, ca meniurile mari */
@keyframes oxc-pal-drop { from { opacity: 0; transform: translateY(-8px); } }
.oxx .oxc-palette { align-items: stretch; padding: 0; }
.oxx .oxc-palette-box { width: 100%; height: 100%; max-height: none; border-radius: 0; box-shadow: none; animation: oxc-fade .18s; }
.oxx .oxc-palette-form { flex: none; gap: 10px; padding: 0 10px 0 16px; }
.oxx .oxc-palette-form input { height: 60px; font: 500 16px var(--oxc-font); }
.oxx.oxx .oxc-palette-form input:focus-visible { outline: 0; box-shadow: none; border-radius: 0; }
.oxx .oxc-esc { height: 36px; border-radius: 8px; font-weight: 600; }
.oxx .oxc-esc span:first-child { display: none; }
.oxx .oxc-palette-list { padding: 0; }
.oxx .oxc-pal-grid { display: grid; grid-template-columns: minmax(0, 1fr); }
.oxx .oxc-pal-grid[hidden] { display: none; }
.oxx .oxc-pal-col, .oxx .oxc-pal-needs, .oxx .oxc-pal-side { padding: 16px; }
.oxx .oxc-pal-col + .oxc-pal-col { padding-top: 6px; }
.oxx .oxc-pal-side { background: var(--oxc-soft); }
.oxx .oxc-pal-h { padding: 0 0 8px; font-size: 13px; font-weight: 600; letter-spacing: 0; text-transform: none; color: var(--on-gold-text); }
.oxx .oxc-opt { border-radius: 0; padding: 8px 4px; }
.oxx .oxc-opt b { letter-spacing: 0; }
.oxx .oxc-opt .oxc-tile-ico { width: 36px; height: 36px; border-radius: 9px; }
.oxx .oxc-opt[aria-selected="true"], .oxx .oxc-opt:hover { background: var(--oxc-soft); }
.oxx .oxc-opt[aria-selected="true"] > svg, .oxx .oxc-opt:hover > svg { color: var(--on-gold-d); }
.oxx :is(.oxc-pal-col, .oxc-pal-side, .oxc-pal-group) .oxc-opt { grid-template-columns: 36px minmax(0, 1fr) 16px; border-top: 1px solid var(--oxc-line); }
.oxx :is(.oxc-pal-col, .oxc-pal-group) .oxc-opt b { font: 400 1.06rem/1.28 var(--on-serif); color: var(--oxc-navy); white-space: normal; }
.oxx .oxc-pal-col .oxc-opt.is-thumb { grid-template-columns: 48px minmax(0, 1fr) 16px; }
.oxx .oxc-pal-col .oxc-opt.is-thumb b { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.oxx .oxc-thumb { display: block; width: 48px; height: 48px; border-radius: 8px; background: var(--oxc-tint); object-fit: cover; }
.oxx .oxc-pal-side .oxc-opt { min-height: 50px; border-color: var(--oxc-line-2); }
.oxx .oxc-pal-side .oxc-opt b { font-size: 14.5px; font-weight: 600; }
.oxx .oxc-pal-side .oxc-opt:hover, .oxx .oxc-pal-side .oxc-opt[aria-selected="true"] { background: var(--oxc-tint); }
.oxx .oxc-chips { padding: 0; gap: 6px; }
.oxx .oxc-chips .oxc-opt { min-height: 38px; padding: 0 12px 0 6px; border-color: var(--oxc-line-2); border-radius: 10px; }
.oxx .oxc-chips .oxc-opt .oxc-tile-ico { width: 26px; height: 26px; border-radius: 7px; }
.oxx .oxc-chips .oxc-opt b { font-size: 13.5px; font-weight: 600; }
.oxx .oxc-chips .oxc-opt > svg { display: none; }
@media (max-width: 1023px) { .oxx .oxc-chips { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); } .oxx .oxc-chips .oxc-opt { padding-right: 8px; } .oxx .oxc-chips .oxc-opt b { line-height: 1.25; white-space: normal; } }
.oxx .oxc-pal-results { padding: 16px; }
.oxx .oxc-pal-results[hidden] { display: none; }
.oxx .oxc-pal-group + .oxc-pal-group { margin-top: 14px; }
.oxx .oxc-pal-group .oxc-opt.is-plain { grid-template-columns: minmax(0, 1fr) 16px; }
.oxx .oxc-pal-all { margin: 14px 0 0; padding: 12px 0 0; font-weight: 600; }
.oxx .oxc-pal-empty { padding: 12px 0; }
@media (min-width: 1024px) {
  .oxx .oxc-palette { z-index: 58; align-items: flex-start; padding: calc(var(--oxc-head-h) + 8px) var(--oxc-gutter) 16px; }
  .oxx .oxc-palette-scrim { background: rgb(13 35 64 / .42); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }
  .oxx .oxc-palette-box { width: min(calc(1440px - 2 * var(--oxc-gutter)), 100%); height: auto; max-height: calc(100dvh - var(--oxc-head-h) - 24px); border-radius: 14px; box-shadow: 0 50px 90px -40px rgb(13 35 64 / .5), 0 0 0 1px rgb(13 35 64 / .06); animation: oxc-pal-drop .2s var(--oxc-ease); }
  .oxx .oxc-palette-form { padding: 0 14px 0 24px; }
  .oxx .oxc-palette-form input { height: 64px; font-size: 18px; }
  .oxx .oxc-esc span:first-child { display: inline; }
  .oxx .oxc-esc span:last-child { display: none; }
  .oxx .oxc-pal-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 300px; }
  .oxx .oxc-pal-col, .oxx .oxc-pal-col + .oxc-pal-col { padding: 18px 24px 16px; }
  .oxx .oxc-pal-col + .oxc-pal-col { border-left: 1px solid var(--oxc-line); }
  .oxx .oxc-pal-side { grid-column: 3; grid-row: 1; padding: 18px 20px 16px; border-left: 1px solid var(--oxc-line); }
  .oxx .oxc-pal-needs { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: 16px; padding: 12px 24px; border-top: 1px solid var(--oxc-line); }
  .oxx .oxc-pal-needs .oxc-pal-h { flex: none; padding: 0; }
  .oxx .oxc-pal-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; gap: 18px 48px; padding: 18px 24px 20px; }
  .oxx .oxc-pal-group + .oxc-pal-group { margin-top: 0; }
  .oxx :is(.oxc-pal-all, .oxc-pal-empty) { grid-column: 1 / -1; }
  .oxx .oxc-pal-all { margin: 0; }
}
.oxx .oxc-search[aria-expanded="true"] { border-color: var(--oxc-navy); background: #fff; color: var(--oxc-ink); }

/* ——— Bara de jos */
.oxx .oxc-dock a { border-radius: 10px; font-weight: 600; }