/* ============================================================
   MAYA DIGITAL — estimator de preț

   Aceeași limbă vizuală ca restul site-ului: colțuri drepte, muchii de 1px,
   sticlă peste fundalul `.page-aurora` din global.css, accent în gradientul
   brandului. Bara de sus și antetul paginii vin din legal.css.

   Structura: configuratorul curge pe stânga, rezultatul stă lipit în dreapta
   și te urmărește cât bifezi. Pe telefon rezultatul coboară jos, dar rămâne
   lipit de marginea ecranului — altfel ai bifa fără să vezi ce se întâmplă
   cu suma, adică exact lucrul pentru care ai venit pe pagină.
   ============================================================ */

/* ---------- cand estimatorul sta pe prima pagina, intr-o sectiune ----------
   `.slide-inner.wrap` isi pune deja marginile laterale si latimea maxima, iar
   `.pr` si le punea pe ale lui peste: iesea o coloana ingustata de doua ori,
   nealiniata cu Servicii si cu Portofoliu de deasupra si de dedesubt. */
.slide-pr .slide-inner{width:100%}
.slide-pr .pr{max-width:none;margin-inline:0;padding-inline:0;padding-top:clamp(1.4rem,3vw,2.4rem)}
.slide-pr .pr-intrebari{max-width:none;margin-inline:0;padding-inline:0;padding-bottom:0}
/* pe prima pagina nu exista bara lipita sus, deci cardul se poate ridica */
.slide-pr .pr-rezultat{top:clamp(1.5rem,5vh,3rem);max-height:calc(100vh - 4rem)}
.slide-pr .pr-card{max-height:calc(100vh - 4rem)}
/* Titlurile sectiunilor de pe prima pagina sunt centrate; introducerea merge
   dupa ele, nu dupa marginea din stanga. */
.pr-intro-h{
  margin:1.1em auto 0;max-width:52ch;text-align:center;
  font-size:clamp(.95rem,.9rem + .3vw,1.08rem);line-height:1.7;color:var(--muted);
}
/* Meniul lateral cade peste cardul de rezultat: pe un ecran de 1440 el ocupa
   banda 1249–1376, iar cardul mergea pana la 1316. Latimea lui e deja scrisa
   in global.css ca --nav-w, si e pusa pe 0 sub 1100px, exact acolo unde meniul
   dispare — deci nu mai e nevoie nici de alt prag, nici de alte cifre.
   Titlurile raman pe latimea sectiunii: sunt centrate, nu ajung acolo. */
.slide-pr .pr,
.slide-pr .pr-intrebari{padding-right:var(--nav-w)}

/* Fundalul din global.css — .page-aurora si .page-glass — e `position:fixed`
   cu z-index:0 si `backdrop-filter: blur()`. Asta inseamna ca acopera orice
   continut NEPOZITIONAT, iar foaia mata il estompeaza: textul se vede ca prin
   perdea. Paginile existente se ridica fiecare singura (vezi .lg-head din
   legal.css). La fel si aici. */
.pr,.pr-intrebari,.lg-foot{position:relative;z-index:1}

.pr{
  max-width:var(--maxw);margin-inline:auto;
  padding:clamp(1.6rem,4vw,3rem) var(--gutter) clamp(3rem,7vh,5rem);
  display:grid;grid-template-columns:1fr clamp(19rem,26vw,23rem);
  gap:clamp(1.6rem,3.5vw,3rem);align-items:start;
}

/* ---------- alegerea tipului ---------- */
.pr-tip{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:clamp(1.4rem,3vw,2rem)}
.pr-tip-b{
  flex:1 1 12rem;padding:.9em 1.2em;border:1px solid var(--line);border-radius:0;
  background:rgba(var(--alb-rgb),.5);
  font-size:clamp(.86rem,.82rem + .2vw,.95rem);font-weight:500;
  letter-spacing:var(--tracking-tight);color:var(--muted);
  transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease),
             background var(--dur) var(--ease);
}
.pr-tip-b{display:flex;flex-direction:column;align-items:center;gap:.15em;line-height:1.25}
/* termenul romanesc, sub denumirea comerciala */
.pr-tip-b small{font-size:.78em;opacity:.72;font-weight:400}
.pr-tip-b:hover{border-color:var(--muted-2);color:var(--fg)}
/* Alegerea curenta trebuie sa se vada dintr-o privire. Bleul deschis peste
   alb nu o face: pe o pagina care e oricum alba, diferenta dispare. */
.pr-tip-b.activ{
  border-color:var(--fg);color:var(--invert-fg);
  background:var(--fg);
  box-shadow:inset 0 -3px 0 var(--brand-500);
}
.pr-tip-b.activ:hover{color:var(--invert-fg)}

/* ---------- secțiuni ---------- */
.pr-sectiune{margin-bottom:clamp(1.8rem,4vw,2.8rem)}
.pr-sectiune h2{
  display:flex;align-items:center;gap:.6em;
  font-size:clamp(.72rem,.68rem + .16vw,.78rem);font-weight:600;
  letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-2);
  margin-bottom:.9em;
}
.pr-sectiune h2::before{content:"";width:.5em;height:.5em;flex-shrink:0;background:var(--brand-500)}
.pr-sub{font-size:clamp(.82rem,.78rem + .18vw,.88rem);color:var(--muted);margin:-.4em 0 1em}

/* pornirea, evidențiată: e singura sumă care nu se poate scoate */
.pr-baza{
  display:flex;justify-content:space-between;align-items:flex-start;gap:1.2rem;
  padding:clamp(1rem,2.2vw,1.35rem);margin-bottom:.9rem;
  border:1px solid var(--line);border-left:3px solid var(--brand-500);
  background:var(--brand-100);
}
.pr-baza b{font-size:clamp(.9rem,.86rem + .2vw,1rem);font-weight:600;letter-spacing:var(--tracking-tight)}
.pr-baza p{margin-top:.45em;font-size:clamp(.8rem,.76rem + .18vw,.86rem);line-height:1.65;color:var(--muted)}
.pr-baza-p{
  flex-shrink:0;font-size:clamp(1rem,.94rem + .3vw,1.15rem);font-weight:600;
  letter-spacing:var(--tracking-tight);white-space:nowrap;
}
.pr-baza-p small,.pr-opt-p small{font-size:.62em;font-weight:500;color:var(--muted)}

/* Ce intra in pornire, scris punct cu punct. O fraza lunga de trei randuri se
   citeste in diagonala si nu ramane cu nimic; o lista se numara din ochi si
   raspunde la singura intrebare care conteaza aici — ce primesc pe banii astia. */
.pr-baza-t{min-width:0}
.pr-inclus-t{
  margin-top:.9em;font-size:.66rem;font-weight:600;
  letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--fg-2);
}
.pr-inclus-l{
  margin-top:.55em;list-style:none;
  font-size:clamp(.79rem,.76rem + .17vw,.85rem);line-height:1.6;color:var(--muted);
}
.pr-inclus-l li{position:relative;padding-left:1.45em}
.pr-inclus-l li + li{margin-top:.42em}
/* bifa, construita din doua muchii rotite — ca sageata de la intrebari */
.pr-inclus-l li::before{
  content:"";position:absolute;left:.1em;top:.42em;width:.5em;height:.26em;
  border-left:1.7px solid var(--brand-500);border-bottom:1.7px solid var(--brand-500);
  transform:rotate(-45deg);
}
.pr-suma small{font-size:.58em;font-weight:500;color:var(--muted)}

/* ---------- o opțiune ---------- */
.pr-opt{
  display:flex;align-items:flex-start;gap:.9rem;
  padding:clamp(.85rem,1.8vw,1.1rem);border:1px solid var(--line);
  margin-top:-1px;                       /* muchii comune, ca la un tabel */
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);
  cursor:pointer;
}
.pr-opt:hover{border-color:var(--fg);position:relative;z-index:1}
.pr-opt:has(input:checked){border-left:3px solid var(--brand-500);background:var(--brand-100)}
.pr-opt input[type=checkbox]{flex:0 0 auto;width:1.05em;height:1.05em;margin-top:.15em;accent-color:var(--brand-500)}
.pr-opt-t{flex:1 1 auto;min-width:0;display:block}
.pr-opt-t b{display:block;font-size:clamp(.86rem,.82rem + .2vw,.94rem);font-weight:600;letter-spacing:-.01em;color:var(--fg)}
.pr-opt-t i{
  display:block;margin-top:.3em;font-style:normal;
  font-size:clamp(.76rem,.73rem + .15vw,.82rem);line-height:1.6;color:var(--muted);
}
.pr-opt-p{
  flex:0 0 auto;font-size:clamp(.82rem,.78rem + .18vw,.9rem);font-weight:600;
  white-space:nowrap;color:var(--fg);
}

/* câmp numeric cu − și + */
.pr-opt-nr{cursor:default}
.pr-nr{flex:0 0 auto;display:flex;align-items:center;border:1px solid var(--line)}
.pr-nr-b{
  width:2rem;height:2rem;display:grid;place-items:center;
  font-size:1rem;line-height:1;color:var(--muted);
  transition:background var(--dur) var(--ease),color var(--dur) var(--ease);
}
.pr-nr-b:hover{background:var(--brand-100);color:var(--fg)}
.pr-nr input{
  width:2.6rem;height:2rem;border:0;border-inline:1px solid var(--line);
  text-align:center;font:inherit;font-size:.9rem;background:transparent;color:var(--fg);
  -moz-appearance:textfield;appearance:textfield;
}
.pr-nr input::-webkit-outer-spin-button,
.pr-nr input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}

/* grup de variante */
.pr-opt-grup{display:block;border:1px solid var(--line);margin-top:-1px;cursor:default}
.pr-opt-grup legend{padding:0;margin-bottom:.7em}
.pr-opt-grup legend b{display:block;font-size:clamp(.86rem,.82rem + .2vw,.94rem);font-weight:500}
.pr-opt-grup legend i{
  display:block;margin-top:.3em;font-style:normal;
  font-size:clamp(.76rem,.73rem + .15vw,.82rem);line-height:1.6;color:var(--muted);
}
.pr-variante{display:flex;flex-wrap:wrap;gap:.45rem}
.pr-variante label{
  display:flex;align-items:baseline;gap:.5em;cursor:pointer;
  padding:.5em .85em;border:1px solid var(--line);
  font-size:clamp(.78rem,.75rem + .15vw,.85rem);
  transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);
}
.pr-variante label:hover{border-color:var(--muted-2)}
.pr-variante input{position:absolute;opacity:0;width:0;height:0}
.pr-variante label:has(input:checked){border-color:var(--brand-500);background:var(--brand-100)}
.pr-variante label:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:2px}
.pr-variante em{font-style:normal;font-weight:600;color:var(--muted)}
.pr-variante label:has(input:checked) em{color:var(--fg)}

/* mentenanța: variante pe coloane, cu explicație dedesubt */
.pr-mentenanta{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:.6rem}
.pr-mentenanta label{flex-direction:column;align-items:flex-start;gap:.35em;padding:clamp(.9rem,2vw,1.1rem)}
.pr-mentenanta label > span{font-weight:600;font-size:clamp(.86rem,.82rem + .2vw,.94rem)}
.pr-mentenanta em{font-size:clamp(.8rem,.76rem + .18vw,.88rem);color:var(--brand-700)}
.pr-mentenanta i{
  font-style:normal;font-size:clamp(.74rem,.71rem + .14vw,.8rem);
  line-height:1.6;color:var(--muted);
}

/* ---------- rezultatul ---------- */
/* Cardul creste cu lista de „inclus standard". Pe un laptop cu ecran jos ar
   putea depasi fereastra, iar butonul ar ramane sub marginea de jos, unde nu
   se poate ajunge: atunci, si numai atunci, cardul se deruleaza in el insusi. */
.pr-rezultat{
  position:sticky;top:clamp(5.5rem,11vh,7.5rem);
  max-height:calc(100vh - 8rem);overflow-y:auto;overscroll-behavior:contain;
}
/* Inchis, nu din sticla. Pagina e altfel numai alb si bleu deschis — fara un
   punct de greutate, suma, adica singurul lucru pentru care omul a intrat aici,
   se pierde intre celelalte cutii palide. Acelasi capat de paleta ca meniul
   deschis si ca subsolurile. */
/* Trei straturi, nu unul. Un gradient liniar singur arata ca o suprafata
   vopsita; ce face un panou sa para un obiect e LUMINA pe el. Deci: o baza de
   alb care se raceste spre bleu la vale, o lumina mare care intra din coltul
   de sus-stanga si o a doua, vernil, din dreapta-jos. Amandoua sunt mai late
   decat cardul si au centrul in AFARA lui — asa se citesc ca lumina care cade
   pe suprafata, nu ca o pata desenata pe ea.

   Peste ele, sticla site-ului: blur plus saturatie, muchie alba de 1px si un
   fir de alb pe muchia de sus, cum prinde orice margine intoarsa spre lumina.
   Aceeasi limba ca .aqua din global.css, doar ca opaca — pe card se citeste
   text, nu se priveste fundalul. */
.pr-card{
  position:relative;border:1px solid rgba(var(--alb-rgb),.75);border-radius:0;
  color:var(--fg);
  padding:clamp(1.3rem,2.8vw,1.8rem);
  background:
    /* Lumina se stinge pana la jumatatea cardului. Cu 88% inaltime cobora pe
       toata marginea din stanga si o tinea la rgb(204,235,255) — acolo unde
       stau lista, nota si al doilea buton, text gri mic, care cadea la 4,1:1.
       Sus, unde sunt suma si tipul, raman aceleasi valori: acolo textul e
       aproape negru si oricum la 19:1. Masurat pe marginea din stanga, adica
       pe cazul cel mai rau. */
    radial-gradient(120% 56% at 4% -14%,
      rgba(var(--brand-rgb),.34) 0%, rgba(var(--brand-rgb),.06) 52%, rgba(var(--brand-rgb),0) 78%),
    /* Vernilul sta pe FLANCUL drept, la jumatate de inaltime, nu in coltul de
       jos. Acolo jos se termina cardul cu nota si cu al doilea buton — text
       mic si palid — iar pe albastrul tare cadeau la 2,8:1 si 3,9:1. Masurat:
       mutata aici, lumina se vede la fel de bine si textul trece pragul. */
    radial-gradient(72% 56% at 116% 42%,
      rgba(var(--mint-rgb),.30) 0%, rgba(var(--mint-rgb),0) 62%),
    /* OPAC. Cu .92–.95 si backdrop-filter, aurora albastra a paginii razbatea
       prin card si intuneca partea de jos pana la rgb(190,230,255) — acolo
       unde stau nota si al doilea buton, adica exact textul cel mai mic si
       mai palid. Cadeau la 3,8:1. Sticla se vede oricum din lumini, din firul
       alb de pe muchie si din umbra; transparenta nu adauga nimic aici, doar
       ia din citit. Masurat. */
    linear-gradient(168deg, rgb(var(--alb-rgb)) 0%, #fbfdff 58%, #eef6ff 100%);
  box-shadow:
    inset 0 1px 0 rgba(var(--alb-rgb),.95),
    inset 0 -16px 28px -20px rgba(var(--umbra-rgb),.22),
    0 24px 56px -26px rgba(var(--umbra-rgb),.4);
}
/* linia de accent pe muchia de sus, ca la panoul de cookie si la paginile legale */
.pr-card::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand-500),var(--brand-mint));
}
.pr-et{
  display:flex;align-items:center;gap:.6em;
  font-size:.68rem;font-weight:600;letter-spacing:var(--tracking-wide);
  text-transform:uppercase;color:var(--muted);
}
/* vernilul se pierde pe alb: patratul trece pe bleul brandului */
.pr-et::before{content:"";width:.5em;height:.5em;flex-shrink:0;background:var(--brand-500)}
.pr-suma{
  margin-top:.45em;color:var(--fg);font-size:clamp(1.3rem,1.1rem + 1vw,1.85rem);font-weight:600;
  letter-spacing:var(--tracking-tight);line-height:1.15;
}
/* Numele proiectului, sub eticheta. Fara el, cardul arata o suma fara subiect:
   pe telefon nu se vede butonul activ, deci nu se stie ce anume costa atat. */
.pr-pt{
  margin-top:.5em;font-size:clamp(.95rem,.9rem + .3vw,1.08rem);font-weight:600;
  letter-spacing:var(--tracking-tight);color:var(--fg);
}
.pr-eur{margin-top:.3em;font-size:clamp(.78rem,.75rem + .15vw,.84rem);color:var(--muted)}
.pr-luna{
  margin-top:.8em;padding-top:.8em;border-top:1px solid var(--line);
  font-size:clamp(.78rem,.75rem + .15vw,.84rem);color:var(--fg-2);
}
/* aceeasi lista ca in configurator, doar inversata pentru fundalul inchis */
.pr-card .pr-inclus{
  margin-top:1em;padding-top:.9em;border-top:1px solid var(--line);
}
/* --muted-2 da 3,5:1 pe alb — sub pragul de 4,5:1 pentru text mic. Masurat. */
.pr-card .pr-inclus-t{margin-top:0;font-size:.64rem;color:var(--muted)}
/* In card, lista se deruleaza in ea insasi. Masurat, unsprezece randuri urcau
   cardul la 848px: pe un ecran de 900px suma si butonul — singurele doua
   lucruri pentru care exista cardul — ieseau sub marginea de jos. In pagina,
   la „Pornire", lista ramane intreaga si nederulabila. */
.pr-card .pr-inclus-l{
  color:var(--muted);
  font-size:clamp(.74rem,.72rem + .12vw,.79rem);
  line-height:1.5;overflow-y:auto;padding-right:.6em;
  scrollbar-width:thin;scrollbar-color:rgba(var(--umbra-rgb),.28) transparent;
}
.pr-card .pr-inclus-l li + li{margin-top:.32em}
.pr-card .pr-inclus-l::-webkit-scrollbar,.pr-lista::-webkit-scrollbar{width:3px}
.pr-card .pr-inclus-l::-webkit-scrollbar-thumb,
.pr-lista::-webkit-scrollbar-thumb{background:rgba(var(--umbra-rgb),.22)}
.pr-lista-t{
  margin-top:1em;padding-top:.9em;border-top:1px solid var(--line);
  font-size:.64rem;font-weight:600;letter-spacing:var(--tracking-wide);
  text-transform:uppercase;color:var(--muted);
}
.pr-lista{
  margin-top:.5em;max-height:8rem;overflow-y:auto;
  font-size:clamp(.76rem,.73rem + .14vw,.82rem);
}
.pr-lista li{display:flex;justify-content:space-between;gap:.8em;padding:.4em 0;color:var(--muted)}
.pr-lista li + li{border-top:1px solid var(--line-soft)}
/* --brand-500 are 2,1:1 pe alb; --brand-700 e bleul care se poate citi */
.pr-lista em{font-style:normal;flex-shrink:0;color:var(--brand-700);font-weight:600}
/* Cardul nu trece de marginea ecranului. Capul — eticheta, tipul, suma — si
   piciorul — butonul si nota — sunt fixe; se string doar listele din mijloc.
   Invers (cardul derulat intreg) inseamna ca suma iese din ecran exact cand
   omul cauta butonul, adica fix cele doua lucruri pentru care exista cardul. */
/* `max-height:100%` s-ar raporta la inaltimea parintelui, iar parintele n-are
   una fixa — deci nu ar limita nimic. Aceeasi limita, scrisa direct. */
.pr-card{display:flex;flex-direction:column;max-height:calc(100vh - 8rem)}
.pr-card > *{flex:0 0 auto}
/* `display:flex` de mai jos bate `display:none` din [hidden]: fara randul
   asta, lista tipului nealeS ar reaparea. */
.pr-card .pr-inclus{display:flex;flex-direction:column;flex:1 1 auto;min-height:2.6rem}
.pr-card .pr-inclus[hidden]{display:none}
.pr-card .pr-inclus-l{flex:1 1 auto;min-height:0}
.pr-lista{flex:0 1 auto;min-height:0}
.pr-cta{width:100%;justify-content:center;margin-top:.95em}
.pr-nota-jos{display:none}
/* Butonul al doilea. Linistit, ca sa nu se bata cu „Trimite configurația":
   e o verificare inainte de a trimite, nu o a doua actiune la fel de grea. */
.pr-vezi{
  display:block;width:100%;margin-top:.6em;padding:.55em 0;
  background:none;border:0;
  font-size:clamp(.76rem,.73rem + .14vw,.82rem);font-weight:500;
  letter-spacing:var(--tracking-tight);color:var(--brand-700);
  text-decoration:underline;text-underline-offset:.28em;
  text-decoration-color:rgba(var(--brand-rgb),.5);
  transition:color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease);
}
.pr-vezi:hover{color:var(--fg);text-decoration-color:var(--fg)}

/* ---------- fereastra cu devizul ---------- */
.pr-rez{
  border:0;padding:0;background:none;max-width:min(38rem,calc(100vw - 2*var(--gutter)));
  width:100%;max-height:min(86vh,52rem);overflow:visible;color:var(--fg);
}
.pr-rez::backdrop{background:rgba(var(--umbra-rgb),.45);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.pr-rez-in{
  position:relative;display:flex;flex-direction:column;max-height:inherit;
  padding:clamp(1.3rem,3vw,2rem);
  border:1px solid rgba(var(--alb-rgb),.75);
  background:
    radial-gradient(115% 50% at 3% -10%, rgba(var(--brand-rgb),.26) 0%, rgba(var(--brand-rgb),0) 70%),
    linear-gradient(168deg, rgba(var(--alb-rgb),.98) 0%, rgba(var(--alb-rgb),.94) 60%, rgba(235,245,255,.96) 100%);
  box-shadow:inset 0 1px 0 rgba(var(--alb-rgb),.95),0 40px 90px -36px rgba(var(--umbra-rgb),.55);
}
/* focus pus din cod pe container: inelul n-ar spune nimic aici */
.pr-rez-in:focus{outline:none}
.pr-rez-in::before{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand-500),var(--brand-mint));
}
.pr-rez h2{
  font-size:clamp(1.05rem,.95rem + .5vw,1.3rem);font-weight:600;
  letter-spacing:var(--tracking-tight);padding-right:2em;
}
.pr-rez-x{
  position:absolute;top:clamp(.8rem,2vw,1.2rem);right:clamp(.8rem,2vw,1.2rem);
  width:2rem;height:2rem;line-height:1;font-size:1.4rem;
  background:none;border:0;color:var(--muted);
  transition:color var(--dur) var(--ease);
}
.pr-rez-x:hover{color:var(--fg)}
.pr-rez-corp{margin-top:1em;overflow-y:auto;min-height:0;padding-right:.4em}
.pr-rez-tip{
  font-size:clamp(.95rem,.9rem + .3vw,1.08rem);font-weight:600;
  letter-spacing:var(--tracking-tight);
}
.pr-rez h3{
  margin-top:1.3em;font-size:.66rem;font-weight:600;
  letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--muted);
}
.pr-rez-inclus{margin-top:.6em;list-style:none;font-size:clamp(.79rem,.76rem + .17vw,.85rem);
  line-height:1.6;color:var(--muted)}
.pr-rez-inclus li{position:relative;padding-left:1.45em}
.pr-rez-inclus li + li{margin-top:.42em}
.pr-rez-inclus li::before{
  content:"";position:absolute;left:.1em;top:.42em;width:.5em;height:.26em;
  border-left:1.7px solid var(--brand-500);border-bottom:1.7px solid var(--brand-500);
  transform:rotate(-45deg);
}
.pr-rez-sume{margin-top:.6em;list-style:none;font-size:clamp(.82rem,.79rem + .17vw,.9rem)}
.pr-rez-sume li{display:flex;justify-content:space-between;gap:1.2em;padding:.5em 0;
  border-top:1px solid var(--line-soft);color:var(--fg-2)}
.pr-rez-sume li:first-child{border-top:0}
.pr-rez-sume em{font-style:normal;flex-shrink:0;font-weight:600;white-space:nowrap}
/* totalul: singurul rand pe care ochiul trebuie sa-l gaseasca fara sa caute */
.pr-rez-total{margin-top:1.1em}
.pr-rez-total li{
  border-top:2px solid var(--fg);border-bottom:1px solid var(--line);
  padding:.7em 0;font-size:1.12em;font-weight:600;color:var(--fg);
}
.pr-rez-interval{margin-top:.5em;font-size:clamp(.78rem,.75rem + .15vw,.84rem);color:var(--muted)}
.pr-rez-gol{margin-top:1em;font-size:clamp(.82rem,.79rem + .17vw,.88rem);color:var(--muted)}
.pr-rez-jos{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.4rem}
.pr-rez-jos .btn-pill{flex:1 1 12rem;justify-content:center}
@media (max-width:560px){
  .pr-rez{max-height:min(92vh,52rem)}
  .pr-rez-jos .btn-pill{flex:1 1 100%}
}

.pr-nota{margin-top:1.1em;font-size:clamp(.72rem,.7rem + .12vw,.78rem);line-height:1.6;color:var(--muted)}

/* ---------- întrebări ---------- */
.pr-intrebari{
  max-width:52rem;margin-inline:auto;
  padding:0 var(--gutter) clamp(3rem,8vh,5.5rem);
}
.pr-intrebari h2{
  font-size:clamp(1.15rem,1.02rem + .6vw,1.45rem);font-weight:600;
  letter-spacing:var(--tracking-tight);margin-bottom:1em;
}
.pr-intrebari details{border-top:1px solid var(--line)}
.pr-intrebari details:last-of-type{border-bottom:1px solid var(--line)}
.pr-intrebari summary{
  padding:1em 2em 1em 0;position:relative;cursor:pointer;list-style:none;
  font-size:clamp(.88rem,.84rem + .2vw,.96rem);font-weight:500;
  transition:color var(--dur) var(--ease);
}
.pr-intrebari summary::-webkit-details-marker{display:none}
.pr-intrebari summary:hover{color:var(--brand-700)}
.pr-intrebari summary::after{
  content:"";position:absolute;right:.4em;top:50%;
  width:.42em;height:.42em;margin-top:-.3em;
  border-right:1.6px solid var(--muted-2);border-bottom:1.6px solid var(--muted-2);
  transform:rotate(45deg);transition:transform var(--dur) var(--ease);
}
.pr-intrebari details[open] summary::after{transform:rotate(-135deg);margin-top:-.1em}
.pr-intrebari p{
  padding:0 0 1.2em;max-width:60ch;
  font-size:clamp(.86rem,.82rem + .2vw,.93rem);line-height:1.75;color:var(--muted);
}

/* ---------- subsol ---------- */
.lg-foot{
  border-top:1px solid var(--line-soft);
  padding:clamp(1.4rem,3vw,2rem) var(--gutter);text-align:center;
  font-size:clamp(.74rem,.71rem + .14vw,.8rem);color:var(--muted-2);
}
.lg-foot p + p{margin-top:.5em}
.lg-foot a{color:var(--muted);transition:color var(--dur) var(--ease)}
.lg-foot a:hover{color:var(--fg)}

/* ---------- telefon ---------- */
@media (max-width:900px){
  .pr{grid-template-columns:1fr}
  /* Rezultatul coboara sub configurator, dar ramane lipit de marginea de jos:
     pe telefon, altfel, ai bifa fara sa vezi suma schimbandu-se. */
  .pr-rezultat{
    position:sticky;top:auto;bottom:0;z-index:30;
    margin-inline:calc(-1 * var(--gutter));
    max-height:none;overflow:visible;
  }
  .pr-card{
    border-inline:0;border-bottom:0;
    box-shadow:inset 0 1px 0 rgba(var(--alb-rgb),.95),
               0 -18px 40px -22px rgba(var(--umbra-rgb),.32);
  }
  /* Pe ecran mic cardul e o bara lipita jos: listele lungi ar acoperi pagina.
     Ce intra standard ramane scris in randul „Pornire", care se vede intreg.
     La fel nota si cifra in euro — coboara in pagina, sub configurator. */
  .pr-lista,.pr-lista-t,.pr-card .pr-inclus,.pr-card .pr-eur,.pr-card .pr-nota{display:none}
  .pr-nota-jos{
    display:block;margin-top:1.5rem;color:var(--muted);
    font-size:clamp(.74rem,.71rem + .14vw,.8rem);line-height:1.65;
  }
  .pr-suma{font-size:clamp(1.2rem,1rem + 1.6vw,1.5rem)}
}
@media (max-width:640px){
  .pr-opt{flex-wrap:wrap}
  .pr-opt-p{width:100%;padding-left:1.95rem}
  .pr-opt-nr .pr-opt-p{padding-left:0}
}