/* Site – o coloană, o idee pe ecran. Valorile vin din tokens.css. */

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important} /* „hidden” câștigă mereu în fața claselor cu display (altfel apar butoane moarte) */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:4.5rem}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--f-text);font-size:var(--fs-text);line-height:var(--lh-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:2px solid var(--text);outline-offset:3px;border-radius:4px}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:600;line-height:1.15}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--text);color:var(--bg);padding:.6rem 1rem;z-index:50}
.skip:focus{left:1rem;top:1rem}

.col{max-width:calc(var(--col) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.ecran{padding-block:var(--ecran)}
.centru{text-align:center}

/* Tipografie */
.h-ui{font-family:var(--f-ui);font-size:var(--fs-h2);font-weight:600;letter-spacing:-.02em;margin-bottom:1.6rem;text-wrap:balance}
.lead{font-size:1.15em;color:var(--text-2);margin-bottom:1.2rem;text-wrap:pretty}
.mare{font-size:1.35em;line-height:1.45;text-wrap:pretty}
.nota{font-family:var(--f-ui);font-size:var(--fs-mic);color:var(--text-2);margin:.5rem 0 0}
.aforism-mare{font-family:var(--f-titlu);font-style:italic;font-weight:400;font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem);line-height:1.15;color:var(--accent);margin-bottom:1.4rem;text-wrap:balance}
.link{font-family:var(--f-ui);font-weight:600;font-size:1rem}

/* Butoane: cerneală, niciodată roșii */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.1rem;padding:.8rem 1.6rem;border-radius:999px;border:1.5px solid var(--buton-bg);background:var(--buton-bg);color:var(--buton-text);font:600 1.05rem/1.2 var(--f-ui);text-decoration:none;cursor:pointer;transition:transform .2s var(--ease),opacity .2s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:none}
.btn[disabled]{opacity:.5;cursor:default;transform:none}
.btn-contur{background:transparent;color:var(--text)}

/* Bara de sus – 3 intrări (legea 28) */
.bara{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem var(--gutter);background:color-mix(in srgb,var(--bg) 90%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.bara-semn{display:block;width:2.1rem;color:var(--text)}
.bara nav{display:flex;align-items:center;gap:clamp(.9rem,3vw,2rem);font-family:var(--f-ui);font-size:.98rem}
.bara nav a{text-decoration:none}
.bara nav a:hover{text-decoration:underline}
.bara-cta{border:1.5px solid var(--text);border-radius:999px;padding:.35rem .95rem}
@media (max-width:420px){.bara nav a[href$="#cum"]{display:none}}

/* 1. Hero */
.hero{display:grid;gap:2rem;align-items:center;max-width:74rem;margin-inline:auto;padding:clamp(1.5rem,5vh,4rem) var(--gutter) var(--ecran)}
.hero-inima{order:-1;width:min(46vw,13rem);color:var(--text);position:relative;aspect-ratio:100/90;margin-bottom:2.2rem}
.hero-inima canvas{position:absolute;inset:-8%;width:116%!important;height:116%!important}
.hero-inima.gl .hero-svg{visibility:hidden}
.oglinda{font-size:clamp(1.25rem,1.05rem + 1vw,1.6rem);line-height:1.45;margin-bottom:1.6rem;text-wrap:pretty}
.titlu{font-weight:400;margin-bottom:1.2rem;line-height:1.02}
.titlu em{display:block;font-family:var(--f-titlu);font-size:var(--fs-hero);color:var(--accent);letter-spacing:-.005em}
.titlu span{display:block;font-family:var(--f-ui);font-weight:600;font-size:calc(var(--fs-hero)*.72);letter-spacing:-.03em;margin-top:.1em}
.hero-promisiune{font-size:1.15em;color:var(--text-2);max-width:28rem}
.hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:2rem 0 1rem}
.hero-cta .nota{margin:0}
@media (min-width:860px){
  .hero{grid-template-columns:1.25fr 1fr;gap:4rem;min-height:calc(100svh - 3.6rem)}
  .hero-inima{order:0;width:100%;max-width:26rem;justify-self:end;margin-bottom:0}
}


/* 3. Perechi înainte / după */
.perechi{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem}
.perechi li{display:grid;gap:.35rem;padding-bottom:1.6rem;border-bottom:1px solid var(--linie)}
.perechi li:last-child{border-bottom:0}
.inainte{color:var(--text-2);text-decoration:line-through;text-decoration-color:color-mix(in srgb,var(--text-2) 55%,transparent);text-decoration-thickness:1px}
.dupa{font-size:1.18em}
.dupa::before{content:"→ ";color:var(--accent)}

/* 4. Legile */
.parte{margin-top:2.2rem}
.parte-titlu{font:600 .8rem var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin-bottom:.6rem}
.legi{margin:0;padding:0;list-style:none;counter-reset:none}
.legi li{display:grid;grid-template-columns:2.4rem 1fr;padding:.55rem 0;border-bottom:1px solid var(--linie);font-family:var(--f-ui);font-size:1.02rem;line-height:1.4}
.legi li::before{content:attr(value);font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums}
.legi a{font-weight:600}

/* 5. Cititorul – aceeași așezare ca e-book-ul */
.cititor{margin-top:1rem}
.cititor article{padding:2.4rem 0 1rem;border-top:1px solid var(--linie)}
.cititor .kicker,.carte-text .kicker{display:block;font:600 .78rem var(--f-ui);letter-spacing:.18em;text-transform:uppercase;color:var(--text-2);margin-bottom:.4rem}
.cititor h2,.carte-text h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,1.9rem);line-height:1.2;margin:0 0 1.2rem;letter-spacing:-.01em}
.hook{font-size:1.12em;line-height:1.5;padding-left:1rem;border-left:3px solid var(--accent);margin-bottom:1.5em}
.cititor ol,.carte-text ol{padding-left:1.4rem;margin:0 0 1.1em}
.cititor li,.carte-text li{margin-bottom:.45em}
.aforism{font-family:var(--f-titlu);font-style:italic;font-size:1.45em;line-height:1.3;color:var(--accent);margin-top:1.4em}
.citeste-mai-mult{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1rem;margin:2rem 0}
.continua{font-family:var(--f-ui);font-size:1.3rem;font-weight:600;margin-top:2rem}

/* 6. Calculator */
.calc{display:grid;gap:1.1rem;margin-top:1.5rem}
.calc label,.form label{display:grid;gap:.4rem;font:600 1rem var(--f-ui)}
input[type=number],input[type=email],input[type=text],input[type=tel],textarea,select{font:400 1.1rem var(--f-ui);color:var(--text);background:transparent;border:1.5px solid var(--linie);border-radius:.6rem;padding:.75rem .9rem;width:100%;min-height:3.1rem}
input:focus,textarea:focus,select:focus{border-color:var(--text);outline:none}
textarea{min-height:8rem;resize:vertical;line-height:1.5}
.calc .btn{justify-self:start;margin-top:.4rem}
.calc-rezultat{margin-top:2.4rem;font-size:clamp(1.3rem,1.1rem + 1vw,1.7rem);line-height:1.4}
.calc-rezultat p{margin:0 0 .5rem}
.calc-rezultat strong{font-family:var(--f-ui)}
.eroare{color:var(--text);font-family:var(--f-ui);font-size:1rem;border-left:3px solid var(--accent);padding-left:.8rem}

/* 6b. Formular pe un rând */
.linie-form{display:grid;gap:.8rem;margin-top:1rem}
@media (min-width:560px){.linie-form{grid-template-columns:1fr auto}.linie-form>:not(input):not(button){grid-column:1/-1}}
.bifa{display:flex!important;gap:.6rem;align-items:flex-start;font:400 1rem/1.45 var(--f-ui)!important}
.bifa input{margin-top:.25rem;width:1.1rem;height:1.1rem;flex:none;accent-color:var(--text)}
.mesaj{font-family:var(--f-ui);font-size:1.05rem;border-left:3px solid var(--text);padding-left:.8rem;margin:.4rem 0 0}

/* 7. Povești */
.poveste{position:relative;padding:1.6rem 0;border-top:1px solid var(--linie)}
.poveste-cine{font-family:var(--f-ui)}
.poveste-rezultat{font-size:1.15em;margin-bottom:0}
.eticheta-demo{display:inline-block;font:700 .68rem var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);border:1px dashed var(--text-2);border-radius:999px;padding:.1rem .55rem;margin-bottom:.6rem}

/* 8. Cum s-a scris */
.surse{font-family:var(--f-ui);font-size:.95rem;line-height:1.7;color:var(--text-2);margin:2rem 0}
.gafa{margin-top:2.4rem;padding-left:1.2rem;border-left:3px solid var(--text)}
.gafa p{margin:0 0 .3rem}

/* 9. Pachete */
.ancora{font-family:var(--f-ui);font-size:1.1rem;border-left:3px solid var(--accent);padding-left:.9rem;margin-bottom:2rem}
.pachete{display:grid;gap:1.2rem;max-width:74rem;margin:2rem auto 1.5rem;padding-inline:var(--gutter)}
.pachet{display:flex;flex-direction:column;padding:1.8rem 1.6rem;border:1.5px solid var(--linie);border-radius:calc(var(--raza)*1.4)}
.pachet-rec{border-color:var(--text);order:-1}
.pachet-marcaj{font:700 .75rem var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:.8rem}
.pachet-nume{font:600 1.3rem var(--f-ui);margin-bottom:.4rem}
.pret{font:700 2.4rem/1.1 var(--f-ui);letter-spacing:-.03em;margin:.2rem 0 1rem;font-variant-numeric:tabular-nums}
.pachet-include{font-size:1rem;flex:1}
.pachet .btn{width:100%}
.garantie{font-family:var(--f-ui);font-size:.9rem;line-height:1.5;color:var(--text-2);margin:1rem 0 0}
.testimonial{margin:1.6rem 0 0;padding-top:1.2rem;border-top:1px solid var(--linie);font-size:1rem}
.testimonial p{margin:0 0 .4rem}
.testimonial footer{font-family:var(--f-ui);font-size:.9rem;color:var(--text-2)}
@media (min-width:900px){
  .pachete{grid-template-columns:repeat(3,1fr);align-items:stretch}
  .pachet-rec{order:0;transform:translateY(-.6rem)}
}

/* Coperta desenată (până la fotografia reală) */
.foto-carte{margin:0 auto 1rem;max-width:74rem;padding:clamp(2rem,6vw,4rem) var(--gutter);display:grid;justify-items:center;gap:1.2rem}
.foto-carte figcaption{font-family:var(--f-ui);font-size:.9rem;color:var(--text-2);max-width:32rem;text-align:center}
.carte-obiect{--w:min(62vw,17rem);width:var(--w);aspect-ratio:148/210;position:relative;transform:perspective(1400px) rotateY(-14deg) rotateX(3deg);transform-origin:left center;filter:drop-shadow(18px 26px 22px rgba(23,24,29,.22)) drop-shadow(3px 4px 3px rgba(23,24,29,.18))}
.carte-obiect::after{content:"";position:absolute;top:1.2%;bottom:1.2%;right:-2.2%;width:2.4%;background:repeating-linear-gradient(to bottom,#fbf7ee 0 1px,#e6dfd0 1px 2px);border-radius:0 2px 2px 0}
.carte-coperta{position:absolute;inset:0;background:#F2EBDD;color:#17181D;border-radius:2px 4px 4px 2px;overflow:hidden;container-type:inline-size;box-shadow:inset 3px 0 0 rgba(23,24,29,.12),inset 7px 0 10px -6px rgba(23,24,29,.25)}
.carte-coperta>*{position:absolute;left:9.5cqw}
.cc-autor{top:9.5cqw;font:500 2.2cqw var(--f-ui);letter-spacing:.22em;text-transform:uppercase}
.cc-t1{top:31cqw;font:italic 400 14.5cqw/1 var(--f-titlu);color:#C43D2B;white-space:nowrap;left:8.8cqw}
.cc-t2{top:48cqw;font:600 10.1cqw/1 var(--f-ui);letter-spacing:-.02em;white-space:nowrap}
.cc-sub{top:63cqw;width:62cqw;font:300 2.6cqw/1.45 var(--f-ui);color:#4A4A4F}
.cc-inima{top:82cqw;left:36.5cqw;width:54cqw;color:#17181D}
.cc-foot{top:125cqw;font:500 1.9cqw/1.6 var(--f-ui);letter-spacing:.2em;text-transform:uppercase}

/* 10. Obiecții */
.obiectii{margin:0}
.obiectii dt{font:600 1.2rem var(--f-ui);margin-top:1.8rem}
.obiectii dd{margin:.35rem 0 0}

/* 11. Închidere */
.inchidere{text-align:center}
.inchidere-semn{width:4rem;margin:0 auto 2rem;color:var(--text)}
.inchidere .aforism-mare{margin-inline:auto}

/* Subsol */
.subsol{border-top:1px solid var(--linie);padding:3rem 0 4rem;font-family:var(--f-ui);font-size:.92rem;color:var(--text-2)}
.subsol-semn{display:flex;align-items:center;gap:.7rem;color:var(--text);font-size:1rem}
.subsol-semn .semn{width:1.8rem}
.subsol-semn em{font-family:var(--f-titlu);color:var(--accent);font-size:1.15em}
.subsol nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:1.2rem 0}
.subsol nav a{text-decoration:none;color:var(--text)}
.subsol nav a:hover{text-decoration:underline}
.subsol-firma{line-height:1.6}

/* Pagini funcționale */
.pagina{padding-block:clamp(2rem,6vh,4rem) var(--ecran)}
.pagina h1{font-family:var(--f-ui);font-size:var(--fs-h2);letter-spacing:-.02em;margin-bottom:1.4rem;text-wrap:balance}
.form{display:grid;gap:1.1rem}
.form fieldset{border:0;padding:0;margin:0;display:grid;gap:1.1rem}
.form legend{font:700 .8rem var(--f-ui);letter-spacing:.16em;text-transform:uppercase;color:var(--text-2);margin-bottom:.6rem}
.doua{display:grid;gap:1.1rem}
@media (min-width:560px){.doua{grid-template-columns:1fr 1fr}}
.alege-pachet{display:grid;gap:.6rem}
.alege-pachet label{display:flex!important;align-items:center;gap:.8rem;border:1.5px solid var(--linie);border-radius:var(--raza);padding:.9rem 1rem;cursor:pointer;font-weight:400!important}
.alege-pachet label:has(input:checked){border-color:var(--text)}
.alege-pachet input{accent-color:var(--text);width:1.15rem;height:1.15rem}
.alege-pachet .ap-nume{flex:1;font-weight:600}
.alege-pachet .ap-pret{font-weight:700;font-variant-numeric:tabular-nums}
.pasi-livrare{list-style:none;padding:0;margin:1rem 0 2rem;font-family:var(--f-ui)}
.pasi-livrare li{display:grid;grid-template-columns:1.4rem 1fr auto;gap:.8rem;align-items:center;padding:.7rem 0;border-bottom:1px solid var(--linie)}
.pasi-livrare li::before{content:"";width:.7rem;height:.7rem;border-radius:50%;border:1.5px solid var(--text)}
.pasi-livrare li.gata::before{background:var(--text)}
.pasi-livrare time{color:var(--text-2);font-variant-numeric:tabular-nums}
.semnatura{font-family:var(--f-titlu);font-style:italic;font-size:1.5rem}
.multumesc-inima{width:min(55vw,15rem);margin:0 auto 2rem;position:relative;aspect-ratio:100/90;color:var(--text)}
.multumesc-inima canvas{position:absolute;inset:-8%;width:116%!important;height:116%!important}
.multumesc-inima.gl .semn{visibility:hidden}
.e-a-ta{font-family:var(--f-titlu);font-style:italic;font-size:clamp(2.4rem,1.6rem + 4vw,4rem);color:var(--accent);text-align:center;margin:0 0 2rem}
.legal h2{font-family:var(--f-ui);font-size:1.25rem;margin:2.2rem 0 .8rem}
.legal li{margin-bottom:.4rem}

/* Cititorul complet (/carte) */
.carte-bara{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:.5rem;padding:.55rem var(--gutter);background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linie);font-family:var(--f-ui)}
.carte-bara .t{flex:1;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.carte-bara button,.carte-bara a.pastila{appearance:none;border:1px solid var(--linie);background:transparent;color:var(--text);border-radius:999px;min-width:2.4rem;height:2.4rem;padding:0 .7rem;font:600 .9rem var(--f-ui);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center}
.progres{position:fixed;left:0;top:0;height:3px;width:0;background:var(--accent);z-index:30}
.carte-text{font-size:calc(var(--fs-text)*var(--scala,1))}
.carte-text article,.carte-text header.part{padding:2.8rem 0 1rem;border-top:1px solid var(--linie)}
.carte-text header.part h2{font-size:1.9rem}
.carte-text .lead{font-style:italic}
.fisa-link{font-family:var(--f-ui);font-size:1rem;margin:1.2rem 0 0}
.cuprins{border:1px solid var(--linie);border-radius:var(--raza);margin:1.5rem 0;font-family:var(--f-ui)}
.cuprins summary{cursor:pointer;padding:.9rem 1rem;font-weight:600}
.cuprins ol{margin:0;padding:0 1rem 1rem;list-style:none}
.cuprins a{display:block;padding:.4rem 0;border-bottom:1px solid var(--linie);text-decoration:none}

/* Fișe */
.fisa{padding:2rem 0;border-top:1px solid var(--linie)}
.fisa h2{font-family:var(--f-ui);font-size:1.3rem;margin-bottom:1rem}
.fisa label{display:grid;gap:.5rem;margin-bottom:1.2rem;font-size:1rem}
.salvat{font-family:var(--f-ui);font-size:.85rem;color:var(--text-2);min-height:1.2em}

/* Admin */
.admin table{width:100%;border-collapse:collapse;font-family:var(--f-ui);font-size:.92rem}
.admin th,.admin td{text-align:left;padding:.55rem .5rem;border-bottom:1px solid var(--linie);vertical-align:top}
.admin th{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.admin .wrap{max-width:80rem;margin:0 auto;padding:2rem var(--gutter);overflow-x:auto}
.admin .btn{min-height:2.2rem;padding:.3rem .9rem;font-size:.88rem}
.cifre{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin:1rem 0 2rem;font-family:var(--f-ui)}
.cifre b{display:block;font-size:1.8rem;font-variant-numeric:tabular-nums}

/* Apariții la scroll: ascunse doar când rulează JS */
.js .apare{opacity:0;transform:translateY(12px);transition:opacity var(--durata) var(--ease),transform var(--durata) var(--ease)}
.js .apare.vizibil{opacity:1;transform:none}

/* Tipar (fișele ca PDF) */
@media print{
  .bara,.subsol,.carte-bara,.nu-tipari,.progres{display:none!important}
  body{background:#fff;color:#000;font-size:11.5pt}
  textarea{border:1px solid #999;min-height:0;height:auto;overflow:visible}
  .fisa{break-inside:avoid}
}

/* Butonul care reia animația semnului (apare după final) */
.inca-o-data{position:absolute;left:50%;bottom:-2.6rem;transform:translateX(-50%);opacity:0;pointer-events:none;transition:opacity .5s var(--ease);
  appearance:none;border:1px solid var(--linie);background:transparent;color:var(--text-2);border-radius:999px;padding:.35rem .9rem;font:600 .82rem var(--f-ui);cursor:pointer;white-space:nowrap}
.inca-o-data.vizibil{opacity:1;pointer-events:auto}
.inca-o-data:hover{color:var(--text);border-color:var(--text)}

/* 2. Situațiile */
.situatii{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.situatie{display:grid;grid-template-columns:1.6rem 1fr;gap:.9rem;align-items:start;padding:1rem 1.1rem;border:1.5px solid var(--linie);border-radius:var(--raza);cursor:pointer;transition:border-color .2s}
.situatie:hover{border-color:var(--text)}
.situatie:has(input:checked){border-color:var(--text);background:color-mix(in srgb,var(--text) 4%,transparent)}
.situatie input{appearance:none;width:1.4rem;height:1.4rem;margin:.2rem 0 0;border:1.5px solid var(--text);border-radius:.35rem;display:grid;place-items:center;cursor:pointer}
.situatie input:checked{background:var(--text)}
.situatie input:checked::after{content:"";width:.4rem;height:.72rem;border:solid var(--bg);border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.situatie-text{font-size:1.08em;line-height:1.45}
.situatie-cap{font-size:1rem;line-height:1.5;margin:.6rem 0 .4rem;padding:1rem 1.1rem;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:0 var(--raza) var(--raza) 0}
.situatie-cap p{margin:0 0 .5rem}
.situatie-sursa{font-family:var(--f-ui);font-size:.85rem;color:var(--text-2)}
.situatie-carte{font-family:var(--f-ui);font-size:.92rem;margin:0!important}
.situatii-concluzie{margin-top:1.8rem}
.situatii-concluzie p:first-child{font-family:var(--f-ui);font-size:1.12rem;font-weight:600}

/* ───────── v2 ───────── */
.v2-sub{font-size:1.2em;line-height:1.5;text-wrap:pretty}
.v2-sub em{font-family:var(--f-titlu);font-size:1.12em}
.v2-promisiune{color:var(--text-2);text-wrap:pretty}
.v2-hero{align-items:center}

/* Scena: fișa de produs – salteaua din capitolul 1 */
.v2-subtitlu{font:600 clamp(1.25rem,1rem + 1.2vw,1.7rem)/1.3 var(--f-ui);letter-spacing:-.015em;margin:0 0 1rem;text-wrap:balance}
.v2-scena{position:relative;width:100%;max-width:26rem;justify-self:center;padding:0 0 3rem}
.sc-eticheta{font:700 .78rem var(--f-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-2);margin:0 0 .7rem;min-height:1.2em;transition:color .3s}
.sc-eticheta.bun{color:var(--accent)}
.produs{position:relative;border:1.5px solid var(--linie);border-radius:1.2rem;background:color-mix(in srgb,var(--bg) 55%,#fff);padding:1.1rem 1.2rem 1.2rem;font-family:var(--f-ui);overflow:hidden}
:root[data-theme="dark"] .produs{background:color-mix(in srgb,var(--bg) 88%,#fff)}
@media (prefers-color-scheme:dark){:root:not([data-theme]) .produs{background:color-mix(in srgb,var(--bg) 88%,#fff)}}
.produs-img{width:100%;height:auto;color:var(--text-2);margin-bottom:.6rem}
.produs-titlu{font-weight:700;font-size:1.2rem;line-height:1.3;margin:0 0 .5rem;min-height:4.3rem;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}
.produs-specs{font-size:.88rem;color:var(--text-2);line-height:1.4;margin:0 0 1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;min-height:4.4rem}
.tag{font:700 .66rem var(--f-ui);font-style:normal;letter-spacing:.14em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;border:1px solid currentColor}
.tag-inima{color:var(--accent)}
.tag-logica{color:var(--text-2)}
.produs-jos{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.eticheta-pret{display:flex;align-items:center;gap:.7rem}
.eticheta-pret strong{font-size:1.35rem;font-variant-numeric:tabular-nums}
.pret-cod{position:relative;width:3.4rem;aspect-ratio:100/90;color:var(--text)}
.pret-cod canvas{position:absolute;inset:-8%;width:116%!important;height:116%!important}
.pret-cod.gl .semn{visibility:hidden}
.produs-btn{display:inline-flex;align-items:center;min-height:2.6rem;padding:.5rem 1.1rem;border-radius:999px;background:var(--buton-bg);color:var(--buton-text);font-weight:600;font-size:.92rem;white-space:nowrap;transition:transform .15s,background-color .3s}
.produs-btn.apasat{transform:scale(.94)}
.produs-btn.in-cos{background:var(--accent);color:#fff}
.cursor{position:absolute;left:0;top:0;width:18px;height:22px;pointer-events:none;opacity:0;transition:transform 1s var(--ease),opacity .3s;
  background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 22'%3E%3Cpath d='M1 1l15 11-7 1 4 8-3 1-4-8-5 5z' fill='%2317181D' stroke='%23fff' stroke-width='1.2' stroke-linejoin='round'/%3E%3C/svg%3E")}
.sc-stare{font:600 .95rem var(--f-ui);margin:.8rem 0 0;min-height:1.4em;color:var(--text-2);transition:color .3s}
.sc-stare.bun{color:var(--text)}
.v2-scena-nota{font-family:var(--f-ui);font-size:.85rem;color:var(--text-2);text-align:center;margin:1rem 0 0}
.v2-inca{bottom:.2rem}
/* Stări (hero-v2.js); fără JS se vede varianta bună, finală */
.v2-anim [data-tag]{opacity:0;transform:translateY(3px);transition:opacity .4s,transform .4s}
.v2-anim [data-tag].arata{opacity:1;transform:none}
.v2-anim .produs-specs span,.v2-anim .produs-titlu span{transition:opacity .35s}
.v2-anim .pret-cod:not(.gl) .semn{opacity:0;transition:opacity .8s}
.v2-anim .pret-cod.arata:not(.gl) .semn{opacity:1}
@media (prefers-reduced-motion:reduce){.cursor{display:none}}

/* Pași */
.v2-pasi{list-style:none;margin:0;padding:0;display:grid;gap:1.6rem;counter-reset:pas}
.v2-pasi li{display:grid;grid-template-columns:3rem 1fr;column-gap:1.1rem;align-items:start}
.v2-pasi svg{grid-row:span 2;width:3rem;height:3rem;color:var(--text)}
.v2-pasi strong{font:600 1.2rem var(--f-ui)}
.v2-pasi span{color:var(--text-2)}
@media (min-width:860px){.v2-pasi{grid-template-columns:repeat(3,1fr)}.v2-pasi li{grid-template-columns:1fr}.v2-pasi svg{grid-row:auto;margin-bottom:.8rem}}

.v2-rana p{font-size:1.1em}
.v2-probleme dt{font:600 1.1rem var(--f-ui);margin-top:1.5rem}
.v2-probleme dd{margin:.3rem 0 0;padding-left:1rem;border-left:3px solid var(--accent)}
.v2-produs,.v2-beneficii,.v2-bonusuri{margin:0;padding:0;list-style:none;display:grid;gap:1.1rem}
.v2-produs li,.v2-beneficii li,.v2-bonusuri li{padding:1.1rem 0 0;border-top:1px solid var(--linie)}
.v2-produs strong,.v2-beneficii strong,.v2-bonusuri strong{font-family:var(--f-ui)}
.v2-final p{font-size:1.1em}
.v2-final .aforism-mare{margin-top:2rem}
.v2-testimonial{margin:0 0 1.2rem;padding:1.3rem 1.4rem;border:1.5px solid var(--linie);border-radius:var(--raza)}
.v2-testimonial p{font-size:1.1em}
.v2-raritate{font-family:var(--f-ui);font-size:1.05rem;border-left:3px solid var(--text);padding-left:.9rem;margin-bottom:1.5rem}
.v2-share-butoane{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}
.v2-share-butoane .btn{min-height:2.8rem;padding:.6rem 1.2rem;font-size:.95rem}

/* ───────── Mobil: centrat, simetric, ușor de citit (sub 860px) ─────────
   Centrate: titluri, texte scurte, carduri, butoane, pași, subsol.
   Rămân la stânga, într-o coloană centrată: textul lung de citit (capitolele), lista legilor, câmpurile de formular. */
@media (max-width:859px){
  :root{--ecran:clamp(3.5rem,10vw,4.75rem)}
  body{font-size:1.125rem}

  /* Bara de sus: ținte de 44px */
  .bara{padding-block:.45rem}
  .bara-semn{display:grid;place-items:center;width:2.75rem;height:2.75rem}
  .bara-semn .semn{width:2rem}
  .bara nav a{display:inline-flex;align-items:center;min-height:2.75rem}
  .bara-cta{padding:0 1rem}

  /* Hero */
  .hero{text-align:center;justify-items:center;padding-top:1.5rem;padding-bottom:var(--ecran)}
  .hero-text{display:flex;flex-direction:column;align-items:center}
  .hero-inima{margin-inline:auto}
  .oglinda,.hero-promisiune,.v2-sub,.v2-promisiune{margin-inline:auto;max-width:30rem}
  .hero-cta{flex-direction:column;justify-content:center;gap:.9rem;margin:1.8rem 0 .6rem}
  .hero-cta .btn{min-width:16rem}
  .hero .link{display:inline-flex;align-items:center;min-height:2.75rem}

  /* Titluri și texte scurte */
  .h-ui,.lead,.aforism-mare,.nota,.v2-subtitlu,.mare,.continua,.pagina h1{text-align:center;margin-inline:auto}
  .h-ui{font-size:clamp(1.6rem,1.1rem + 2.6vw,2rem)}
  .nota{font-size:1rem}

  /* Situații: cardurile rămân simetrice; concluzia centrată */
  .situatii-concluzie{text-align:center}
  .situatii-concluzie p:first-child{font-size:1.1rem}

  /* Înainte / după */
  .perechi li{text-align:center;justify-items:center}

  /* Legile: lista rămâne aliniată (numerele în coloană), titlurile părților centrate */
  .parte-titlu{text-align:center}
  .legi li{padding:.7rem 0}
  .legi a{display:inline-block;padding:.35rem 0}

  /* Cititorul de pe pagină: text de carte, rămâne la stânga */
  .citeste-mai-mult{flex-direction:column;justify-content:center;text-align:center}

  /* Calculator și formulare: etichete centrate, câmpuri pe toată lățimea */
  .calc label,.form label{text-align:center}
  .calc .btn{justify-self:center;min-width:14rem}
  .calc-rezultat{text-align:center}
  .linie-form .mesaj,.mesaj{text-align:left}
  .bifa{justify-content:center;text-align:left}

  /* Povești, sursele, defectul */
  .poveste{text-align:center}
  .surse{text-align:center}
  .gafa{border-left:0;border-top:2px solid var(--text);border-bottom:2px solid var(--text);padding:1.2rem 0;text-align:center}
  #cum .text p{text-align:center}

  /* Pachete: conținut centrat, garanția lizibilă */
  .pachet{text-align:center;align-items:center}
  .pachet .btn{max-width:20rem}
  .pachet-marcaj{font-size:.8rem}
  .garantie{font-size:1rem;line-height:1.55}
  .ancora{border-left:0;border-top:3px solid var(--accent);padding:.9rem 0 0;text-align:center}

  /* Obiecții */
  .obiectii{text-align:center}
  .obiectii dt{margin-top:2rem}

  /* Închidere */
  .inchidere .nota{max-width:22rem}

  /* Subsol centrat, linkuri cu ținte de 44px */
  .subsol{text-align:center}
  .subsol-semn{justify-content:center}
  .subsol nav{justify-content:center;gap:0 1.1rem;margin:1rem 0}
  .subsol nav a{display:inline-flex;align-items:center;min-height:2.75rem}
  .subsol-anpc a{display:inline-flex;align-items:center;min-height:2.75rem}

  /* ── v2 ── */
  .v2-scena{margin-inline:auto}
  .sc-eticheta{text-align:center;font-size:.8rem}
  .sc-stare{text-align:center;font-size:1rem}
  .v2-scena-nota{font-size:.95rem}
  .eticheta-pret strong{white-space:nowrap;font-size:1.25rem}
  .pret-cod{width:2.9rem}
  .produs-specs{font-size:.95rem}
  .v2-pasi li{grid-template-columns:1fr;justify-items:center;text-align:center;row-gap:.35rem}
  .v2-pasi svg{grid-row:auto}
  .v2-rana p,.v2-poveste p,.v2-final p,.v2-autor p,#cat-pierzi > p{text-align:center}
  .v2-probleme{text-align:center}
  .v2-probleme dd{border-left:0;padding-left:0;margin-top:.4rem}
  .v2-probleme dd::before{content:"";display:block;width:2.5rem;height:3px;background:var(--accent);margin:0 auto .6rem}
  .v2-produs li,.v2-beneficii li,.v2-bonusuri li{text-align:center}
  .v2-raritate{border-left:0;border-top:2px solid var(--text);padding:.9rem 0 0;text-align:center}
  .v2-share{text-align:center}
  .v2-share-butoane{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}
  .v2-share-butoane .btn{width:100%;min-height:2.9rem}
  .v2-share-butoane [data-share="nativ"]:not([hidden]){grid-column:1/-1}
  .v2-share-butoane [data-share="copiaza"]{grid-column:1/-1}
  .v2-testimonial{text-align:center}
}
@media (max-width:859px){
  .hero{grid-template-columns:minmax(0,1fr)}          /* nicio coloană mai lată decât ecranul (fișa din v2 la 360px) */
  .hero-text,.v2-scena{width:100%;min-width:0}
  .produs-jos{flex-wrap:wrap;justify-content:center;row-gap:.8rem}
  .surse{font-size:1rem}
  .pachet-marcaj,.sc-eticheta{font-size:.85rem}
  .legi a{padding:.6rem 0}
}
@media (max-width:859px){
  .legi a{padding:.7rem 0}
  .v2-scena-nota{font-size:1rem}
}

/* Aforismul din finalul v2 își păstrează mărimea (regula .v2-final p îl micșora) */
.v2-final .aforism-mare{font-size:clamp(1.9rem,1.3rem + 2.6vw,3rem)}
@media (max-width:859px){
  .pachet .btn{width:100%;max-width:none}
}
@media (max-width:859px){
  .pachet > p{align-self:stretch}                 /* butonul „Comandă” pe toată lățimea cardului */
  .ecran.col > p{text-align:center}               /* paragrafele scurte direct în secțiune */
}

/* /comanda: căutare cu listă (județ, localitate) și blocul firmei */
.combo{position:relative;display:grid;gap:.4rem;font:600 1rem var(--f-ui)}
.combo input[disabled]{opacity:.55;cursor:not-allowed}
.combo-lista{position:absolute;z-index:15;left:0;right:0;top:100%;margin:.25rem 0 0;padding:.3rem;list-style:none;max-height:17rem;overflow:auto;
  background:var(--bg);border:1.5px solid var(--text);border-radius:.6rem;box-shadow:0 12px 28px rgba(0,0,0,.14);font:400 1.05rem var(--f-ui)}
.combo-lista li{padding:.7rem .75rem;border-radius:.4rem;cursor:pointer;min-height:2.75rem;display:flex;align-items:center}
.combo-lista li[aria-selected="true"],.combo-lista li:hover{background:color-mix(in srgb,var(--text) 9%,transparent)}
.firma{display:grid;gap:.6rem}
.firma .nota{text-align:left;margin:0}
@media (max-width:859px){
  /* Formularele (/comanda, /contact, fișe): totul aliniat la stânga, ca titlurile de grup */
  .form label,.form .nota,.form .garantie,.form .bifa,.form legend,.combo{text-align:left}
  .form .nota{margin-inline:0}
  .form .bifa{justify-content:flex-start}
  .form .btn{width:100%}
}

/* Hero v1: titlul cărții e elementul dominant (cerut de Otto, 2026-09-30). Scena de la 22:40 vine sub el, mai mică. */
.acasa .hero .titlu{margin-bottom:1.4rem}
.acasa .hero .titlu em{font-size:clamp(2.6rem,1.2rem + 7.4vw,5.5rem);line-height:1;white-space:nowrap}
.acasa .hero .titlu span{font-size:clamp(1.9rem,.85rem + 5.3vw,3.95rem);margin-top:.12em;white-space:nowrap}
.acasa .hero .oglinda{font-size:clamp(1.1rem,1rem + .5vw,1.3rem);color:var(--text-2);margin-bottom:1.2rem}
@media (max-width:859px){
  .acasa .hero-inima{width:min(34vw,9rem);margin-bottom:1.6rem}
  .acasa .hero{padding-top:1rem}
}