/* ==========================================================================
   Pagina principală — stiluri proprii, sub clasa .ac. Se încarcă doar pe „/".
   Hero-ul cu particule și finalul rămân în site.css; aici e tot ce e între ele:
   cele trei tratamente cu scenele lor, clinica, recenziile și clipurile, locul
   cu galeria, întrebările.
   Culoarea de accent se pune pe secțiune (--acc), nu pe pagină: fiecare tratament
   își ține culoarea, iar restul secțiunilor trec, pe rând, prin toate trei.
   ========================================================================== */

/* Titlul paginii e desenat din particule. Textul lui rămâne în pagină pentru cititoarele de ecran și pentru Google;
   fără JavaScript (clasa .js lipsește) se vede ca titlu obișnuit, în locul particulelor. */
.ac .hero h1{position:absolute;left:0;right:0;top:24%;margin:0 auto;padding:0 24px;text-align:center;font-size:clamp(34px,5.4vw,84px);line-height:.98;max-width:17ch}
.js .ac .hero h1{left:auto;right:auto;top:auto;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

/* ---------- 2. cele trei tratamente ---------- */
.ac-trei{padding:110px 0 30px}
.ac-trei .head{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:end;margin-bottom:44px}
.ac-trei h2{font-size:clamp(30px,3.7vw,54px);max-width:20ch}
.ac-trei .head p{color:var(--soft);max-width:48ch}
.ac .usi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ac .usa{--acc:var(--k);position:relative;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:14px 14px 26px;scroll-margin-top:104px;
  transition:border-color .3s,box-shadow .3s,transform .3s}
.ac .usa:hover,.ac .usa:focus-within{border-color:var(--k);box-shadow:0 40px 110px -60px var(--k);transform:translateY(-4px)}
.ac .usa .scena{position:relative;height:clamp(250px,25vw,330px);border-radius:18px;overflow:hidden;background:#0c080e;isolation:isolate}
.ac .usa .scena canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.ac .usa .scena.piele{background:linear-gradient(150deg,#f4d6c1,#dcab8e)}
.ac .usa .scena.termo{background:#0a0d2e}
/* termograma e un corp în picioare: canvasul ia înălțimea scenei și stă pe mijloc */
.ac .usa .scena.termo canvas{inset:0 auto 0 50%;width:auto;height:100%;aspect-ratio:56/80;transform:translateX(-50%)}
.ac .usa .eticheta{position:absolute;left:12px;top:12px;z-index:2;font:700 11.5px var(--b);color:#fff;background:#00000059;padding:6px 11px;border-radius:30px}
.ac .usa .scena.piele .eticheta{color:#2a1a14;background:#ffffff8c}
.ac .usa .scala{position:absolute;left:14px;right:14px;bottom:10px;z-index:2;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;font:700 11.5px var(--b);color:#dff7fb}
.ac .usa .scala i{font-style:normal}
.ac .usa .scala b{height:7px;border-radius:4px;background:linear-gradient(90deg,#1b1f6b 0%,#2d6fd1 24%,#36c5d8 46%,#f4d35e 66%,#f08a24 84%,#d7263d 100%)}
.ac .usa .pret{margin:22px 10px 0;font:700 14.5px var(--b);color:var(--k)}
.ac .usa h3{margin:8px 10px 0;font-size:clamp(23px,2.1vw,31px);line-height:1.03;min-height:2.06em}
.ac .usa h3 a::after{content:"";position:absolute;inset:0;border-radius:28px}      /* toată ușa duce la pagina tratamentului */
html.ed-on .ac .usa h3 a::after{display:none}                                       /* în editorul din admin, fiecare text trebuie să rămână de atins */
.ac .usa > p:not(.pret){margin:14px 10px 0;color:var(--soft);font-size:16.5px;line-height:1.55}
.ac .usa ul{list-style:none;padding:0;margin:18px 10px 0;border-top:1px solid var(--line)}
.ac .usa li{padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;line-height:1.4}
.ac .usa .jos{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:auto 10px 0;padding-top:24px}
.ac .usa .pill{padding:13px 22px;font-size:15px}
.ac .usa .inca{font:700 15px var(--b);color:var(--text);border-bottom:2px solid var(--k);padding-bottom:2px}
.ac .usa .inca:hover{color:var(--k)}

/* ---------- 3. clinica (secțiunea deschisă) ---------- */
.ac-clinica.block{padding:40px 0 60px}
.ac-clinica .doua{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:start}
.ac-clinica h2{font-size:clamp(34px,4.4vw,64px);max-width:13ch}
.ac-clinica .kicker{color:#9a4b45}
.ac-clinica .doua p{max-width:56ch}
.ac-clinica .doua .pill{margin-top:30px}
.ac-clinica .cifre{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}
.ac-clinica .cifre div{padding:26px 20px 28px 0;border-bottom:1px solid var(--line)}
.ac-clinica .cifre div:nth-child(even){padding-left:24px;border-left:1px solid var(--line)}
.ac-clinica .cifre b{display:block;font:700 clamp(38px,4.4vw,66px)/.95 var(--d);letter-spacing:-.05em;color:#9a4b45;white-space:nowrap}
.ac-clinica .cifre span{display:block;margin-top:12px;color:var(--soft);font-size:15.5px;line-height:1.45;max-width:26ch}
.ac-clinica .echipa{margin-top:40px}
.ac-clinica .echipa h3{font-size:20px;margin-bottom:16px}
.ac-clinica .echipa ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}
.ac-clinica .echipa b{display:block;font:700 16px/1.3 var(--b)}
.ac-clinica .echipa span{display:block;margin-top:3px;font-size:14px;color:var(--soft);line-height:1.35}
.ac-clinica .galerie{margin-top:70px;--acc:#9a4b45}

/* ---------- 4. recenzii și clipuri ---------- */
.ac-pareri{--acc:var(--t);padding:20px 0 90px}   /* recenziile, sub clipurile video */
/* nota de pe Google în hero, sub butoane (ca pe epilare, .ep-nota), dar mai mare */
.hero-nota{margin-top:22px;font:600 17px var(--b);color:var(--soft)}
.hero-nota a{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-height:44px;transition:color .25s}
.hero-nota a:hover{color:var(--text)}
.hero-nota .stele{color:#fbbc04;font-size:22px;letter-spacing:3px}
.hero-nota b{font:700 26px/1 var(--d);color:var(--text);letter-spacing:-.03em}
/* pe telefon nota e blocul mare, mov, sub hero (rândul din hero se ascunde); pe desktop secțiunea nu apare */
.ac-nota-mobil{display:none}
.ac-pareri .head{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end;margin-bottom:40px}
.ac-pareri h2{font-size:clamp(34px,4.4vw,64px);max-width:14ch}
.ac-pareri .nota{display:grid;grid-template-columns:auto auto;gap:2px 20px;align-items:center}
.ac-pareri .nota b{grid-row:1/3;font:700 clamp(64px,7vw,108px)/.84 var(--d);letter-spacing:-.06em;color:var(--t)}
.ac-pareri .nota span{align-self:end;font:600 16px var(--b);color:var(--soft)}
.ac-pareri .nota .stele{display:block;font-style:normal;color:#fbbc04;font-size:21px;letter-spacing:4px;margin-bottom:2px}
.ac-pareri .nota a{align-self:start;font:700 15px var(--b);color:var(--t);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.ac-pareri .zid{columns:3;column-gap:18px}
.ac-pareri blockquote{break-inside:avoid;margin:0 0 18px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--k,#ffffff66);border-radius:20px;padding:24px 24px 22px}
.ac-pareri blockquote p{font-size:16.5px;line-height:1.6;color:var(--text)}
.ac-pareri cite{display:block;margin-top:14px;font-style:normal;font-size:14px;color:var(--soft)}
.ac-pareri .video{margin-top:64px}
.ac-video{padding:30px 0 40px}.ac-pareri.ac-video .video{margin-top:0}   /* clipurile, secțiune separată sub clinică */
.ac-pareri .video .sus{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px}
.ac-pareri .video h3{font-size:clamp(24px,2.4vw,34px)}
.ac-pareri .video .sus p{color:var(--soft);margin-top:8px}
.ac .clipuri{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ac .clip{--acc:var(--k,var(--t));position:relative;display:block;width:100%;aspect-ratio:9/16;border-radius:20px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(160deg,#3a2f36,#1c1620);
  padding:0;color:inherit;text-align:left;cursor:pointer;isolation:isolate}
.ac .clip img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ac .clip::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000 45%,#110d13e6 100%)}
.ac .clip:hover{border-color:var(--acc)}
.ac .clip:hover img{transform:scale(1.05)}
.ac .clip .play{position:absolute;left:50%;top:50%;z-index:2;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:16px;background:var(--acc);box-shadow:0 0 40px -6px var(--acc);transition:transform .25s}
.ac .clip .play::after{content:"";position:absolute;left:25px;top:19px;border-style:solid;border-width:12px 0 12px 19px;border-color:transparent transparent transparent #170f14}
.ac .clip:hover .play{transform:scale(1.1)}
.ac .clip .sub{position:absolute;left:16px;right:16px;bottom:14px;z-index:2;font:500 14px/1.35 var(--b);color:var(--soft)}
.ac .clip .sub b{display:block;font:700 12px var(--b);letter-spacing:.12em;text-transform:uppercase;color:var(--acc);margin-bottom:4px}
.ac .clip iframe{position:absolute;inset:0;z-index:4;width:100%;height:100%;border:0;background:#000}
.ac .clip.porneste{cursor:default}
.ac .clip.gol{cursor:default;border-style:dashed;border-color:#ffffff40}
.ac .clip.gol .play{opacity:.35}

/* ---------- 5. locul și galeria ---------- */
.ac-loc{--acc:var(--c);padding:10px 0 100px}
.ac-loc .doua{display:grid;grid-template-columns:1.05fr 1fr;gap:70px;align-items:end}
.ac-loc h2{font-size:clamp(34px,4.4vw,64px);max-width:12ch}
.ac-loc .doua p{color:var(--soft);max-width:52ch;margin-top:22px}
.ac-loc dl{margin:0;border-top:1px solid var(--line)}
.ac-loc dl div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.ac-loc dt{color:var(--soft);font-size:15px}
.ac-loc dd{margin:0;font-weight:600}
.ac-loc dd a{border-bottom:2px solid var(--c)}
.ac-loc .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}


/* ---------- 6. întrebări ---------- */
.ac-intrebari.block{padding:0 0 90px}

@media (max-width:960px){
  .ac-trei{padding:32px 0 10px}   /* pe telefon vine imediat după blocul cu nota */
  .ac-trei .head{grid-template-columns:1fr;gap:18px;margin-bottom:30px}
  .ac .usi{grid-template-columns:1fr;gap:16px}
  .ac .usa{padding:12px 12px 22px;border-radius:24px}
  .ac .usa:hover{transform:none}
  .ac .usa .scena{height:230px}
  .ac .usa .pret{margin-top:18px}
  .ac-clinica.block{padding:20px 0 40px}
  .ac-clinica .doua{grid-template-columns:1fr;gap:34px}
  .ac-clinica .cifre b{font-size:clamp(34px,10vw,52px)}
  .ac-clinica .cifre div{padding:20px 12px 22px 0}
  .ac-clinica .cifre div:nth-child(even){padding-left:16px}
  .ac-clinica .echipa{margin-top:32px}
  .ac-clinica .echipa ul{gap:14px 18px}
  .ac .usa h3{min-height:0}
  .ac-pareri{padding:10px 0 60px}
  .hero-nota{display:none}
  .ac-nota-mobil{display:block;--acc:var(--t);padding:44px 0 0}
  .ac-nota-mobil .nota{display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 18px;align-items:center;
    padding:22px 20px;background:var(--panel);border:1px solid var(--line);border-radius:20px}
  .ac-nota-mobil .nota b{grid-row:1/3;font:700 clamp(68px,22vw,104px)/.84 var(--d);letter-spacing:-.06em;color:var(--t)}
  .ac-nota-mobil .nota span{align-self:end;font:600 15px/1.35 var(--b);color:var(--soft)}
  .ac-nota-mobil .stele{display:block;font-style:normal;color:#fbbc04;font-size:19px;letter-spacing:3px;margin-bottom:4px}
  .ac-nota-mobil .nota a{align-self:start;font:700 14.5px var(--b);color:var(--t);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
  .ac-pareri .head{grid-template-columns:1fr;gap:24px;margin-bottom:28px}
  /* pe telefon, recenziile și clipurile se trag lateral, ca pagina să nu se lungească */
  .ac-pareri .zid{columns:auto;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc((100vw - 100%) / -2);padding:0 24px 6px 0;scrollbar-width:none}
  .ac-pareri .zid::-webkit-scrollbar{display:none}
  .ac-pareri blockquote{flex:0 0 84%;margin:0;scroll-snap-align:start}
  .ac-pareri .video{margin-top:44px}
  .ac-video{padding:10px 0 24px}
  .ac-pareri .video .sus{flex-direction:column;align-items:flex-start;gap:16px}
  .ac .clipuri{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-right:calc((100vw - 100%) / -2);padding:0 24px 6px 0;scrollbar-width:none}
  .ac .clipuri::-webkit-scrollbar{display:none}
  .ac .clip{flex:0 0 58%;scroll-snap-align:start}
  .ac-loc{padding:0 0 64px}
  .ac-loc .doua{grid-template-columns:1fr;gap:28px}
  .ac-loc dl div{grid-template-columns:86px 1fr}
  .ac-intrebari.block{padding:0 0 60px}
}