/* =====================================================================
   SKOR X Medical — tema v6 (albastru, colțuri drepte)
   Extras 1:1 din skorx-v6-albastru-drept.html. Design nemodificat.
   Adaugiri minime (meniu mobil) sunt marcate cu "+ SKX".
   ===================================================================== */

:root{
  --bg:#FBFCFE; --ink:#10243F; --muted:#5A6B82; --line:#E2E9F2;
  --accent:#1A86C8; --accent-deep:#12648F; --sky:#E1F1FB; --soft:#F2F6FC;
  --radius:0; --maxw:1140px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}
a{color:inherit;text-decoration:none}
h1,h2,h3{line-height:1.12;letter-spacing:-.02em;font-weight:800}
.eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.btn{display:inline-flex;align-items:center;gap:.5rem;padding:14px 26px;border-radius:0;font-weight:700;font-size:1rem;transition:.2s;cursor:pointer;border:none}
.btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 24px -10px rgba(26,134,200,.55)}
.btn-primary:hover{background:var(--accent-deep);transform:translateY(-2px)}
.btn-ghost{background:#fff;color:var(--ink);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent)}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:0}

header{position:sticky;top:0;z-index:50;background:rgba(251,252,254,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.logo{font-weight:800;font-size:1.25rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.4rem}
.logo .x{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--accent);color:#fff;border-radius:0;font-size:.95rem}
.logo small{font-weight:600;color:var(--muted);font-size:.78rem;letter-spacing:.04em}
.nav-links{display:flex;gap:22px;align-items:center;font-weight:600;font-size:.93rem}
.nav-links a{color:var(--muted)}.nav-links a:hover{color:var(--accent)}
.nav .btn{padding:10px 20px;font-size:.92rem}
@media(max-width:840px){.nav-links{display:none}}

/* hero */
.hero{padding:84px 0 70px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero h1{font-size:clamp(2.3rem,5vw,3.55rem);margin:18px 0 22px}
.hero p{font-size:1.12rem;color:var(--muted);max-width:42ch;margin-bottom:16px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:14px}
.hero-visual{position:relative;border-radius:0;background:linear-gradient(160deg,var(--sky),#CBE7F7);aspect-ratio:4/5;display:flex;align-items:flex-end;padding:26px;overflow:hidden;box-shadow:0 30px 60px -30px rgba(18,100,143,.4)}
.photo-tag{font-size:.78rem;color:var(--accent-deep);background:rgba(255,255,255,.75);padding:6px 12px;border-radius:0;font-weight:600}
.pulse{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.55}
.badge-float{position:absolute;top:24px;right:24px;background:#fff;border-radius:0;padding:14px 18px;box-shadow:0 14px 30px -12px rgba(0,0,0,.16);font-weight:700;font-size:.9rem}
.badge-float span{display:block;font-size:1.6rem;color:var(--accent)}
/* ---- HERO pe mobil: text peste imagine estompată (V1) ---- */
@media(max-width:840px){
  .hero{position:relative;min-height:80vh;min-height:calc(100svh - 74px);display:flex;align-items:flex-end;overflow:hidden;padding:0}
  .hero-grid{grid-template-columns:1fr;gap:0;width:100%;padding:0 24px 36px}
  .hero-grid > div:first-child{position:relative;z-index:2;color:#fff}
  .hero .eyebrow{color:#BFE3F6}
  .hero h1{color:#fff;margin:12px 0 14px}
  .hero p{display:none} /* pe mobil doar titlul, ca să nu acopere poza */
  .hero-visual{position:absolute;inset:0;z-index:0;aspect-ratio:auto;max-height:none;padding:0;box-shadow:none}
  .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
  .hero-visual::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,46,74,.30) 0%,rgba(12,46,74,.58) 46%,rgba(10,36,60,.90) 100%)}
  .badge-float{z-index:3;top:16px;bottom:auto;right:16px}
  .hero-cta{flex-direction:column;gap:10px;margin-top:18px}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-cta .btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
}

section{padding:74px 0}
.section-head{max-width:60ch;margin-bottom:44px}
.section-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:14px 0}
.section-head p{color:var(--muted);font-size:1.08rem}

/* fundaluri alternante secțiuni Home (soft/plain) */
.sec-plain{background:var(--bg)}
.sec-soft{background:var(--soft)}

/* about */
.about{background:var(--soft)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.about-text p{color:var(--muted);margin-bottom:16px;font-size:1.06rem}
.about-text strong{color:var(--ink)}
.about-visual{border-radius:0;background:linear-gradient(160deg,#D2EAF8,#EFF8FC);aspect-ratio:1/1;display:flex;align-items:flex-end;padding:24px}
@media(max-width:840px){.about-grid{grid-template-columns:1fr;gap:28px}.about-visual{aspect-ratio:4/5}}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.step{background:#fff;border:1px solid var(--line);border-radius:0;padding:32px 28px;transition:.25s}
.step:hover{border-color:var(--accent);box-shadow:0 22px 44px -28px rgba(18,100,143,.45);transform:translateY(-4px)}
.step-num{width:46px;height:46px;border-radius:0;background:var(--sky);color:var(--accent-deep);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.15rem;margin-bottom:18px}
.step h3{font-size:1.22rem;margin-bottom:10px}
.step p{color:var(--muted);font-size:.98rem}
@media(max-width:840px){.steps{grid-template-columns:1fr}}

/* reasons */
.reasons{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.reason{padding:28px;border-radius:0;background:var(--soft);border:1px solid var(--line);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.reason:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 22px 44px -28px rgba(18,100,143,.45)}
.reason .ic{width:58px;height:58px;border-radius:0;background:var(--accent);display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .25s ease}
.reason:hover .ic{transform:translateY(-3px) scale(1.08) rotate(-4deg);background:var(--accent-deep)}
.reason .ic i{color:#fff;font-size:1.6rem}
.reason h3{font-size:1.12rem;margin-bottom:8px}
.reason p{color:var(--muted);font-size:.96rem}
@media(max-width:840px){.reasons{grid-template-columns:1fr}}
/* intrare la scroll (o singură dată), activată din JS; fără JS/reduced-motion rămâne vizibil */
.reasons.anim-ready .reason{opacity:0;transform:translateY(18px)}
.reasons.anim-ready.reveal .reason{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.reasons.anim-ready.reveal .reason:nth-child(2){transition-delay:.08s}
.reasons.anim-ready.reveal .reason:nth-child(3){transition-delay:.16s}
.reasons.anim-ready.reveal .reason:nth-child(4){transition-delay:.24s}
.reasons.anim-ready.reveal .reason:nth-child(5){transition-delay:.32s}
@media(prefers-reduced-motion:reduce){.reason,.reason .ic{transition:none}.reason:hover{transform:none}.reason:hover .ic{transform:none}}

/* echipa — grilă (pagina /echipa) */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:840px){.team-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.team-grid{grid-template-columns:1fr}}
.team-card{background:#fff;border:1px solid var(--line);border-radius:0;overflow:hidden;transition:.2s}
.team-card:hover{border-color:var(--accent);box-shadow:0 22px 44px -28px rgba(18,100,143,.45)}
.team-photo{position:relative;aspect-ratio:1/1;background:linear-gradient(160deg,var(--sky),#CBE7F7);display:flex;align-items:center;justify-content:center;overflow:hidden}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block}
.team-initials{font-size:2.6rem;font-weight:800;color:var(--accent-deep)}
.team-body{padding:20px}
.team-body h3{font-size:1.15rem;margin-bottom:4px}
.team-role{color:var(--accent);font-weight:700;font-size:.9rem}
.team-spec{color:var(--muted);font-size:.86rem;margin-top:6px}
.team-body p{color:var(--muted);font-size:.94rem;margin-top:12px}

/* echipa — scroll orizontal (Home) */
.team-scroll{display:flex;gap:20px;overflow-x:auto;padding:6px 2px 18px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.team-scroll::-webkit-scrollbar{height:8px}
.team-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:0}
.team-scroll-card{flex:0 0 210px;scroll-snap-align:start;background:#fff;border:1px solid var(--line);color:inherit;transition:.2s}
.team-scroll-card:hover{border-color:var(--accent);box-shadow:0 22px 44px -28px rgba(18,100,143,.45);transform:translateY(-4px)}
.team-scroll-card .team-photo{aspect-ratio:4/5}
.team-scroll-card h3{font-size:1.05rem;margin:14px 16px 2px}
.team-scroll-card .team-role{margin:0 16px 16px;font-size:.85rem}

/* athletes */
.athletes{background:linear-gradient(135deg,rgba(15,74,110,.90),rgba(26,134,200,.82)),url('../img/sportivi_performanta_skormedical.webp');background-size:cover;background-position:center;color:#fff;border-radius:0;padding:64px 56px;position:relative;overflow:hidden}
/* conținutul stă deasupra cerculețelor decorative */
.athletes > *{position:relative;z-index:1}
/* cerculețe estompate care plutesc lent (în loc de pătratul fix) */
.athletes::before,.athletes::after{content:"";position:absolute;border-radius:50%;pointer-events:none;z-index:0}
.athletes::before{width:230px;height:230px;right:-60px;top:-70px;background:rgba(255,255,255,.06)}
.athletes::after{width:150px;height:150px;left:6%;bottom:-60px;background:rgba(255,255,255,.05)}
@media (prefers-reduced-motion: no-preference){
  body.skx-live .athletes::before{animation:orbDrift 9s ease-in-out infinite alternate}
  body.skx-live .athletes::after{animation:orbDrift2 11s ease-in-out infinite alternate}
}
@keyframes orbDrift{to{transform:translate(-26px,20px)}}
@keyframes orbDrift2{to{transform:translate(22px,-18px)}}
.athletes .eyebrow{color:#B6E0F4}
.athletes h2{font-size:clamp(1.8rem,3.6vw,2.5rem);margin:14px 0 18px;max-width:20ch}
.athletes p{color:rgba(255,255,255,.85);max-width:56ch;font-size:1.08rem;margin-bottom:14px}
.athletes .btn-primary{background:#fff;color:var(--accent-deep);margin-top:18px;box-shadow:none}
.athletes .btn-primary:hover{background:var(--sky)}
@media(max-width:840px){.athletes{padding:44px 28px}}

/* final */
.final{text-align:center;max-width:64ch;margin:0 auto}
.final h2{font-size:clamp(1.9rem,3.8vw,2.7rem);margin:14px 0 18px}
.final p{color:var(--muted);font-size:1.1rem;margin-bottom:28px}

footer{background:#0D2A3A;color:#A6BFCD;padding:52px 0 30px;margin-top:20px}
.foot{display:grid;grid-template-columns:1.5fr 1fr 1.4fr;gap:40px;align-items:start}
@media(max-width:760px){.foot{grid-template-columns:1fr;gap:30px}}
.foot .logo{color:#fff}.foot .logo small{color:#6E8A9C}
.foot-h{color:#fff;font-size:.95rem;font-weight:700;margin-bottom:14px}
.foot-menu{list-style:none;display:flex;flex-direction:column;gap:9px}
.foot-menu a{color:#A6BFCD;font-size:.93rem}
.foot-menu a:hover{color:#fff}
.site-logo{height:56px;width:auto;display:block}
.foot-logo{height:46px;width:auto;display:block;margin-bottom:10px}
.foot-info p{display:flex;gap:11px;align-items:flex-start;font-size:.92rem;margin-bottom:9px;line-height:1.5}
.foot-info i{color:var(--accent);width:16px;margin-top:3px;flex:0 0 16px;text-align:center}
.foot-info a{color:inherit}.foot-info a:hover{color:#fff}

/* carusel „câte 3 pe rând" (Home: afecțiuni, blog) */
.carousel{position:relative}
/* NB: fără scroll-behavior:smooth aici — combinat cu scroll-snap, Chrome derula
   containerul la încărcare și bloca măsurarea LCP (NO_LCP în PageSpeed).
   Săgețile rămân line: scroll-ul smooth se face din JS (scrollBy behavior:'smooth'). */
.car-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:6px 2px 16px}
.car-track::-webkit-scrollbar{height:8px}
.car-track::-webkit-scrollbar-thumb{background:var(--line)}
.car-card{flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start}
@media(max-width:840px){.car-card{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:560px){.car-card{flex-basis:86%}}
.car-btn{position:absolute;top:40%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:1.5rem;line-height:1;cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center}
.car-btn:hover{border-color:var(--accent);color:var(--accent)}
.car-btn:disabled{opacity:.3;cursor:default}
.car-prev{left:-12px}.car-next{right:-12px}
/* pe mobil mutăm săgețile jos, centrate, ca să NU acopere textul cardurilor */
@media(max-width:560px){
  .carousel{padding-bottom:54px}
  .car-btn{top:auto;bottom:8px;transform:none;width:40px;height:40px;font-size:1.35rem;box-shadow:0 6px 18px -8px rgba(8,20,34,.5);background:#fff}
  .car-prev{left:calc(50% - 46px);right:auto}
  .car-next{right:calc(50% - 46px);left:auto}
}

/* carduri afecțiuni */
.cond-card{display:block;color:inherit}
.cond-card:hover{border-color:var(--accent);box-shadow:0 22px 44px -28px rgba(18,100,143,.45);transform:translateY(-4px)}
.cond-img{width:100%;height:150px;object-fit:cover;margin-bottom:14px;border:1px solid var(--line)}
/* indicator „vezi detalii" pe cardurile care duc la o pagină de detaliu */
.card-more{display:inline-flex;align-items:center;gap:7px;margin-top:14px;color:var(--accent);font-weight:700;font-size:.9rem}
.card-more i{transition:transform .2s ease;font-size:.82rem}
.cond-card:hover .card-more i,.blog-card:hover .card-more i{transform:translateX(4px)}
.blog-body .card-more{margin-top:12px}

/* carduri blog */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:840px){.blog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.blog-grid{grid-template-columns:1fr}}
.blog-card{background:#fff;border:1px solid var(--line);color:inherit;display:block;transition:.2s}
.blog-card:hover{border-color:var(--accent);box-shadow:0 22px 44px -28px rgba(18,100,143,.45);transform:translateY(-4px)}
.blog-cover{aspect-ratio:16/10;background:linear-gradient(160deg,var(--sky),#CBE7F7);display:flex;align-items:center;justify-content:center;overflow:hidden}
.blog-cover img{width:100%;height:100%;object-fit:cover}
.blog-cover-ph{font-weight:800;color:var(--accent-deep);letter-spacing:.05em;font-size:1.1rem}
.people-grid .blog-cover{aspect-ratio:4/5}
/* pagina individuală personalitate — poză stânga, text dreapta */
.visitor-single{display:grid;grid-template-columns:360px 1fr;gap:40px;align-items:start}
@media(max-width:760px){.visitor-single{grid-template-columns:1fr;gap:20px}}
.visitor-media img{width:100%;max-height:74vh;object-fit:cover;border:1px solid var(--line);display:block}
.visitor-content h1{font-size:clamp(1.7rem,3vw,2.3rem);margin:6px 0 8px}
.visitor-role{font-size:1.05rem;color:var(--accent);font-weight:700;margin-bottom:16px}
.blog-body{padding:20px}
.blog-date{color:var(--accent);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}
.blog-body h3{font-size:1.12rem;margin:6px 0}
.blog-body p{color:var(--muted);font-size:.92rem}

/* pagina contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
@media(max-width:840px){.contact-grid{grid-template-columns:1fr;gap:28px}}
.contact-info{display:flex;flex-direction:column;gap:18px}
.ci-item{display:flex;flex-direction:column;gap:2px}
.ci-item strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}
.ci-item a,.ci-item span{color:var(--ink);font-size:1.02rem}
.contact-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:14px}
.contact-form input,.contact-form textarea{width:100%;margin-top:6px;padding:12px 14px;border:1.5px solid var(--line);border-radius:0;font:inherit;font-size:1rem;background:#fff}
.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent);border-color:var(--accent)}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:560px){.cf-row{grid-template-columns:1fr}}
.contact-map{margin-top:40px;border:1px solid var(--line);line-height:0}
.cf-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:.9rem;color:var(--muted);margin:4px 0 0}
.cf-check input{width:auto!important;margin:3px 0 0!important}
.cf-check a{color:var(--accent);font-weight:600}

/* pagina Despre + text bogat */
.despre-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:start}
.despre-grid--single{grid-template-columns:1fr}
@media(max-width:760px){.despre-grid{grid-template-columns:1fr;gap:24px}}
.despre-media img{width:100%;border:1px solid var(--line);display:block}
.rich p{color:var(--muted);margin-bottom:14px;line-height:1.8}
.rich strong,.rich b{color:var(--ink)}
.rich h2,.rich h3{margin:20px 0 8px}
.rich ul,.rich ol{margin:0 0 14px 22px;color:var(--muted);line-height:1.8}
.rich a{color:var(--accent);font-weight:600}

/* galerie */
.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media(max-width:840px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
.gallery-item{display:block;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--line);background:var(--soft)}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:.3s}
.gallery-item:hover img{transform:scale(1.05)}
.lb-overlay{position:fixed;inset:0;z-index:300;background:rgba(8,20,34,.92);display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px}
.lb-overlay[hidden]{display:none}
.lb-overlay img{max-width:92vw;max-height:82vh;object-fit:contain;border:1px solid rgba(255,255,255,.15)}
.lb-cap{color:#fff;margin-top:14px;font-size:.95rem;text-align:center}
.lb-close{position:absolute;top:18px;right:24px;color:#fff;font-size:2rem;background:none;border:none;cursor:pointer;line-height:1}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2.4rem;background:none;border:none;cursor:pointer;padding:0 18px}
.lb-prev{left:6px}.lb-next{right:6px}

/* parteneri */
.partners-strip{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:center}
.partner-item{display:flex;align-items:center;justify-content:center;height:160px;min-width:240px;padding:22px 32px;background:#fff;border:1px solid var(--line)}
.partner-item img{max-height:116px;max-width:260px;object-fit:contain;filter:grayscale(1);opacity:.85;transition:.2s}
.partner-item:hover img{filter:none;opacity:1}
.partner-item span{font-weight:700;color:var(--muted)}
@media(max-width:560px){
  .partners-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .partner-item{min-width:0;height:118px;padding:14px 16px}
  .partner-item img{max-height:78px;max-width:100%}
}
/* pe mobil/tabletă nu există hover, deci logo-urile stau direct color */
@media(max-width:840px){.partner-item img{filter:none;opacity:1}}

/* testimoniale Google */
.tst-card{background:#fff;border:1px solid var(--line);padding:24px;display:flex;flex-direction:column;gap:14px}
.tst-head{display:flex;align-items:center;gap:12px}
.tst-avatar{position:relative;width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;flex:0 0 46px}
.tst-gicon{position:absolute;right:-4px;bottom:-4px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 5px rgba(8,20,34,.28);display:flex;align-items:center;justify-content:center}
.tst-name{font-weight:700;font-size:1rem;line-height:1.2}
.tst-source{font-size:.78rem;color:var(--muted);margin-top:2px}
.tst-stars{color:#FBBC05;font-size:.98rem;letter-spacing:2px}
.tst-body{color:var(--muted);font-size:.96rem;line-height:1.65}

/* cifre (stats) + bare de energie crescătoare sub fiecare număr */
.stats-band{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--accent-deep),var(--accent));color:#fff;padding:60px 0}
.stats-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
@media(max-width:840px){.stats-grid{grid-template-columns:1fr 1fr;gap:34px}}
.stat{display:flex;flex-direction:column;align-items:center}
.stat-num{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.02em;line-height:1}
.stat-label{margin-top:8px;color:rgba(255,255,255,.85);font-weight:600;font-size:.95rem}
/* bare crescătoare = „energia crește" */
.stat-bars{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:26px;margin-top:14px}
.stat-bars span{width:5px;border-radius:2px 2px 0 0;transform-origin:bottom;background:linear-gradient(180deg,#fff,rgba(255,255,255,.45))}
.stat-bars span:nth-child(1){height:34%}
.stat-bars span:nth-child(2){height:52%}
.stat-bars span:nth-child(3){height:70%}
.stat-bars span:nth-child(4){height:86%}
.stat-bars span:nth-child(5){height:100%}
/* barele cresc odată cu cifrele (o singură dată) și rămân la maxim */
@media (prefers-reduced-motion: no-preference){
  .stats-band.anim-on .stat-bars span{animation:barRise .95s cubic-bezier(.2,.7,.2,1) both}
  .stats-band.anim-on .stat-bars span:nth-child(1){animation-delay:0s}
  .stats-band.anim-on .stat-bars span:nth-child(2){animation-delay:.22s}
  .stats-band.anim-on .stat-bars span:nth-child(3){animation-delay:.44s}
  .stats-band.anim-on .stat-bars span:nth-child(4){animation-delay:.66s}
  .stats-band.anim-on .stat-bars span:nth-child(5){animation-delay:.88s}
}
@keyframes barRise{from{transform:scaleY(0)}to{transform:scaleY(1)}}

/* FAQ acordeon */
.faq-list{display:flex;flex-direction:column;gap:12px}
.faq-item{border:1px solid var(--line);background:#fff}
.faq-item summary{cursor:pointer;padding:18px 20px;font-weight:700;font-size:1.02rem;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item[open] summary{color:var(--accent)}
.faq-ico{position:relative;width:14px;height:14px;flex:0 0 14px}
.faq-ico::before,.faq-ico::after{content:"";position:absolute;background:var(--accent)}
.faq-ico::before{top:6px;left:0;width:14px;height:2px}
.faq-ico::after{top:0;left:6px;width:2px;height:14px;transition:.2s}
.faq-item[open] .faq-ico::after{transform:scaleY(0)}
.faq-a{padding:0 20px 18px;color:var(--muted);font-size:.98rem;line-height:1.7}

/* CTA fix jos pe mobil (Sună + WhatsApp) */
.mobile-cta{display:none}
@media(max-width:600px){
  header .btn-primary{display:none}
  .mobile-cta{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:150;box-shadow:0 -8px 24px -12px rgba(0,0,0,.3)}
  .mcta-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:15px 8px;font-weight:700;font-size:1.02rem;color:#fff}
  .mcta-btn svg{width:20px;height:20px}
  .mcta-call{background:var(--accent)}
  .mcta-wa{background:#25D366}
  body{padding-bottom:58px}
  .cookie-banner{bottom:58px}
}

.foot-firm{margin-top:14px;font-size:.82rem;line-height:1.6;color:#8AA6B6}
.anpc-sal{display:inline-flex;align-items:center;gap:9px;margin-top:14px;padding:9px 13px;border:1px solid rgba(255,255,255,.18);color:#CFE0EA;font-size:.8rem;line-height:1.2;transition:.2s;max-width:100%}
.anpc-sal i{color:var(--accent);font-size:1rem}
.anpc-sal:hover{background:var(--accent);border-color:var(--accent);color:#fff}
.anpc-sal:hover i{color:#fff}
.anpc-sal-img{display:inline-block;margin-top:14px;line-height:0}
.anpc-sal-img img{display:block;max-width:100%;height:auto}
.foot-social{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}
.foot-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:1.05rem;transition:.2s}
.foot-social a:hover{background:#fff;border-color:#fff;color:var(--accent-deep)}
.foot-social a:hover i{color:var(--accent-deep)}
.foot-legal{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:.82rem}
.foot-legal a{margin-left:16px;color:#A6BFCD}
.foot-legal a:hover{color:#fff}
.foot-legal a.foot-dev{margin-left:0;color:#CFE0EA;font-weight:600}
.foot-legal a.foot-dev:hover{color:var(--accent)}
/* pe mobil: toate elementele din bara legală, unul sub altul */
@media(max-width:600px){
  .foot-legal{flex-direction:column;align-items:center;text-align:center;gap:12px}
  .foot-legal .fl-dev{display:block;margin-top:8px}
  .foot-legal .fl-sep{display:none} /* punctul are sens doar când e pe același rând (desktop) */
  .foot-legal .fl-links{display:flex;flex-direction:column;align-items:center;gap:10px}
  .foot-legal .fl-links a{margin-left:0}
}

/* poze reale în zonele hero + „cine suntem" (umplu tot, colțuri drepte) */
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.about-visual{position:relative;overflow:hidden;padding:0;aspect-ratio:4/5}
.about-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;display:block}

/* pagina legală (politica de cookie-uri) */
.legal h2{font-size:1.15rem;margin:26px 0 8px}
.legal p{color:var(--muted);margin-bottom:12px}
.legal a{color:var(--accent);font-weight:600}

/* banner consimțământ cookie-uri */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#fff;border-top:2px solid var(--accent);box-shadow:0 -12px 40px -20px rgba(0,0,0,.25)}
.cc-inner{max-width:var(--maxw);margin:0 auto;padding:18px 24px;display:flex;gap:24px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.cc-text{flex:1;min-width:280px}
.cc-text strong{font-size:1rem}
.cc-text p{color:var(--muted);font-size:.9rem;margin-top:4px}
.cc-text a{color:var(--accent);font-weight:600}
.cc-prefs{margin-top:14px;display:flex;flex-direction:column;gap:10px}
.cc-prefs[hidden]{display:none}
.cookie-banner[hidden]{display:none}
.cc-row{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--ink)}
.cc-row input{width:18px;height:18px;accent-color:var(--accent)}
.cc-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn-cc{padding:11px 20px;border-radius:0;font-weight:700;font-size:.92rem;cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-family:inherit}
.btn-cc-ghost:hover{border-color:var(--accent);color:var(--accent)}
.btn-cc-primary{background:var(--accent);color:#fff;border-color:var(--accent)}
.btn-cc-primary:hover{background:var(--accent-deep);border-color:var(--accent-deep)}
@media(max-width:700px){.cc-inner{flex-direction:column;gap:14px}.cc-actions{width:100%}.cc-actions .btn-cc{flex:1}}
svg{display:block}

/* + SKX: buton meniu mobil (ascuns pe desktop). Păstrează stilul temei:
   pătrat, accent albastru. Apare doar sub 840px, unde .nav-links dispare. */
.nav-actions{display:flex;align-items:center;gap:12px}
.nav-toggle{display:inline-flex;width:46px;height:46px;border:none;border-radius:0;background:var(--accent);color:#fff;cursor:pointer;align-items:center;justify-content:center}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:"";display:block;width:20px;height:2px;background:#fff;position:relative;transition:.2s}
.nav-toggle span::before{position:absolute;top:-6px}
.nav-toggle span::after{position:absolute;top:6px}

/* meniu lateral (drawer) + estompare */
.drawer-overlay{position:fixed;inset:0;background:rgba(8,20,34,.55);backdrop-filter:blur(3px);z-index:290;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.drawer-overlay.open{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;right:0;height:100%;width:330px;max-width:86vw;background:#fff;z-index:300;transform:translateX(100%);transition:transform .32s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;padding:70px 28px 28px;box-shadow:-24px 0 60px -30px rgba(8,20,34,.5);overflow-y:auto}
.drawer.open{transform:translateX(0)}
.drawer-close{position:absolute;top:16px;right:20px;font-size:2rem;line-height:1;background:none;border:none;color:var(--ink);cursor:pointer}
.drawer-close:hover{color:var(--accent)}
.drawer-nav{display:flex;flex-direction:column}
.drawer-nav a{padding:14px 4px;font-size:1.1rem;font-weight:600;color:var(--ink);border-bottom:1px solid var(--line)}
.drawer-nav a:hover{color:var(--accent);padding-left:8px;transition:.15s}
.drawer-cta{margin-top:26px;justify-content:center}
body.no-scroll{overflow:hidden}
@media(max-width:840px){
  .nav-toggle{display:inline-flex}
  .nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:8px 0}
  .nav-links.open a{padding:14px 24px;width:100%}
}
