
:root{
  /* Paleta „BrainScan-fresh 2026" - violet electric + verde mint + coral */
  --orange:#6F42F3; --indigo:#171334; --blue:#2E1F6E; --teal:#22C77E; --violet:#FF5D73;
  --cream:#F6F4FF; --ink:#1A1A2E; --muted:#556070; --line:#E7E3FF;
  --accent:var(--orange); --accent2:var(--indigo);
  --grad-btn:linear-gradient(135deg,#8B68F6 0%,#6F42F3 100%);
  --radius:20px; --shadow:0 18px 50px rgba(23,19,52,.12);
}
body[data-world="wellness"]{--accent:#22C77E;--grad-btn:linear-gradient(135deg,#60E780 0%,#22C77E 100%)}
body[data-world="academia"]{--accent:#FF5D73;--grad-btn:linear-gradient(135deg,#FF8A9B 0%,#FF5D73 100%)}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,.display{font-family:'Sora',sans-serif;line-height:1.1;letter-spacing:-.02em;color:var(--indigo)}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.wrap{max-width:1200px;margin:0 auto;padding:0 28px}
.eyebrow{font-weight:700;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:inline-block;margin-bottom:14px}
.eyebrow.light{color:#C4B5FD}

.btn{display:inline-flex;align-items:center;gap:9px;padding:14px 26px;border-radius:100px;font-weight:600;font-size:14.5px;font-family:'Sora';transition:transform .18s,box-shadow .18s,filter .18s;border:1.5px solid transparent;cursor:pointer;white-space:nowrap}
.btn-grad{background:var(--grad-btn);color:#fff}
.btn-grad:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(19,23,53,.22)}
.btn-white{background:#fff;color:var(--indigo)}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(0,0,0,.22)}
.btn-ghost{border-color:rgba(255,255,255,.55);color:#fff}
.btn-ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn-ink{background:var(--indigo);color:#fff}
.btn-ink:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(11,18,81,.3)}
.btn-line{border-color:var(--line);color:var(--indigo);background:#fff}
.btn-line:hover{border-color:var(--accent);color:var(--accent)}
.btn-sm{padding:11px 20px;font-size:13.5px}
/* spatiere globala: butoanele si randurile de CTA nu se lipesc de text */
.cta-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:26px}
.rpage p+.btn,.rpage h1+.btn,.rpage h2+.btn,.rpage h3+.btn,.rpage ul+.btn,.rpage p+.cta-row{margin-top:24px}
.rpage .btn{margin-top:10px}
.rpage .card .btn{margin-top:auto}

/* Topbar */
/* bara albastra (telefon + selector de limba) ramane vizibila la scroll, iar meniul
   se lipeste imediat sub ea (42px = inaltimea .topbar .wrap) */
.topbar{background:var(--indigo);color:#cdd0e6;font-size:13px;position:sticky;top:0;z-index:61}
.topbar .wrap{display:flex;justify-content:space-between;align-items:center;height:42px;font-weight:500}
.topbar a{color:#eef0fb;display:inline-flex;align-items:center;gap:7px}
.topbar a:hover{color:#fff}
.topbar .tright{display:flex;gap:20px}
@media(max-width:720px){.topbar .tright a:not(.keep){display:none}}

/* World switcher */
.worlds{background:#f2f3fa;border-bottom:1px solid var(--line)}
.worlds .wrap{display:flex;gap:8px;align-items:stretch;height:56px}
.world{flex:1;display:flex;flex-direction:column;justify-content:center;padding:6px 18px;border-radius:0;position:relative;transition:.16s;border-bottom:3px solid transparent}
.world:hover{background:#eaecf6}
.world .wl{font-family:'Sora';font-weight:700;font-size:14.5px;color:var(--indigo);line-height:1.1}
.world .wt{font-size:11px;color:var(--muted);letter-spacing:.02em}
.world.active{background:#fff;border-bottom-color:var(--accent)}
.world.active .wl{color:var(--accent)}
@media(max-width:720px){.worlds .wrap{height:auto;padding:8px 14px}.world .wt{display:none}.world{padding:9px 10px;text-align:center}}

/* Nav + dropdowns */
header.nav{position:sticky;top:42px;z-index:60;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.nav .wrap{max-width:1340px}
.nav-inner{display:flex;align-items:center;gap:14px;height:72px}
.nav-logo{flex:0 0 auto}
.nav-logo img{height:34px;width:auto;max-width:none}
.nav-menu{display:flex;gap:10px;align-items:center;font-weight:500;font-size:13px;margin-left:auto}
.nav-item{position:relative}
.nav-item>a{color:#3a4064;transition:color .15s;display:inline-flex;align-items:center;gap:4px;padding:8px 0;white-space:nowrap}
.nav-item>a:hover,.nav-item.cur>a{color:var(--accent)}
.nav-item .caret{font-size:9px;opacity:.6}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 40px rgba(19,23,53,.14);padding:10px;min-width:250px;opacity:0;visibility:hidden;transition:.18s;display:grid;gap:2px;z-index:70}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(4px)}
.dropdown a{padding:10px 14px;border-radius:9px;font-size:13.5px;color:#3a4064;display:block}
.dropdown a:hover{background:var(--cream);color:var(--accent)}
.dropdown.scroll{min-width:250px}
.dropdown.scroll .dcats{display:grid;gap:2px;padding-bottom:8px;margin-bottom:6px;border-bottom:1px solid var(--line)}
.dropdown.scroll .dcats a{display:block;padding:9px 14px;border-radius:9px;font-size:13.5px;font-weight:600;color:var(--indigo)}
.dropdown.scroll .dcats a:hover{background:var(--cream);color:var(--accent)}
.dropdown.scroll .dcats .nav-sub>a{display:flex;align-items:center;justify-content:space-between}
.dhead{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:2px 14px 8px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.dlist{max-height:min(62vh,430px);overflow-y:auto;overscroll-behavior:contain;display:grid;gap:2px}
.dlist::-webkit-scrollbar{width:8px}
.dlist::-webkit-scrollbar-thumb{background:#d3d7e6;border-radius:8px}
/* fiecare afecțiune → flyout la dreapta cu cele 11 subsecțiuni (poziționat via JS, atașat la body) */
.nav-sub>a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;border-radius:9px;font-size:13.5px;color:#3a4064}
.nav-sub>a:hover{background:var(--cream);color:var(--accent)}
.nav-sub .fly-caret{opacity:.45;font-size:16px;line-height:1}
.flyout{position:fixed;top:0;left:0;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 44px rgba(19,23,53,.18);padding:10px;min-width:250px;display:grid;gap:2px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;z-index:200}
.flyout.open{opacity:1;visibility:visible;pointer-events:auto}
.nav-item.fly-open>.dropdown.scroll{opacity:1;visibility:visible;transform:translateX(-50%)}
.flyout .fhead{font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);padding:4px 14px 8px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.flyout a{padding:9px 14px;border-radius:9px;font-size:13px;color:#3a4064;display:block}
.flyout a:hover{background:var(--cream);color:var(--accent)}
.nav-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}
.nav-actions .btn{white-space:nowrap}
.nav-toggle{display:none;background:none;border:0;font-size:24px;color:var(--indigo);margin-left:auto}
@media(max-width:1360px){
  .nav-menu,.nav-actions .btn{display:none}
  .nav-toggle{display:block}
  /* ===== Meniu mobil: panou accordion (tap deschide în jos), fără hover ===== */
  .nav-menu.mob-open{
    display:flex;flex-direction:column;align-items:stretch;gap:0;
    position:absolute;top:100%;left:0;right:0;
    background:#fff;padding:6px 22px 18px;
    border-bottom:1px solid var(--line);box-shadow:0 24px 34px rgba(19,23,53,.14);
    max-height:calc(100vh - 72px);overflow-y:auto;overscroll-behavior:contain;z-index:90
  }
  .nav-menu.mob-open .nav-item{position:static;width:100%;border-bottom:1px solid #f1f2f8}
  .nav-menu.mob-open .nav-item:last-child{border-bottom:0}
  .nav-menu.mob-open .nav-item>a{
    display:flex;align-items:center;justify-content:space-between;width:100%;
    padding:15px 4px;font-size:16px;font-weight:600;color:var(--indigo)
  }
  .nav-menu.mob-open .nav-item .caret{font-size:12px;opacity:.6;transition:transform .2s}
  .nav-menu.mob-open .nav-item.open>a .caret{transform:rotate(180deg)}
  /* submeniuri: ascunse; apar în jos (accordion), mai mici + indentate */
  .nav-menu.mob-open .dropdown{
    position:static;transform:none;min-width:0;display:none;
    opacity:1;visibility:visible;box-shadow:none;border:0;background:transparent;
    padding:0 0 6px 10px;gap:0
  }
  .nav-menu.mob-open .nav-item.open>.dropdown{display:block}
  .nav-menu.mob-open .dropdown a{font-size:14px;padding:11px 12px;color:#556070;border-radius:8px}
  /* „Pentru" → „Afecțiuni & condiții medicale" (nav-sub cu flyout): încă un nivel accordion, mai mic */
  .nav-menu.mob-open .nav-sub>a{
    display:flex;align-items:center;justify-content:space-between;
    font-size:14px;padding:11px 12px;color:#556070
  }
  .nav-menu.mob-open .nav-sub .fly-caret{transition:transform .2s;opacity:.6}
  .nav-menu.mob-open .nav-sub.open>a .fly-caret{transform:rotate(90deg)}
  .nav-menu.mob-open .flyout{
    position:static;transform:none;min-width:0;display:none;
    opacity:1;visibility:visible;pointer-events:auto;box-shadow:none;border:0;background:transparent;
    padding:0 0 4px 12px
  }
  .nav-menu.mob-open .nav-sub.open>.flyout{display:block}
  .nav-menu.mob-open .flyout .fhead{padding:8px 12px 4px;border:0;color:var(--muted)}
  .nav-menu.mob-open .flyout a{font-size:13px;padding:9px 12px}
}

/* Section base */
.sec{padding:84px 0}
.sec-sm{padding:56px 0}
.sec-head{text-align:center;max-width:820px;margin:0 auto 46px}
.sec-head h2{font-size:clamp(28px,4vw,46px);font-weight:800;margin-bottom:14px}
.sec-head p{color:var(--muted);font-size:17px}
.bg-cream{background:var(--cream)}

/* Footer */
footer{background:#120C30;color:#a9adcf;padding:62px 0 28px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1.7fr 1.3fr 1fr 1.1fr;gap:40px;padding-bottom:38px;border-bottom:1px solid rgba(255,255,255,.1)}
/* locatii pe un rand (wrap la 2), banda full-width deasupra copyright-ului */
.foot-locs{padding:24px 0 6px;border-bottom:1px solid rgba(255,255,255,.1)}
.foot-locs h4{margin:0 0 14px}
.foot-locs .loc-list{display:flex;flex-wrap:wrap;gap:12px 28px}
.foot-locs .loc-list>div{flex:0 0 auto;font-size:13.5px;line-height:1.4}
footer .flogo{height:32px;width:auto;filter:brightness(0) invert(1);margin-bottom:18px}
footer h4{color:#fff;font-family:'Sora';font-size:14px;margin-bottom:16px;letter-spacing:.04em}
footer ul{list-style:none;display:grid;gap:9px}
footer a:hover{color:#fff}
.loc-list{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;font-size:13px}
.loc-list b{color:#fff;font-weight:600;font-family:'Sora';font-size:13px}
.loc-list span{color:#8a8fb5}
/* Siglele ANPC (SOL + SAL) in footer, ca pe originalul lor - si DOAR acolo.
   Erau lipite sub cardurile de locatii pe paginile de protocol si lipseau din
   footer cu totul (cerinta 6 din feedbackul clientei, 3 aug). Sunt obligatorii
   legal, deci nu se sterg, se muta. Selector cu „footer" in fata ca sa bata
   regula generica „img{height:auto}". */
.foot-anpc{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;margin:30px 0 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.10)}
footer .foot-anpc img{height:52px;width:auto;max-width:none;max-height:52px;margin:0;border-radius:6px;box-shadow:none;display:block}
footer .foot-anpc a{display:block;line-height:0;opacity:.92;transition:opacity .15s}
footer .foot-anpc a:hover{opacity:1}
@media(max-width:520px){footer .foot-anpc img{height:44px;max-height:44px}}

.foot-bottom{padding-top:22px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:12.5px;color:#7c81a6}
.foot-bottom .powered a{color:#c9cdea;font-weight:600}
.foot-bottom .powered a:hover{color:#fff}
@media(max-width:1100px){.foot-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media(max-width:860px){.foot-grid{grid-template-columns:1fr;gap:28px}}

.wa{position:fixed;right:20px;bottom:20px;z-index:80;background:#25D366;color:#fff;font-weight:600;font-family:'Sora';font-size:14px;padding:13px 19px;border-radius:100px;display:inline-flex;gap:9px;align-items:center;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.wa:hover{transform:translateY(-2px)}

/* ── Homepage: creierul în trei ── */
.home-hero{background:linear-gradient(180deg,rgba(11,18,81,.80),rgba(8,13,56,.90)),url(/_assets/wp-content/uploads/2025/07/medium-vecteezy_neural-connection-abstract-design_24496895_medium.jpg) center/cover no-repeat;color:#fff;position:relative;overflow:hidden}
/* același strat luminos ca pe af-hero (cerința Dariei: fundalul hero identic pe tot site-ul) */
.home-hero::before{content:"";position:absolute;inset:0;background:url(/_assets/wp-content/uploads/2025/07/medium-vecteezy_neural-connection-abstract-design_24496895_medium.jpg) center/cover no-repeat;opacity:.30;mix-blend-mode:screen;pointer-events:none}
.home-hero .wrap{padding:56px 28px 60px;position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:36px;align-items:center}
.home-hero h1{font-size:clamp(36px,5vw,62px);font-weight:800;color:#fff;margin:6px 0 20px;max-width:14ch}
.home-hero h1 .u{background:linear-gradient(120deg,#8B68F6,#60E780);-webkit-background-clip:text;background-clip:text;color:transparent}
.home-hero p.lede{font-size:clamp(16px,1.7vw,19px);color:#d6d9f2;max-width:52ch;margin-bottom:22px}
.home-hero .mini{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:#C4B5FD}
.home-hero .hint{font-size:13.5px;color:#a9adcf;margin-top:14px}
.home-hero .hint-mobile{display:none}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr;gap:14px;text-align:center}.home-hero h1{margin-left:auto;margin-right:auto}.home-hero p.lede{margin-left:auto;margin-right:auto}.brain-art{order:-1}
  /* pe mobil: hint-ul deasupra creierului, centrat */
  .home-hero .hero-grid>div>.hint{display:none}
  .home-hero .hint-mobile{display:block;order:-2;margin:0 auto 6px;text-align:center}}

/* Creierul împărțit în trei (SVG interactiv) */
.brain-art{position:relative}
.brain3{width:100%;max-width:480px;margin:0 auto;display:block;overflow:visible;filter:drop-shadow(0 26px 55px rgba(0,0,0,.5))}
.brain3 .seg{cursor:pointer;transition:filter .2s}
.brain3 .seg:hover{filter:brightness(1.14)}
.brain3 .seg:hover .flabel{font-size:24px}
.brain3 .flabel{fill:#fff;font-family:'Sora';font-weight:800;font-size:22px;text-anchor:middle;pointer-events:none;paint-order:stroke;stroke:rgba(8,13,56,.35);stroke-width:5px;transition:font-size .18s}
.brain3 .ftag{fill:#fff;opacity:.9;font-family:'Inter';font-weight:600;font-size:11px;letter-spacing:.06em;text-anchor:middle;pointer-events:none;text-transform:uppercase}
.brain3 .gyri{fill:none;stroke:#0a1030;stroke-opacity:.26;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.brain3 .divider{stroke:#fff;stroke-opacity:.42;stroke-width:4;stroke-linecap:round}
.brain3 .outline{fill:none;stroke:#fff;stroke-opacity:.28;stroke-width:3}
.brain3.compact{max-width:400px}
/* highlight secțiune curentă: estompăm celelalte, evidențiem activa */
.brain3[data-active] .seg{transition:filter .25s,opacity .25s}
.brain3[data-active="clinic"] .seg:not(.seg-clinic) *,
.brain3[data-active="wellness"] .seg:not(.seg-wellness) *,
.brain3[data-active="academia"] .seg:not(.seg-academia) *{fill:#2a2f52}
.brain3[data-active="clinic"] .lbl-clinic,
.brain3[data-active="wellness"] .lbl-wellness,
.brain3[data-active="academia"] .lbl-academia{filter:drop-shadow(0 0 3px rgba(255,255,255,.85))}
.brain3[data-active="clinic"] text:not(.lbl-clinic),
.brain3[data-active="wellness"] text:not(.lbl-wellness),
.brain3[data-active="academia"] text:not(.lbl-academia){opacity:.35}
.brain-you{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:100px;padding:7px 15px;font-size:12.5px;font-weight:600;color:#fff;margin-bottom:16px}
.brain-you b{color:#fff}
/* Creierul anatomic real (recolorat pe 3 secțiuni) */
.brain3.brain-real,.brain3.brain-real.compact{max-width:560px;filter:drop-shadow(0 22px 45px rgba(0,0,0,.45))}
.brain-real .seg{cursor:pointer;transition:opacity .25s,filter .25s}
.brain-real .seg path{transition:fill .2s ease,filter .2s ease}
/* Wellness e formată din 2 forme - unific culoarea ca să arate ca o singură secțiune */
.brain-real .seg-wellness path{fill:#22C77E}
/* Hover desktop: zona se aprinde. Schimbarea de fill se repaintează fiabil în Safari
   (filter pe :hover nu se re-desenează - bug WebKit). :has() aprinde toată lumea
   deodată chiar dacă e împărțită în mai multe forme. */
.brain-real:has(.seg-clinic:hover) .seg-clinic path{fill:#8B68F6}
.brain-real:has(.seg-wellness:hover) .seg-wellness path{fill:#60E780}
.brain-real:has(.seg-academia:hover) .seg-academia path{fill:#FF8A9B}
.brain-real .fil5,.brain-real .fil6{pointer-events:none}
.brain-real text.blab{pointer-events:none;fill:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:30px;letter-spacing:.3px;text-anchor:middle;dominant-baseline:central;paint-order:stroke;stroke:rgba(6,10,40,.55);stroke-width:6px;stroke-linejoin:round}
.brain3[data-active="clinic"] .blab:not(.lbl-clinic),
.brain3[data-active="wellness"] .blab:not(.lbl-wellness),
.brain3[data-active="academia"] .blab:not(.lbl-academia){opacity:.32}
/* Animația creierului pe FILL (culoare) - merge fiabil și în Safari, unde animarea
   pe `filter` nu se redă. Fiecare lob se aprinde spre o nuanță mai vie și revine. */
@keyframes pulseClinic  {0%{fill:#6F42F3}7%{fill:#8B68F6}30%{fill:#8B68F6}37%{fill:#6F42F3}100%{fill:#6F42F3}}
@keyframes pulseWellness{0%{fill:#22C77E}7%{fill:#60E780}30%{fill:#60E780}37%{fill:#22C77E}100%{fill:#22C77E}}
@keyframes pulseAcademia{0%{fill:#FF5D73}7%{fill:#FF8A9B}30%{fill:#FF8A9B}37%{fill:#FF5D73}100%{fill:#FF5D73}}
/* pop subtil al întregului creier (transform - sigur în Safari) */
@keyframes brainPop{0%{transform:scale(.975)}55%{transform:scale(1.015)}100%{transform:scale(1)}}

/* Mobil (touch): animație infinită - lobii se aprind pe rând, ~1,5s fiecare */
@media(hover:none) and (pointer:coarse){
  .brain3[data-active=""] .seg-clinic path  {animation:pulseClinic 4.5s ease-in-out 0s infinite}
  .brain3[data-active=""] .seg-wellness path{animation:pulseWellness 4.5s ease-in-out 1.5s infinite}
  .brain3[data-active=""] .seg-academia path{animation:pulseAcademia 4.5s ease-in-out 3s infinite}
}
/* Desktop: o SINGURĂ dată la intrarea pe site - lobii pulsează pe rând (3x) + pop,
   ca să evidențieze că creierul e clickabil. */
@media(hover:hover) and (pointer:fine){
  .brain3[data-active=""].brain-real{animation:brainPop 1.1s cubic-bezier(.2,.8,.2,1) both}
  .brain3[data-active=""] .seg-clinic path  {animation:pulseClinic 1.5s ease-in-out .3s 3}
  .brain3[data-active=""] .seg-wellness path{animation:pulseWellness 1.5s ease-in-out .8s 3}
  .brain3[data-active=""] .seg-academia path{animation:pulseAcademia 1.5s ease-in-out 1.3s 3}
}
@media(prefers-reduced-motion:reduce){
  .brain3[data-active=""] .seg path,.brain3[data-active=""].brain-real{animation:none}
}

.lobes{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1160px;margin:0 auto;padding:0 28px}
.lobe{border-radius:24px;padding:32px 30px 30px;color:#fff;position:relative;overflow:hidden;min-height:340px;display:flex;flex-direction:column;box-shadow:0 30px 60px rgba(8,13,56,.4);transition:transform .22s;text-align:left}
.lobe:hover{transform:translateY(-8px)}
.lobe.l1{background:linear-gradient(160deg,#8B68F6,#6F42F3)}
.lobe.l2{background:linear-gradient(160deg,#34D07A,#189A54)}
.lobe.l3{background:linear-gradient(160deg,#FF8A9B,#F5455E)}
.lobe .lnum{font-family:'Sora';font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;opacity:.85}
.lobe h2{color:#fff;font-size:26px;font-weight:800;margin:10px 0 6px}
.lobe .lsub{font-size:13px;font-weight:700;letter-spacing:.03em;opacity:.92;margin-bottom:14px}
.lobe ul{list-style:none;display:grid;gap:7px;margin-bottom:auto}
.lobe li{font-size:13.5px;opacity:.96;display:flex;gap:8px}
.lobe li:before{content:"→";opacity:.7}
.lobe .go{margin-top:22px;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-family:'Sora';font-size:14px;background:#fff;color:var(--indigo);padding:12px 20px;border-radius:100px;align-self:flex-start;transition:transform .16s}
.lobe .go:hover{transform:translateX(4px)}
.lobe .ghost{position:absolute;right:14px;bottom:-30px;font-family:'Sora';font-weight:800;font-size:150px;opacity:.12;line-height:1;pointer-events:none}

/* Announcement bar (homepage) */
.announce{background:linear-gradient(90deg,#6F42F3,#8B68F6 45%,#60E780);color:#fff;text-align:center;font-size:14px}
.announce .wrap{display:flex;gap:14px;justify-content:center;align-items:center;min-height:46px;flex-wrap:wrap;padding:8px 28px}
.announce b{font-weight:800}
.announce a{color:#fff;text-decoration:underline;text-underline-offset:3px;font-weight:600}

/* AudioBooks */
.abooks-sec{background:var(--cream)}
.abooks-sec .wrap{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;padding:70px 28px}
.abooks-sec img.books{width:100%;border-radius:18px}
.abooks-sec h2{font-size:clamp(28px,3.6vw,42px);font-weight:800;margin:6px 0 14px}
.abooks-sec p{color:var(--muted);font-size:16px;margin-bottom:22px}
.abooks-sec .row{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:26px}
.abooks-sec .price{font-family:'Sora';font-weight:800;color:var(--accent);font-size:22px}
.video-wrap{border-radius:16px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9;background:#000}
.video-wrap iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:880px){.abooks-sec .wrap{grid-template-columns:1fr;gap:28px}}

/* Choose (Unde simți...) */
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ccard{border-radius:24px;padding:36px 32px;color:#fff;position:relative;overflow:hidden;min-height:320px;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:transform .22s}
.ccard:hover{transform:translateY(-6px)}
.ccard.c1{background:linear-gradient(155deg,#8B68F6,#6F42F3)}
.ccard.c2{background:linear-gradient(155deg,#26308f,#0B1251)}
.ccard.c3{background:linear-gradient(155deg,#34D07A,#189A54)}
.ccard .tag{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;opacity:.9}
.ccard h3{font-size:25px;font-weight:800;color:#fff;margin:12px 0 12px}
.ccard p{font-size:15px;opacity:.94;margin-bottom:auto;color:#fff}
.ccard .go2{margin-top:24px;display:inline-flex;align-items:center;gap:9px;font-weight:600;font-family:'Sora';font-size:14px;background:#fff;color:var(--indigo);padding:13px 20px;border-radius:100px;align-self:flex-start;transition:transform .16s}
.ccard .go2:hover{transform:translateX(4px)}
.ccard .ghost-num{position:absolute;right:14px;bottom:-24px;font-family:'Sora';font-weight:800;font-size:140px;opacity:.13;line-height:1;pointer-events:none}
@media(max-width:860px){.card-grid{grid-template-columns:1fr}.ccard{min-height:auto}}

/* Studies list */
.studies{max-width:900px;margin:0 auto 40px;display:grid;gap:14px}
.studies .stitle{font-family:'Sora';font-weight:700;color:var(--indigo);font-size:17px;text-align:center;margin-bottom:6px}
.study{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 20px;font-size:15px}
.study .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--grad-btn);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:2px}

/* Explain / Discovery */
.explain .wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.explain h2{font-size:clamp(28px,3.8vw,44px);font-weight:800;margin:6px 0 8px}
.explain .qeeg{color:var(--muted);font-weight:600;margin-bottom:18px}
.explain p.lead{font-size:16px;color:#3a4064;margin-bottom:16px}
.disc{background:#fff;color:var(--indigo);border:1px solid #e7e9f4;border-radius:20px;padding:14px 30px;box-shadow:var(--shadow)}
.disc h3{color:var(--indigo);font-size:21px;margin:16px 0 6px}
.disc ul{list-style:none;display:grid;gap:0;margin:6px 0 16px}
.disc li{display:flex;gap:11px;align-items:flex-start;font-size:15px;line-height:1.55;color:#39406b;padding:11px 0;border-bottom:1px solid #eef0f8}
/* flex-ul e pentru rândurile cu bulină (.dot); pe text simplu cu <strong> inline ar rupe fraza în coloane */
.disc li:not(:has(.dot)){display:block}
.disc ul li:last-child{border-bottom:0}
.disc li b{color:var(--indigo)}
.disc li a{color:var(--orange)}
.disc .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--orange);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:800}
.disc .price{font-family:'Sora';font-weight:800;font-size:26px;color:var(--indigo);margin-bottom:14px}
/* Caseta de OFERTĂ (.disc care conține un preț): conținutul e scris pentru fundal închis
   (text deschis, buton alb, telefon alb) - deci o randăm ca un card indigo premium care iese în evidență. */
.disc:has(.price),.disc.disc-dark{background:linear-gradient(160deg,#1b2467,#0B1251);border-color:transparent;color:#eef0ff;box-shadow:0 22px 55px rgba(11,18,81,.30)}
.disc:has(.price) h3,.disc:has(.price) .price,.disc:has(.price) li b,.disc:has(.price) p b,.disc:has(.price) strong,.disc.disc-dark h3,.disc.disc-dark .price,.disc.disc-dark li b,.disc.disc-dark p b,.disc.disc-dark strong{color:#fff}
.disc:has(.price) li,.disc.disc-dark li{color:#dfe2f5;border-bottom-color:rgba(255,255,255,.16)}
.disc:has(.price) a[href^="tel"],.disc.disc-dark a[href^="tel"]{color:#fff}
.disc:has(.price) .btn-white,.disc.disc-dark .btn-white{box-shadow:0 10px 26px rgba(0,0,0,.22)}
/* imaginile block dintr-un container centrat (ex. banda „Am apărut și la", timeline) chiar pe mijloc */
[style*="text-align:center"] > img,[style*="text-align: center"] > img{margin-left:auto;margin-right:auto}
/* liste de afecțiuni ca link-carduri compacte + chip-uri + carduri-categorie (global) */
.aff-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.aff-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:17px 22px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);font-weight:700;color:var(--indigo);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
.aff-card:hover{transform:translateY(-3px);border-color:var(--orange);box-shadow:0 14px 26px rgba(11,18,81,.12)}
.aff-card .arw{color:var(--orange);font-weight:800;flex:0 0 auto}
.chip-row{display:flex;flex-wrap:wrap;gap:9px}
.chip{display:inline-block;padding:8px 15px;border-radius:999px;background:#f2f4fb;color:#2a3170;font-size:14px;font-weight:600;line-height:1.2}
.cond-grid{display:grid;grid-template-columns:1fr;gap:20px}
.cond-row3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}
.cond-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 28px;box-shadow:var(--shadow)}
.cond-card h3{font-size:18px;font-weight:800;color:var(--indigo);margin-bottom:16px;display:flex;align-items:center;gap:10px}
.cond-card h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange);flex:0 0 auto}
.cond-card.solo{display:flex;align-items:center;min-height:96px}
.cond-card.solo h3{margin:0}
.img-cap{max-width:640px!important;margin-left:auto;margin-right:auto}
@media(max-width:880px){.explain .wrap{grid-template-columns:1fr;gap:30px}}

/* Comparison table */
.cmp{overflow-x:auto;border-radius:18px;box-shadow:var(--shadow);border:1px solid var(--line)}
table.compare{border-collapse:collapse;width:100%;min-width:820px;font-size:13.5px;background:#fff}
table.compare th,table.compare td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
table.compare thead th{background:var(--indigo);color:#fff;font-family:'Sora';font-weight:600;position:sticky;top:0}
table.compare thead th:first-child{background:#080d38}
table.compare tbody td:first-child{font-weight:600;color:var(--indigo);background:var(--cream)}
table.compare tbody td:nth-child(2){background:#fff6f2;font-weight:500;color:#8a2b17}
table.compare tr:last-child td{border-bottom:0}

/* Results */
.results{display:grid;gap:16px;max-width:920px;margin:0 auto}
.ritem{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 26px;box-shadow:0 8px 24px rgba(19,23,53,.05)}
.ritem h4{font-size:18px;font-weight:700;color:var(--indigo);display:flex;gap:12px;align-items:center;margin-bottom:8px}
.ritem h4 .dot{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--grad-btn);color:#fff;display:grid;place-items:center;font-size:13px;font-weight:800}
.ritem p{color:var(--muted);font-size:15px;padding-left:38px}

/* Steps / team / tech */
.step{margin-bottom:60px}
.step-h{display:flex;gap:16px;align-items:center;margin-bottom:24px}
.step-h .num{flex:0 0 auto;width:52px;height:52px;border-radius:14px;background:var(--grad-btn);color:#fff;display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:22px}
.step-h h3{font-size:clamp(24px,3vw,34px);font-weight:800}
.step>p{color:var(--muted);font-size:16px;max-width:820px;margin-bottom:24px}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.person{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 30px;box-shadow:var(--shadow)}
.person .role{color:var(--accent);font-weight:800;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase}
.person h4{font-family:'Sora';font-size:22px;font-weight:700;color:var(--indigo);margin:8px 0 8px}
.person .cred{color:var(--indigo);font-weight:600;font-size:13.5px;margin-bottom:12px}
.person p{color:var(--muted);font-size:14px}
@media(max-width:760px){.team-grid{grid-template-columns:1fr}}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tcard{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
.tcard .imgwrap{height:190px;background:#f0f2f8;overflow:hidden}
.tcard .imgwrap img{width:100%;height:100%;object-fit:cover}
.tcard .body{padding:22px 24px}
.tcard .top{display:flex;align-items:center;gap:11px;margin-bottom:10px}
.tcard .n{font-family:'Sora';font-size:13px;font-weight:800;color:#fff;background:var(--grad-btn);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}
.tcard b{font-family:'Sora';font-weight:700;font-size:17px;color:var(--indigo)}
.tcard .cap{font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--accent);text-transform:uppercase;margin-bottom:8px}
.tcard .desc{font-size:13.5px;color:#4a5070;margin-bottom:14px}
.tcard .help{font-size:12.5px;font-weight:700;color:var(--indigo);margin-bottom:8px}
.tcard ul{list-style:none;display:grid;gap:7px}
.tcard li{font-size:13px;color:var(--muted);display:flex;gap:8px}
.tcard li:before{content:"✓";color:var(--teal);font-weight:800}
@media(max-width:960px){.tech-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tech-grid{grid-template-columns:1fr}}
.mon-list{max-width:820px;margin:0 auto;list-style:none;display:grid;gap:12px}
.mon-list li{display:flex;gap:12px;font-size:15px;color:#3a4064}
.mon-list .dot{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:var(--grad-btn);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;margin-top:2px}
.mon-note{max-width:820px;margin:22px auto 0;color:var(--muted);font-size:15px;font-style:italic;text-align:center}

/* Testimonials */
.tst{background:var(--cream)}
.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.tcell{background:#fff;border-radius:18px;padding:26px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.tcell .stars{color:#f5a623;font-size:15px;margin-bottom:10px;letter-spacing:2px}
.tcell p{font-size:14px;color:#3a4064;margin-bottom:16px}
.tcell .name{font-family:'Sora';font-weight:700;color:var(--indigo);margin-top:auto}
@media(max-width:900px){.tgrid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.tgrid{grid-template-columns:1fr}}

/* Protocol include */
.protocol{background:radial-gradient(120% 130% at 20% 0%,#8B68F6,#6F42F3 40%,#171334 110%);color:#fff;padding:88px 0}
.protocol .sec-head h2{color:#fff}
.protocol .quote{text-align:center;font-family:'Sora';font-style:italic;font-size:20px;max-width:40ch;margin:0 auto 34px;color:#fff}
.incl{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:30px;max-width:860px;margin:0 auto;backdrop-filter:blur(4px)}
.incl h3{color:#fff;font-size:17px;margin-bottom:18px}
.incl .line{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:14.5px}
.incl .line span{color:#ffe;opacity:.95}
.incl .line b{color:#fff;white-space:nowrap;font-weight:700}
.incl .total{display:flex;justify-content:space-between;padding-top:16px;margin-top:6px;font-family:'Sora';font-weight:700;font-size:16px}
.incl .total .old{text-decoration:line-through;opacity:.7}
.protocol .final{text-align:center;margin-top:36px}
.protocol .price{font-family:'Sora';font-weight:800;font-size:30px;margin-bottom:22px}
@media(max-width:900px){.lobes{grid-template-columns:1fr}.lobe{min-height:auto}}

/* generic cards */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px;box-shadow:var(--shadow);display:flex;flex-direction:column}
.card h3{font-size:19px;font-weight:800;color:var(--indigo);margin-bottom:8px}
.card p{color:var(--muted);font-size:14.5px;margin-bottom:14px}
.card .tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;display:block}
.card>.btn,.card .btn:last-child{margin-top:auto;align-self:flex-start}
.grid-2,.grid-3{align-items:stretch}
/* carduri feature cu gradient (ca pe originalul institutulbrainmap.ro) */
.grad-cards .card{background:linear-gradient(180deg,#141a6b 0%,#3a2566 42%,#8f2f36 100%);border:0;color:#fff}
.grad-cards .card h3,.grad-cards .card h4{color:#fff}
.grad-cards .card p,.grad-cards .card li,.grad-cards .card span{color:rgba(255,255,255,.92)}
.grad-cards .card .tag{color:#ffd9cf}
.grad-cards .card ul{color:rgba(255,255,255,.92)}
/* Video embed (hero) pe paginile Protocolul BrainMap */
.videobox{position:relative;aspect-ratio:16/9;max-width:860px;margin:26px auto;border-radius:20px;overflow:hidden;box-shadow:0 26px 64px rgba(11,18,81,.30)}
.videobox iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
/* Pagini condiție/articol (.rpage): mai mult gradient/culoare, imagini centrate curate (fără float) */
/* imaginile de conținut: plafonate + centrate. EXCLUS iconițele cu height inline (ex. iconițe de card),
   altfel se întind și primesc umbră => apar ca dreptunghiuri albe pe cardurile închise. */
.rpage .sec:not(.af-hero) img:not([style*="height:"]):not([style*="height :"]){max-width:min(380px,100%) !important;max-height:360px;width:auto;margin:16px auto !important;display:block;border-radius:14px;box-shadow:0 16px 38px rgba(11,18,81,.14)}
/* Ritmul textului în articole (cerința 17: „nu există spațiere între paragrafe").
   Resetul global pune margin:0 pe tot, așa că paragrafele se lipeau unul de altul
   și articolul se citea ca un zid. Spațiem DOAR între elemente consecutive de
   text - nu punem margine pe orice <p>, ca să nu se miște cardurile, panourile
   de formular și titlurile de secțiune. */
.rpage .sec p+p,
.rpage .sec p+ul,.rpage .sec p+ol,
.rpage .sec ul+p,.rpage .sec ol+p,
.rpage .sec h3+p,.rpage .sec h4+p,
.rpage .sec .sec-head+p,.rpage .sec .sec-head+ul,.rpage .sec .sec-head+ol{margin-top:18px}
.rpage .sec p+h3,.rpage .sec ul+h3,.rpage .sec ol+h3,
.rpage .sec p+h4,.rpage .sec ul+h4{margin-top:34px}
.rpage .sec .sec-head+h3{margin-top:22px}
.rpage .sec li+li{margin-top:9px}
.rpage .sec ul,.rpage .sec ol{padding-left:22px}
.rpage .sec blockquote{margin-top:22px;padding:16px 20px;border-left:4px solid var(--accent);background:#F6F4FF;border-radius:0 12px 12px 0}
/* în carduri/panouri rămâne compact - acolo nu e text curgător */
.rpage .card p+p,.rpage .ghid-panel p+p,.rpage .ghid-num p+p{margin-top:10px}

/* Captarea de email din caseta „Cum funcționează creierul tău?" a articolelor.
   Acolo statea shortcode-ul [sibwp_form id=4], care nu se randa nici la ei. */
.art-form{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.art-form input{flex:1 1 240px;min-width:0;padding:12px 15px;border:1px solid #d9dcea;border-radius:10px;font:inherit}
.art-form .btn{flex:0 0 auto;margin-top:0}
@media(max-width:520px){.art-form .btn{width:100%}}

/* Imaginile din coloanele two-col (LP-uri & co.): tăiate curat în rama rotunjită,
   umplu coloana în loc să plutească mici cu colțuri drepte. Selectorul repetă
   cele două :not() ca să bată la specificitate regula generică de imagini .rpage
   (altfel poza rămâne plafonată la 380px cu margini => „căsuță" albă în jur). */
.rpage .imgwrap{border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(11,18,81,.16);align-self:center}
.rpage .sec .imgwrap img:not([style*="height:"]):not([style*="height :"]),
.rpage .sec .imgwrap img{max-width:100% !important;width:100%;height:auto;max-height:560px;object-fit:cover;margin:0 !important;border-radius:0;box-shadow:none;display:block}

/* Linkurile-ancoră (#programare etc.) nu se mai ascund sub meniul sticky */
.rpage section[id]{scroll-margin-top:138px}

/* Formularul de programare (.pc-form) - LP-uri + /programare-consultatie-gratuita/.
   Markup-ul e simplu (label+input în div-uri), tot aspectul vine de aici:
   grid 2 coloane pentru datele de contact, câmpuri late pentru restul. */
.pc-form{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px;margin-top:8px}
.pc-form>div{grid-column:span 2;min-width:0}
.pc-form>div:nth-child(-n+4){grid-column:span 1}
.pc-row{display:contents}
.pc-lbl{display:block;font-weight:600;font-size:.95rem;color:var(--indigo,#0B1251);margin-bottom:7px}
.pc-form input[type=text],.pc-form input[type=email],.pc-form input[type=tel],
.pc-form select,.pc-form textarea{width:100%;padding:12px 14px;border:1px solid #d9dcea;border-radius:12px;font:inherit;color:inherit;background:#fff;transition:border-color .15s,box-shadow .15s}
.pc-form select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%230B1251' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}
.pc-form input:focus,.pc-form select:focus,.pc-form textarea:focus{outline:none;border-color:var(--accent,#ED4622);box-shadow:0 0 0 3px rgba(237,70,34,.14)}
.pc-form textarea{resize:vertical;min-height:110px}
.pc-checks{display:flex;flex-wrap:wrap;gap:8px}
.pc-checks label{display:flex;align-items:center;gap:7px;padding:9px 14px;border:1px solid #d9dcea;border-radius:999px;background:#fff;cursor:pointer;user-select:none;transition:border-color .15s,background .15s}
.pc-checks input{accent-color:var(--accent,#ED4622);margin:0}
.pc-checks label:has(input:checked){border-color:var(--accent,#ED4622);background:#FFF3EF;font-weight:600}
.pc-terms{display:flex;gap:10px;align-items:flex-start;background:#F6F7FC;border:1px solid var(--line,#E3E6F2);border-radius:12px;padding:14px 16px}
.pc-terms input{accent-color:var(--accent,#ED4622);margin-top:4px;flex:0 0 auto}
.pc-terms label{font-size:.92rem;color:#4A4F6E;cursor:pointer}
.pc-form .btn{width:100%;text-align:center}
@media(max-width:640px){.pc-form{grid-template-columns:1fr}.pc-form>div,.pc-form>div:nth-child(-n+4),.pc-row>div{grid-column:span 1}}

/* Cuprinsul articolelor (generat din server, vezi injecteazaCuprins) */
.toc-sec .wrap{padding-top:0;padding-bottom:0}
.rpage .sec.toc-sec{padding:26px 0 0}
.toc{max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--line);border-left:4px solid var(--accent);
  border-radius:0 16px 16px 0;padding:22px 26px;box-shadow:0 10px 30px rgba(23,19,52,.07)}
.toc-titlu{font-size:15px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important;margin-bottom:14px}
.toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}
.toc li{margin:0}
.toc li+li{margin-top:9px!important}
.toc a{color:var(--indigo);font-weight:600;font-size:15.5px;line-height:1.5;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.toc a:hover{color:var(--accent);border-bottom-color:var(--accent)}
.toc .toc-h2::before{counter-increment:toc;content:counter(toc) ". ";color:var(--accent);font-weight:800}
.toc .toc-h3{padding-left:24px}
.toc .toc-h3 a{font-weight:500;font-size:14.5px;color:var(--muted)}
/* titlul spre care sari sa nu ramana lipit de bara de meniu */
.rpage h2[id],.rpage h3[id]{scroll-margin-top:138px}
@media(max-width:700px){.toc{padding:18px 20px}}

/* keyword highlight: „light bold" pe cuvinte cheie ca să iasă din blocul de text */
.rpage .kw{font-weight:600;color:var(--indigo)}
.rpage .sec.bg-cream{background:linear-gradient(180deg,#eef1fb,#e8ecfa)}
.rpage .sec:not(.bg-cream):not(.af-hero):nth-of-type(4n+1){background:linear-gradient(180deg,#fff,#f4f6fd)}
.rpage .sec-head h2{position:relative}
.rpage .sec-head[style*="left"] h2{padding-bottom:15px}
.rpage .sec-head[style*="left"] h2::after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:3px;background:var(--grad-btn)}
/* Locații ca grid de căsuțe mici EGALE cu fundal gradient (config-ul butonului), pe 2 rânduri */
/* Cerința 11 (captura din doc): căsuțele mov gradient „nu arată ok" - 6 pe rând,
   înghesuite, grele. Redesign: carduri albe în limbajul restului site-ului. */
.locbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr)) !important;grid-auto-rows:1fr;gap:12px;margin:18px 0}
.locbox{background:#fff;color:#39406b;border:1px solid #e7e9f4;border-radius:14px;padding:14px 16px;box-shadow:0 8px 22px rgba(23,19,52,.06);display:flex;gap:11px;align-items:flex-start;height:100%}
.locbox .pin{flex:0 0 auto;width:30px;height:30px;border-radius:10px;background:#FFF3EF;display:grid;place-items:center;font-size:14px;line-height:1}
.locbox b{display:block;color:var(--indigo,#0B1251);font-family:'Sora';font-size:14px;font-weight:700;margin-bottom:3px;line-height:1.25}
.locbox em{color:#6B7194;font-size:12.5px;line-height:1.4;font-style:normal}
/* Caseta de OFERTĂ pe paginile Protocolul BrainMap - card indigo premium (ca semnătura BrainMap) */
.offer-box{background:linear-gradient(160deg,#1b2467,#0B1251);color:#eef0ff;border-radius:22px;padding:34px 34px 30px;margin:26px 0;box-shadow:0 22px 55px rgba(11,18,81,.30)}
.offer-box h3,.offer-box h4{color:#fff}
.offer-box h4{font-size:20px;margin:0 0 4px}
.offer-box h3{font-family:'Sora';font-weight:800;font-size:26px;margin:16px 0 6px}
.offer-box>p{color:#cfd3f0;margin:6px 0}
.offer-box .artlist ul{margin:12px 0}
.offer-box .artlist li{color:#e7e9ff;margin:8px 0}
.offer-box .artlist li a{color:#ffd0c4}
.offer-box a[href^="tel"]{color:#fff;font-weight:700}
.offer-box img{border-radius:12px;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.rcard{display:grid;grid-template-columns:1fr minmax(240px,300px);gap:0 32px;align-items:stretch}
.rcard-txt{min-width:0}
.rcard-img{width:100%;height:auto;aspect-ratio:3/4;max-height:520px;object-fit:cover;border-radius:14px;margin:0;align-self:center;box-shadow:0 12px 30px rgba(0,0,0,.28)}
@media(max-width:820px){.grid-3{grid-template-columns:1fr}.grid-2{grid-template-columns:1fr}.rcard{grid-template-columns:1fr}.rcard-img{aspect-ratio:16/10;max-height:220px;margin-top:6px}}

.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.stat{background:#fff;border-radius:18px;padding:28px 22px;text-align:center;box-shadow:var(--shadow)}
.stat b{font-family:'Sora';font-size:clamp(30px,3.6vw,44px);font-weight:800;color:var(--accent);display:block;line-height:1}
.stat span{color:var(--muted);font-weight:500;font-size:14px;margin-top:10px;display:block;line-height:1.4}
@media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr)}}

.loc-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:14px;align-items:center}
/* Imaginile orașelor au fundal alb + umbră COAPTE în fișier → decupăm strâns pe
   cercul fotografiei (în interiorul măștii rotunde), altfel rămâne un chenar alb
   urât în jurul medalionului (feedback Daria, 31 iul).
   Zoomul e MĂSURAT, nu ghicit: în toate cele 10 fișiere medalionul plus umbra
   ocupă 83,5% din lățime, deci 1,2 îl încadrează exact, iar 1,26 mai mănâncă și
   inelul de umbră fără să atingă textul. Cu 1,42 cât era înainte tăiam 5% din
   fiecare margine a cercului, adică prima și ultima literă din numele orașului -
   „UCUREȘT", „IMIȘOAR" (cerinta 4 din feedbackul clientei, 3 aug). Peste 1,32
   literele ating marginea, deci 1,26 e maximul sigur.
   Marginile verticale sunt asimetrice pentru că umbra coborâtă mută centrul
   conținutului la 52%, nu la 50%. */
.loc{border-radius:50%;overflow:hidden;aspect-ratio:1;transition:transform .2s}
/* Selectorul lung NU e de decor: regula-ciocan de la „.rpage .sec:not(.af-hero) img"
   prinde orice imagine dintr-o secțiune .sec cu !important si i-ar pune max-width
   380px si margin 16px auto - medalionul iese oval, cu alb in colturi. Pe pagina de
   start nu se vedea, ca acolo secțiunea e .sec-sm; pe /brainmap-harta-creierului/ e
   .sec, si acolo se rupea. Acelasi tipar ca la .ghid-media si .split-media. */
.rpage .sec .wrap .loc-grid .loc.loc img,.loc img{width:142%!important;height:142%!important;max-width:none!important;max-height:none!important;display:block;margin:-21%!important;object-fit:cover;border-radius:0!important;box-shadow:none!important}
.loc:hover{transform:translateY(-5px)}
/* Nu toate paginile au aceleași orașe: una are 9 (fără Bacău), oferta de sărbători
   are 12 (cu Arad și Baia Mare). Modificatorii ăștia țin rândul plin, fără stil
   inline - care ar bate media query-urile de mai jos și ar rupe telefonul. */
.loc-grid.n9{grid-template-columns:repeat(9,1fr)}
.loc-grid.n12{grid-template-columns:repeat(12,1fr);gap:10px}
@media(max-width:1080px){.loc-grid,.loc-grid.n9,.loc-grid.n12{grid-template-columns:repeat(5,1fr);gap:20px}}
@media(max-width:600px){.loc-grid,.loc-grid.n9,.loc-grid.n12{grid-template-columns:repeat(3,1fr)}}

/* ── Pagină de afecțiune ── */
.af-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(11,18,81,.80),rgba(8,13,56,.90)),url(/_assets/wp-content/uploads/2025/07/medium-vecteezy_neural-connection-abstract-design_24496895_medium.jpg) center/cover no-repeat;color:#fff}
.af-hero::before{content:"";position:absolute;inset:0;background:url(/_assets/wp-content/uploads/2025/07/medium-vecteezy_neural-connection-abstract-design_24496895_medium.jpg) center/cover no-repeat;opacity:.30;mix-blend-mode:screen;pointer-events:none}
.af-hero>.wrap{position:relative;z-index:1}
.af-hero .wrap{padding:56px 28px 44px}
.af-hero .crumb{font-size:13px;color:#a9adcf;margin-bottom:14px}
.af-hero .crumb a{color:#cdd0e6}
.af-hero h1{color:#fff;font-size:clamp(32px,4.6vw,54px);font-weight:800;margin-bottom:16px}
.af-hero p{font-size:clamp(16px,1.6vw,19px);color:#dfe2f5;max-width:60ch;margin-bottom:24px}
.af-hero .cta-row{display:flex;gap:12px;flex-wrap:wrap}

/* subnav sticky (cele 11 secțiuni) */
.subnav{position:sticky;top:0;z-index:55;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 6px 18px rgba(19,23,53,.05)}
.subnav .wrap{display:flex;gap:4px;overflow-x:auto;padding:0 20px;scrollbar-width:thin}
.subnav a{white-space:nowrap;padding:15px 14px;font-size:13.5px;font-weight:600;color:#3a4064;border-bottom:3px solid transparent;transition:.15s}
.subnav a:hover{color:var(--accent)}
.subnav a.on{color:var(--accent);border-bottom-color:var(--accent)}

/* Banda de test gratuit - se pune imediat sub .subnav, pe paginile de afectiune
   care au un test propriu (insomnii -> /test-somn/). Componenta e comuna, ca sa
   arate la fel pe toate. Culoarea urmeaza lumea paginii (var(--accent)). */
.test-strip{background:linear-gradient(100deg,var(--indigo) 0%,var(--accent) 118%);color:#fff}
.test-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:36px;padding-bottom:36px;flex-wrap:wrap}
.test-strip .ts-txt{min-width:0}
.test-strip .ts-eyebrow{display:inline-block;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.2);border-radius:100px;padding:6px 15px;margin-bottom:13px}
.test-strip b{display:block;font-family:'Sora',sans-serif;font-size:27px;font-weight:800;letter-spacing:-.01em;line-height:1.2}
.test-strip span.ts-sub{display:block;font-size:16.5px;line-height:1.55;color:rgba(255,255,255,.9);max-width:74ch;margin-top:9px}
.test-strip .btn{flex:0 0 auto;font-size:17.5px;padding:18px 36px;box-shadow:0 14px 32px rgba(0,0,0,.24)}
@media(max-width:820px){
  .test-strip .wrap{flex-direction:column;align-items:flex-start;gap:16px}
  .test-strip .btn{width:100%;justify-content:center}
}

.afsec{padding:64px 0;border-bottom:1px solid var(--line)}
.afsec .lbl{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;display:block}
.afsec h2{font-size:clamp(26px,3.4vw,38px);font-weight:800;margin-bottom:14px}
.afsec .intro{color:var(--muted);font-size:16.5px;max-width:70ch;margin-bottom:26px}
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
/* grila de tipuri vine imediat dupa .split - fara asta primul card se lipeste
   de marginea de jos a imaginii din split-media */
.afsec .split+.type-grid{margin-top:34px}
.type-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff;border:1px solid #DED7F7;border-radius:14px;padding:18px 20px;font-weight:600;color:var(--indigo);font-size:14.5px;box-shadow:0 10px 26px rgba(23,19,52,.07);transition:.16s}
.type-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}
/* DOAR sageata se estompeaza. Regula veche era `.type-btn span` si prindea si
   `<span class="tt">` (titlul + descrierea, pe paginile de afectiuni) - tot
   cardul aparea spalacit, la 50% opacitate. */
.type-btn>span:last-child{opacity:.5;color:var(--accent);font-size:16px;flex:0 0 auto}
.type-btn:hover>span:last-child{opacity:1}
@media(max-width:820px){.type-grid{grid-template-columns:1fr}}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{background:var(--cream);border:1px solid var(--line);border-radius:100px;padding:9px 16px;font-size:13.5px;font-weight:600;color:var(--indigo)}
.linklist{display:grid;gap:10px;margin-top:6px}
.linklist a{display:flex;align-items:center;gap:10px;color:var(--indigo);font-weight:600;font-size:14.5px;padding:6px 0}
.linklist a:before{content:"↗";color:var(--accent)}
.linklist a:hover{color:var(--accent)}
.note{background:#fff6f2;border:1px solid #f6d9cd;border-radius:12px;padding:12px 16px;font-size:13px;color:#8a2b17;margin-top:16px}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}
@media(max-width:860px){.two-col{grid-template-columns:1fr;gap:22px}}
.price-tag{font-family:'Sora';font-weight:800;color:var(--accent);font-size:22px}

/* Ghiduri - „…este potrivit pentru tine dacă": o casetă cu contur portocaliu + cartea alături */
.ghid-fit{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center;max-width:1060px;margin:0 auto}
.ghid-fit.no-book{grid-template-columns:1fr;max-width:820px}
.ghid-box{background:#fff;border:1.5px solid var(--accent);border-radius:22px;padding:32px 36px;box-shadow:0 16px 40px rgba(111,66,243,.12)}
.checks{list-style:none;display:grid;gap:18px;margin:0;padding:0}
.checks li{position:relative;padding-left:36px;color:var(--muted);font-size:15.5px;line-height:1.6}
.checks li strong,.checks li b{color:var(--indigo)}
.checks li::before{content:"✓";position:absolute;left:0;top:-1px;color:var(--accent);font-size:19px;font-weight:800;line-height:1.5}
.rpage .sec .wrap .ghid-fit .ghid-book,.ghid-fit .ghid-book{width:100%!important;max-width:330px!important;height:auto!important;max-height:none!important;margin:0 auto!important;display:block;border-radius:14px!important;box-shadow:none!important;filter:drop-shadow(0 26px 38px rgba(11,18,81,.24))}
/* ---- Pagini de ghid: structura landing page-urilor originale (cerința 19) ------
   Pe original, hero-ul ține tot: titlu, text, formularul ȘI coperta. La noi
   formularul căzuse într-o secțiune albă de dedesubt, iar hero-ul rămăsese cu un
   buton singur - de-aia pagina se citea lungă și goală. Aducem formularul și
   cartea înapoi în hero, dar cu panou de sticlă în loc de câmpuri pe fundal gol,
   ca să rămână limbajul nostru vizual, nu al lor. */
.ghid-hero{position:relative;overflow:hidden}
.ghid-hero .wrap{padding:54px 28px 92px;position:relative;z-index:2}
/* aurora în spatele coperții: două pete de lumină (violetul brandului + mintul din
   Wellness) care se mișcă lent. Fără ea, fundalul de neuroni rămâne plat și mort. */
.ghid-hero::before{content:"";position:absolute;inset:-25% -12% -25% -12%;pointer-events:none;z-index:1;
  background:radial-gradient(42% 52% at 20% 28%,rgba(111,66,243,.55),transparent 70%),
             radial-gradient(38% 48% at 84% 68%,rgba(34,199,126,.26),transparent 72%);
  animation:ghidAurora 22s ease-in-out infinite alternate}
@keyframes ghidAurora{from{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.08)}}

/* Traseul EEG care taie hero-ul de secțiunea următoare: un semnal cerebral, nu o
   linie decorativă oarecare - asta face clinica. Pulsul îl parcurge la nesfârșit. */
.ghid-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:3;line-height:0;pointer-events:none}
.ghid-wave svg{display:block;width:100%;height:118px}
.ghid-wave .val{fill:#eef1fb}
.ghid-wave .eeg-base{fill:none;stroke:rgba(196,181,253,.58);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ghid-wave .eeg-pulse{fill:none;stroke:#A78BFA;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 0 7px rgba(167,139,250,.95));stroke-dasharray:170 3000;stroke-dashoffset:3170;
  animation:ghidEeg 5.5s linear infinite}
@keyframes ghidEeg{to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.ghid-hero::before,.ghid-wave .eeg-pulse{animation:none}}
.ghid-hero-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:48px;align-items:center}
.ghid-hero h1{margin-bottom:16px;font-size:clamp(30px,3.5vw,44px)}
.ghid-hero p{margin-bottom:14px;max-width:52ch}
.ghid-hero .eyebrow{color:#C4B5FD}
/* subtitlurile urcate din secțiunea de sub hero rămâneau indigo pe fundal închis */
.ghid-hero h2,.ghid-hero h3{color:#fff}
.ghid-hero h3{font-size:clamp(18px,2vw,22px);margin-bottom:12px;opacity:.92}
.ghid-panel{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:22px 22px 20px;backdrop-filter:blur(10px);max-width:440px;margin-top:26px}
.ghid-panel label{display:block;color:#e8eaff;font-size:13.5px;font-weight:600;margin-bottom:12px}
/* Pe 14 pagini formularul importat avea el însuși class="card" - adică un card ALB
   în mijlocul panoului de sticlă. Îl dezbrăcăm: panoul e cardul, formularul doar
   ține câmpurile. */
.ghid-panel form,.ghid-panel .card{background:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;margin:0!important;border-radius:0!important;
  display:flex!important;flex-direction:column;gap:0!important}
.ghid-panel h3{color:#fff;font-size:19px;margin:0 0 14px}
.ghid-panel form p{color:#c9cdf0!important;font-size:13.5px!important;text-align:center;margin:12px 0 0!important}
.ghid-panel .btn{margin-top:6px}
.ghid-panel input{width:100%;padding:13px 15px;border:1px solid rgba(255,255,255,.28);border-radius:11px;margin-top:6px;background:#fff;color:var(--ink);font:inherit}
.ghid-panel .btn{width:100%;justify-content:center;margin-top:4px}
.ghid-panel .hint{color:#c9cdf0;font-size:13.5px;text-align:center;margin-top:12px}
.rpage .af-hero.ghid-hero .ghid-hero-media img{width:100%!important;max-width:430px!important;height:auto!important;max-height:none!important;margin:0 auto!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 30px 46px rgba(0,0,0,.45))}
@media(max-width:900px){.ghid-hero-grid{grid-template-columns:1fr;gap:34px}.ghid-panel{max-width:none}}

/* „Acest ghid este potrivit pentru tine dacă": pe original sunt fișe numerotate,
   nu o listă înghesuită într-o cutie. Păstrăm ideea, dar cu numărul în pastilă
   cu gradientul nostru și o fotografie care umple ultima celulă. */
.ghid-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.ghid-num{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 24px;box-shadow:var(--shadow);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.ghid-num:hover{transform:translateY(-6px);border-color:rgba(111,66,243,.38);box-shadow:0 26px 58px rgba(111,66,243,.20)}
.ghid-num .n{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:13px;background:var(--grad-btn);color:#fff;font-family:'Sora',sans-serif;font-weight:800;font-size:17px;margin-bottom:15px}
.ghid-num p{color:var(--muted);font-size:15.5px;line-height:1.62;margin:0}
.ghid-num-media{border-radius:18px;overflow:hidden;box-shadow:var(--shadow);min-height:220px}
.rpage .sec .wrap .ghid-num-media img,.ghid-num-media img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;object-fit:cover;border-radius:18px!important;box-shadow:none!important}
/* fotografia de lângă „În interior, vei descoperi": umplea doar jumătate din
   coloană și rămânea alb în jurul ei. O lăsăm să ocupe coloana. */
.rpage .sec .wrap .ghid-media img,.ghid-media img{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;border-radius:18px!important;box-shadow:var(--shadow)!important}
@media(max-width:980px){.ghid-nums{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ghid-nums{grid-template-columns:1fr}.ghid-num-media{min-height:200px}}

/* .ghid-cut = coperta DECUPATĂ (PNG cu fundal transparent), pe toate paginile de ghid.
   Fără box-shadow și fără border-radius: o umbră dreptunghiulară peste un PNG
   transparent desenează un card alb în jurul cărții - exact „fundalul alb". Umbra o
   dăm din drop-shadow, care urmărește silueta. O lăsăm și mai mare, e produsul paginii.
   Fotografiile (cartea ținută în mână) sunt opace, NU primesc clasa asta și își
   păstrează colțurile rotunjite. Clasa e dublată în selector ca să bată regula
   generică de imagini din .rpage, fără să depindem de ordinea din fișier. */
.rpage .sec .wrap .ghid-cut.ghid-cut,.rpage .sec .ghid-cut.ghid-cut,.ghid-cut.ghid-cut{width:100%!important;max-width:460px!important;height:auto!important;max-height:none!important;margin:0 auto!important;display:block;background:none!important;border:0!important;padding:0!important;border-radius:0!important;box-shadow:none!important;filter:drop-shadow(0 26px 38px rgba(11,18,81,.24))}
/* în „…este potrivit pentru tine dacă" coloana e mai îngustă (.75fr din 1060) */
.rpage .sec .wrap .ghid-fit .ghid-cut.ghid-cut,.ghid-fit .ghid-cut.ghid-cut{max-width:360px!important}
@media(max-width:860px){.ghid-fit{grid-template-columns:1fr;gap:28px}.ghid-box{padding:26px 24px}}

/* două coloane cu imaginea centrată pe verticală (nu lipită sus) */
.two-col.two-col-mid{align-items:center}
/* listă „În interior, vei descoperi" - titlu pe rândul lui, descrierea dedesubt, aliniate la chenar */
.inside-list{list-style:none;margin:0;padding:0;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);overflow:hidden}
.inside-list li{display:block;padding:18px 26px;border-bottom:1px solid #eef0f8}
.inside-list li:last-child{border-bottom:0}
.inside-list li b{display:block;color:var(--indigo);font-family:'Sora';font-weight:700;font-size:15.5px;line-height:1.4;margin-bottom:5px}
.inside-list li b::before{content:"✓";color:var(--accent);font-weight:800;margin-right:9px}
.inside-list li span{display:block;color:var(--muted);font-size:14.5px;line-height:1.6;padding-left:24px}
/* notă de siguranță (ghid prevenția suicidului) */
.safety{display:flex;gap:18px;align-items:flex-start;background:#F3EFFF;border:1.5px solid var(--accent);border-radius:20px;padding:24px 26px}
.safety-ico{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:var(--grad-btn);color:#fff;display:grid;place-items:center;font-size:19px}
.safety h2{font-size:19px;line-height:1.45;color:var(--indigo);margin:0 0 10px;text-align:left}
.safety p{margin:0;color:#7a3a26;font-size:14.5px;line-height:1.6}
.safety p strong{color:var(--accent)}

/* Validare formulare (fără reîncărcarea paginii) */
.field-err{border-color:#e02b2b!important;background:#fff6f6!important}
.err-msg{display:block;margin:6px 2px 0;color:#d32020;font-size:13px;font-weight:600}
.form-msg{border-radius:12px;padding:11px 15px;margin-bottom:14px;font-size:14px;font-weight:600;line-height:1.5}
.form-err{background:#fdecec;border:1.5px solid #e02b2b;color:#c11f1f}
.form-ok{background:#eaf7ef;border:1.5px solid #2e9e5b;color:#1d7a44}

/* „Am apărut și la" - logo-urile media ca strip pe toată lățimea secțiunii */
.strip-label{text-align:center;font-family:'Sora';font-weight:700;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:52px 0 16px}
.logo-strip{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:20px 26px;margin:18px 0 0}
.rpage .sec .wrap .logo-strip img,.logo-strip img{flex:1 1 0;min-width:0;width:auto!important;max-width:130px!important;height:52px!important;max-height:52px!important;margin:0!important;object-fit:contain;border-radius:0!important;box-shadow:none!important}
@media(max-width:820px){.logo-strip{justify-content:center;gap:20px;padding:20px}.rpage .sec .wrap .logo-strip img,.logo-strip img{flex:0 0 auto;height:34px!important;max-height:34px!important;max-width:100px!important}}

/* ===== Pagini de afecțiune (layout compact) ===== */
/* --- Pagina de afecțiune: layout compact, cu imagini și casete colorate --- */
.cond-hero .wrap{padding:52px 28px 46px}
.cond-hero .hero2{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:center}
.cond-hero .eyebrow{color:#C4B5FD}
.cond-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.12;margin-bottom:16px}
.cond-hero .lead{font-size:clamp(16px,1.6vw,18.5px);color:#dfe2f5;margin-bottom:26px}
.cond-media{position:relative;border-radius:22px;overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.35);aspect-ratio:4/3;background:#0B1251}
.rpage .sec .wrap .cond-media.cond-media img,.rpage .cond-media.cond-media img{position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;object-fit:cover;border-radius:0;box-shadow:none}
@media(max-width:900px){.cond-hero .hero2{grid-template-columns:1fr;gap:26px}}

/* rând text + imagine, alternabil */
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:38px;align-items:center}
.split.top{align-items:start}
.split.rev>.split-media{order:-1}
.split-media{position:relative;border-radius:20px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3;max-height:340px;background:#eef1fb}
/* imaginile nu ocupă loc degeaba: mai compacte + cele singulare nu se întind full-width */
.rpage .img-row .split-media:only-child{max-width:560px;margin-left:auto;margin-right:auto}
/* O listă lungă (checkbox-card cu ≥7 puncte) NU stă lângă imagine - imaginea urcă
   sus ca banner landscape, iar lista se întinde pe toată lățimea. */
.rpage .split:has(.checks li:nth-child(7)){display:block}
.rpage .split:has(.checks li:nth-child(7))>.split-media{aspect-ratio:16/6;max-height:260px;max-width:100%;margin:0 0 22px}
/* strip de statistici (cifre mari), fără imagini */
.rpage .stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin:28px auto 0;max-width:1040px}
.rpage .stat-strip .stat{background:#fff;border:1px solid var(--line);border-top:4px solid var(--accent);border-radius:16px;padding:24px 22px;box-shadow:var(--shadow);text-align:center}
.rpage .stat-strip .num{display:block;font-family:'Sora',sans-serif;font-weight:800;font-size:32px;color:var(--accent);line-height:1}
.rpage .stat-strip .lbl{display:block;margin-top:8px;color:var(--muted);font-size:14px;line-height:1.4}
.rpage .split,.rpage .steps,.rpage .type-grid,.rpage .img-row{margin:26px 0}
.rpage .sec .wrap .split-media.split-media img{position:absolute;inset:0;width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;object-fit:cover;border-radius:0;box-shadow:none}
.split p{margin-bottom:12px}
@media(max-width:900px){.split{grid-template-columns:1fr;gap:24px}.split.rev>.split-media{order:0}}

/* citate „ce auzi de la ceilalți" */
.quote-card{background:linear-gradient(155deg,#171334,#3D2A8C);color:#fff;border-radius:22px;padding:30px 32px;box-shadow:var(--shadow)}
.quote-card h3{color:#fff;font-size:17px;margin-bottom:18px}
.quote-card ul{list-style:none;display:grid;gap:14px;margin:0}
.quote-card li{position:relative;padding-left:30px;color:#dfe2f5;font-size:15px;line-height:1.55;font-style:italic}
.quote-card li::before{content:"“";position:absolute;left:0;top:-6px;font-size:30px;color:var(--accent);font-family:'Sora';line-height:1}
.quote-card li::after{content:"”";font-family:'Sora';font-size:30px;color:var(--accent);line-height:0;margin-left:6px;vertical-align:-14px}

/* casetă cu bife (contur portocaliu) */
/* Oferta de pe paginile de protocol: pretul si butonul „Programeaza online".
   Lipsea de tot (cerinta 5 din feedbackul clientei, 3 aug). Pe originalul lor sta
   sub lista de beneficii, in acelasi card, si deschide fluxul de programare.
   Butonul duce la /programeaza-brainmap/, care merge si daca MedSoft nu raspunde:
   degradeaza la formular de cerere, deci nu promitem o plata care nu functioneaza. */
.proto-oferta{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}
.proto-oferta .po-vechi{color:var(--muted);font-size:15px;margin:0 0 4px}
.proto-oferta .po-vechi s{opacity:.75}
.proto-oferta .po-azi{font-family:'Sora';font-weight:800;color:var(--indigo);font-size:19px;margin:0 0 18px}
.proto-oferta .po-azi b{color:var(--accent);font-size:27px;margin-left:4px}
.proto-oferta .btn{width:100%;text-align:center}
@media(min-width:520px){.proto-oferta .btn{width:auto}}

.checkbox-card{background:#fff;border:1.5px solid var(--accent);border-radius:20px;padding:26px 30px;box-shadow:0 16px 40px rgba(111,66,243,.10);margin:26px 0}
.checkbox-card h3{color:var(--indigo);font-size:18px;margin-bottom:16px}
.checks{list-style:none;display:grid;gap:14px;margin:0;padding:0}
.checks li{position:relative;padding-left:34px;color:var(--muted);font-size:15px;line-height:1.6}
.checks li b,.checks li strong{color:var(--indigo)}
.checks li::before{content:"✓";position:absolute;left:0;top:-1px;color:var(--accent);font-size:18px;font-weight:800}

/* tipuri de afecțiune - carduri */
.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.type-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 26px;box-shadow:var(--shadow);border-top:4px solid var(--accent)}
.type-card h3{font-size:17px;color:var(--indigo);margin-bottom:12px}
.type-card p,.type-card li{color:var(--muted);font-size:14.5px;line-height:1.6}
.type-card ul{list-style:none;display:grid;gap:8px;margin:0;padding:0}
.type-card ul li{position:relative;padding-left:18px}
.type-card ul li::before{content:"•";position:absolute;left:0;color:var(--accent);font-weight:800}
@media(max-width:900px){.type-grid{grid-template-columns:1fr}}

/* pași numerotați */
.steps{display:grid;gap:16px;max-width:900px}
.stepc{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px 26px;box-shadow:var(--shadow);display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center}
.stepc .n{width:46px;height:46px;border-radius:50%;background:var(--grad-btn);color:#fff;display:grid;place-items:center;font-family:'Sora';font-weight:800;font-size:18px}
.stepc p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.stepc p b{color:var(--indigo)}

/* Rând „poză + text scurt", varianta fără gol.
   Când textul de lângă poză are 2-3 rânduri, jumătatea lui de secțiune rămânea
   goală. Aici poza stă lângă blocul care are conținut REAL (pașii numerotați),
   iar propoziția de intro trece deasupra, pe toată lățimea. Poza se întinde pe
   toată înălțimea coloanei (object-fit:cover), deci cele două coloane se termină
   la aceeași linie - fără spațiu mort. */
.media-flow{display:grid;grid-template-columns:1fr minmax(280px,430px);gap:34px;align-items:stretch;margin:26px 0}
.media-flow .mf-intro{margin:0 0 18px;max-width:900px}
.media-flow .steps{max-width:none;margin:0}
.media-flow .mf-img{margin:0;border-radius:18px;overflow:hidden;box-shadow:0 18px 42px rgba(11,18,81,.18);min-height:280px}
.rpage .sec .wrap .media-flow .mf-img img{width:100%!important;max-width:none!important;height:100%!important;max-height:none!important;margin:0!important;display:block;object-fit:cover;border-radius:18px}
@media(max-width:900px){
  .media-flow{grid-template-columns:1fr;gap:22px}
  .media-flow .mf-img{min-height:0;max-height:300px}
}

/* bandă gradient (ofertă / CTA) */
.band{background:var(--grad-btn);color:#fff;border-radius:24px;padding:38px 40px;box-shadow:0 26px 60px rgba(111,66,243,.22)}
.band h2{color:#fff;font-size:clamp(22px,2.6vw,30px);margin-bottom:14px}
.band p{color:#ffe9e2;margin-bottom:20px}
.band .checks li{color:#fff5f1}
.band .checks li::before{color:#fff}
.band .btn-white{background:#fff;color:var(--indigo)}

/* card „antrenamente cerebrale" */
.nfb-card{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center;background:linear-gradient(155deg,#0B1251,#161D88);color:#fff;border-radius:24px;padding:36px 38px;box-shadow:var(--shadow)}
.nfb-card h2{color:#fff;font-size:clamp(22px,2.4vw,28px);margin-bottom:12px}
.nfb-card p{color:#dfe2f5;font-size:15px;line-height:1.6;margin-bottom:18px}
.nfb-card .checks li{color:#e9ecff}
.nfb-card .checks li b{color:#fff}
.nfb-card .checks li::before{color:#ff9273}
.rpage .sec .wrap .nfb-card.nfb-card img{width:100%!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;border-radius:16px;box-shadow:none}
@media(max-width:900px){.nfb-card{grid-template-columns:1fr;gap:24px;padding:28px 24px}}

.studiu-link{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px 22px;box-shadow:var(--shadow);color:var(--indigo);font-size:14.5px;line-height:1.5}
.studiu-link .ico{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--grad-btn);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:800}
.studiu-link b{display:block;margin-bottom:4px}
.studiu-link span{color:var(--muted);word-break:break-all;font-size:13px}

/* titlurile de secțiune aliniate cu conținutul (nu centrate ca bloc) */
.rpage .sec-head[style*="left"]{max-width:none;margin-left:0;margin-right:0;margin-bottom:32px}
.rpage .sec-head[style*="left"] h2{font-size:clamp(26px,3.2vw,38px)}
.rpage .sec-head[style*="left"] p{max-width:70ch}

.rpage .txtcol{max-width:900px}
.rpage .txtcol p{margin-bottom:14px}
/* txtwall = fallback lizibil (coloană) până la restructurarea pe secțiuni cu sens */
.rpage .txtwall{max-width:840px}
.rpage .txtwall>p{margin:0 0 14px;color:var(--muted);line-height:1.75}
.rpage .split:has(.txtwall){align-items:start}
.rpage h3.subhead{font-family:'Sora';font-weight:800;font-size:20px;color:var(--indigo);margin:34px 0 14px;padding-left:14px;border-left:4px solid var(--accent)}
.rpage p.hl{background:#F3EFFF;border-left:4px solid var(--accent);border-radius:0 12px 12px 0;padding:14px 18px;color:var(--indigo);font-weight:600;max-width:900px}
/* Chenare cu gradient (culori vechi) pentru texte lungi din paginile de condiție */
.rpage .benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px;margin:26px 0 4px;max-width:1120px}
.rpage .benefit-card{position:relative;background:linear-gradient(158deg,#F6F3FF 0%,#fff 52%);border:1px solid var(--line);border-radius:18px;padding:26px 28px 24px 30px;box-shadow:var(--shadow);overflow:hidden}
.rpage .benefit-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#6F42F3,#FF5D73)}
.rpage .benefit-card h4{font-family:'Sora';font-weight:800;font-size:16.5px;line-height:1.3;color:var(--indigo);margin:0 0 12px}
.rpage .benefit-card p{color:var(--muted);font-size:14.5px;line-height:1.66;margin:0 0 10px}
.rpage .benefit-card p:last-child{margin-bottom:0}
.rpage .benefit-card a{color:var(--accent);font-weight:600}
/* Chenar plin cu gradient (accent puternic) */
.rpage .gradbox{background:linear-gradient(150deg,#171334 0%,#3D2A8C 58%,#6F42F3 100%);color:#fff;border-radius:22px;padding:30px 34px;box-shadow:0 24px 55px rgba(11,18,81,.28);max-width:1000px;margin:26px 0}
.rpage .gradbox h3,.rpage .gradbox h4{color:#fff;font-family:'Sora';font-weight:800;margin:0 0 12px}
.rpage .gradbox p{color:#dfe2f5;font-size:15px;line-height:1.7;margin:0 0 12px}
.rpage .gradbox p:last-child{margin-bottom:0}
.rpage .gradbox p strong,.rpage .gradbox p b,.rpage .gradbox a{color:#fff}
.img-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin:26px 0 0}
.studii-list{display:grid;gap:12px}

/* Linkurile din conținut: hover mov (cerut 31 iul) */
.rpage .sec a:not(.btn):hover{color:#6F42F3 !important}
footer a:hover{color:#8B68F6}
