/* nivel3.v1.css: ce are in plus pagina de subserviciu fata de carcasa motor.v1.css (sesiunea D,
   16 septembrie 2026, DESIGN-NIVEL3.md). Se incarca DUPA motor.v1.css, carcasa-plus.v1.css si tabel.v1.css.
   Insigna masinii, pretul cu flacara, blocul de pret, puntea catre frati, CTA-ul in doua trepte.
   Versiunea sta in nume: /servicii/assets/* se serveste imutabil un an. */

/* ---------- eroul: pretul si decizia, insigna masinii ca apartenenta ---------- */
.erou--n3{min-height:auto;grid-template-columns:minmax(0,1fr) 200px;gap:5vw;align-items:start;
  padding:36px 0 40px;position:relative}
.erou--n3 h1{font-size:clamp(2.2rem,5vw,4rem);max-width:16ch}
.apartine{margin-top:16px;font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.04em;
  color:var(--lumina-2)}
.apartine b{font-weight:500;color:var(--lumina)}
.erou--n3 p.sub{margin-top:14px}
.pret--erou{margin-top:26px;display:grid;grid-template-columns:auto auto;gap:4px 14px;align-items:baseline;
  width:fit-content;text-transform:none;letter-spacing:0}
.pret--erou .pret__de-la{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lumina-3);
  font-family:'Geist Mono',monospace}
.pret--erou b{font-family:'Geist Mono',monospace;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:500;
  color:var(--lumina);letter-spacing:-.02em;line-height:1}
.pret--erou b i{font-style:normal;font-family:'Geist',sans-serif;font-size:15px;color:var(--lumina-2);
  letter-spacing:.02em;margin-left:6px}
.pret--erou .pret__tva{grid-column:2;font-size:13px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--lumina-2);font-family:'Geist Mono',monospace}
/* flacara de sub pret: singurul loc animat al paginii, in afara lumii */
.pret__flama{grid-column:1 / -1;width:120px;height:auto;display:block;margin:2px 0 0 -6px;overflow:visible}
.erou--n3 .contor{margin-top:20px}
.erou--n3 .buton{margin-top:26px}

.insigna-masina{margin:0;justify-self:end;width:200px;text-align:center}
.insigna-masina svg{width:200px;height:auto;display:block;overflow:visible;
  filter:drop-shadow(0 18px 40px rgba(0,0,0,.7))}
.insigna-masina .mc-txt{display:none}
.insigna-masina figcaption{margin-top:10px;font-family:'Geist Mono',monospace;font-size:11px;
  letter-spacing:.14em;text-transform:uppercase;color:var(--lumina-2)}

/* ---------- actiunea de sub tabelul variantelor, blocul de pret, puntea ---------- */
.usa--tabel{margin-top:18px}
.pret-bloc{margin-top:34px;padding:26px 28px;border-radius:16px;border:1px solid rgba(238,242,248,.09);
  background:linear-gradient(165deg,rgba(238,242,248,.045),rgba(238,242,248,.012));max-width:760px}
.pret-bloc dl{display:grid;grid-template-columns:auto 1fr;gap:8px 18px;margin:0}
.pret-bloc dt{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lumina-2);padding-top:3px}
.pret-bloc dd{margin:0;color:var(--lumina);font-size:15.5px}
.pret-bloc p{margin-top:16px;color:var(--lumina-2);max-width:56ch}
.pret-bloc .usa{margin-top:14px}

.caz{margin-top:34px;padding:26px 28px;border-radius:16px;border:1px solid rgba(111,240,200,.18);
  background:rgba(7,11,17,.85);max-width:760px}
.caz b{display:block;font-family:'Geist Mono',monospace;font-size:1.8rem;font-weight:500;letter-spacing:-.02em}
.caz .caz__client{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
  color:var(--lumina-2);margin-bottom:8px}
.caz p{margin-top:10px;color:var(--lumina-2)}
.caz small{display:block;margin-top:10px;font-size:12.5px;color:var(--lumina-3)}

.punte-frati{margin-top:34px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.card-punte{display:block;padding:22px 22px 24px;border-radius:16px;border:1px solid rgba(238,242,248,.1);
  background:linear-gradient(165deg,rgba(238,242,248,.05),rgba(238,242,248,.015));text-decoration:none;
  color:inherit;transition:border-color .25s,transform .25s;min-height:44px}
.card-punte:hover{border-color:rgba(255,207,110,.5);transform:translateY(-2px)}
.card-punte small{display:block;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--lumina-3);margin-bottom:10px}
.card-punte strong{display:block;font-weight:800;font-size:1.2rem;line-height:1.15;letter-spacing:-.01em}
.card-punte span{display:block;margin-top:8px;font-size:14px;color:var(--lumina-2)}
.card-punte em{font-style:normal;color:var(--arde);margin-left:6px}

.cta-doua .usa{margin-top:18px;display:inline-flex}

/* ---------- telefon ---------- */
@media(max-width:1000px){
  .erou--n3{grid-template-columns:minmax(0,1fr);gap:0;padding-top:12px}
  .erou--n3 h1{font-size:clamp(2rem,8.6vw,2.8rem);padding-right:64px}
  .insigna-masina{position:absolute;top:0;right:0;width:56px}
  .insigna-masina svg{width:56px;filter:none}
  .insigna-masina figcaption{display:none}
  .pret--erou b{font-size:2.2rem}
  .pret__flama{width:96px}
  .pret-bloc{padding:20px 18px}
  .pret-bloc dl{grid-template-columns:1fr;gap:4px}
  .pret-bloc dt{padding-top:8px}
  .card-punte{padding:18px}
  .sus{gap:10px}
}
@media(prefers-reduced-motion:reduce){
  .card-punte{transition:none}
  .pret__flama .flama{animation:none!important}
}