/* pachete.v2.css: pagina /pachete/ (LUC-06, 17 septembrie 2026). Pachete de management de social media, patru trepte
   (Sonda, Satelit, Statie, Nava; STOP-11 decis la 20:16), oferta de -33% la prima luna cu contract minim de 3 luni.
   Mecanica e luata prin /reverse-site de pe pagina de preturi Higgsfield, la cererea lui Andy (reverse-higgsfield/
   REVERSE-MECANICA.md): bannerul de oferta, comutatorul de pret cu insigna, cardul cu insigne inclinate, cutia de volum,
   pretul taiat, butonul tactil cu economia sub el, blocul evidentiat sau stins cu „disponibil de la”, pastilele, insigna
   comparativa, recomandatorul cu contor. Paleta si fontul raman ale casei; tonul fiecarei trepte sta in --ton si --ton-rgb.
   Se incarca dupa motor.v1.css, carcasa-plus.v1.css si tabel.v2.css, inaintea lui telefon.v1.css.
   Versiunea sta in nume: /servicii/assets/* se serveste imutabil un an. */

.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic{width:14px;height:14px;display:inline-block;vertical-align:-2px;flex:none}
/* bordul fix statea peste cardul din dreapta la 1440: pe pagina asta nu apare */
html.js .bord{display:none}

/* ---------- insignele (tiparul: 16-20 px, bold, inclinate, pline) ---------- */
.ins{display:inline-flex;align-items:center;gap:4px;height:20px;padding:0 7px;border-radius:4px;font:700 11px/1 'Geist',sans-serif;
  letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}
.ins--reducere{color:#fff;font-style:italic;transform:skewX(-8deg);border-radius:3px;
  background:linear-gradient(120deg,#ff6a3d 0%,#ff2d6f 100%);box-shadow:0 4px 14px -4px rgba(255,45,111,.6)}
.ins--recomandat{color:#1a1204;font-style:italic;transform:skewX(-8deg);border-radius:3px;
  background:linear-gradient(120deg,#fff3d4 0%,#ffcf6e 45%,#ffab3d 100%);box-shadow:0 4px 14px -4px rgba(255,207,110,.7)}
.ins--zilnic{color:#1a0d05;font-style:italic;transform:skewX(-8deg);border-radius:3px;background:linear-gradient(120deg,#ffcf6e,#ff8a4c)}
.ins--nou{height:16px;padding:0 5px;font-size:10px;color:var(--sistem);background:rgba(111,240,200,.18);text-transform:none;letter-spacing:.02em}

/* pastilele din randuri: da (plina pe ton), nu (stinsa), spec (neutra), sup (comparativa, pe ton) */
.pil{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;font:600 10.5px/1 'Geist',sans-serif;white-space:nowrap}
.pil--da{color:#04060c;background:var(--ton)}
.pil--nu{color:rgba(238,242,248,.5);background:rgba(238,242,248,.08)}
.pil--spec{color:var(--lumina);background:rgba(238,242,248,.16)}
.pil--sup{color:#04060c;background:var(--ton);text-transform:uppercase;letter-spacing:.04em;font-size:9.5px}

/* ---------- bannerul de oferta ---------- */
.promo{position:relative;overflow:hidden;margin-top:18px;padding:26px 26px 28px;border-radius:22px;border:1px solid rgba(255,90,60,.32);
  background:
    radial-gradient(rgba(255,255,255,.07) 1px,transparent 1px) 0 0/6px 6px,
    radial-gradient(70% 120% at 0% 0%,rgba(255,90,60,.32),rgba(255,90,60,0) 60%),
    linear-gradient(135deg,#2b0f16 0%,#170b13 55%,#0b0d14 100%)}
.promo__tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;font:700 11px/1 'Geist',sans-serif;letter-spacing:.06em;
  text-transform:uppercase;font-style:italic;color:#fff;transform:skewX(-8deg);border-radius:3px;background:linear-gradient(120deg,#ff6a3d,#ff2d6f)}
.promo__titlu{margin-top:14px;font-size:clamp(1.8rem,4.2vw,3.2rem);line-height:1;letter-spacing:-.02em;text-transform:uppercase;max-width:none}
.promo__titlu span{display:block}
.promo__accent{background:linear-gradient(90deg,#ff6a3d 0%,#ff2d6f 30%,#ffcf6e 50%,#ff2d6f 70%,#ff6a3d 100%);background-size:220% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;animation:sclipire 5s linear infinite}
@keyframes sclipire{from{background-position:100% 0}to{background-position:-120% 0}}
.promo__text{margin-top:12px;max-width:62ch;color:var(--lumina-2);font-size:15px}
.promo__buton{margin-top:18px;display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border-radius:10px;
  font-weight:600;font-size:14.5px;text-decoration:none;color:#0b0d14;background:#f4f6fa;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),0 6px 4px rgba(0,0,0,.25),0 24px 24px -10px rgba(0,0,0,.5);transition:transform .2s}
.promo__buton:hover{transform:translateY(-2px)}
/* al doilea CTA, perechea butonului mare: duce la serviciile la bucata (paginile surori, Andy 17 sep 2026) */
.promo__usa{margin:18px 0 0 18px;display:inline-flex;align-items:center;gap:8px;min-height:46px;padding:0 4px;font-size:14.5px;
  color:var(--lumina);text-decoration:none;box-shadow:inset 0 -1px 0 rgba(238,242,248,.35);transition:box-shadow .25s,gap .25s}
.promo__usa:hover{box-shadow:inset 0 -1px 0 var(--lumina);gap:14px}
.promo__nou{margin-top:14px;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:13.5px;
  color:var(--lumina);text-decoration:none;border:1px solid rgba(111,240,200,.35);background:rgba(111,240,200,.08);transition:border-color .25s,gap .25s}
.promo__nou:hover{border-color:var(--sistem);gap:12px}
.promo__nou span:last-child{color:var(--sistem)}

/* ---------- eroul si comenzile ---------- */
.erou--pk{min-height:auto;display:block;padding:40px 0 10px}
.erou--pk h1{font-size:clamp(2.2rem,4.6vw,3.9rem);max-width:22ch}
.erou--pk p.sub{margin-top:14px;max-width:60ch;font-size:clamp(1rem,1.3vw,1.15rem);color:var(--lumina-2)}
.comenzi{margin-top:26px;display:flex;justify-content:flex-start;align-items:center;gap:12px;flex-wrap:wrap}
.comenzi__dreapta{display:flex;gap:8px;flex-wrap:wrap}
.comanda,.facturare{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 14px;border-radius:12px;
  border:1px solid rgba(238,242,248,.1);background:rgba(11,16,24,.8);font-size:13.5px;color:var(--lumina);text-decoration:none}
.comanda .ic{color:var(--arde)}
.comanda:hover{border-color:rgba(238,242,248,.3)}
.facturare > span:not(.ins){color:var(--lumina-2)}
.facturare[data-prima="true"] #fact-prima,.facturare[data-prima="false"] #fact-lunar{color:var(--lumina);font-weight:600}
.facturare button,.comutator button{appearance:none;-webkit-appearance:none;cursor:pointer;position:relative;width:44px;height:26px;
  border-radius:999px;border:1px solid rgba(238,242,248,.2);background:rgba(238,242,248,.08);flex:none;transition:background .2s,border-color .2s}
.facturare button::after,.comutator button::after::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;
  border-radius:50%;background:var(--lumina-2);transition:transform .25s cubic-bezier(.4,0,.2,1),background .2s}
.facturare button[aria-checked="true"],.comutator button[aria-checked="true"][aria-checked="true"]{background:var(--sistem);border-color:var(--sistem)}
.facturare button[aria-checked="true"]::after,.comutator button[aria-checked="true"]::after[aria-checked="true"]::after{transform:translateX(18px);background:#04060c}
html:not(.js) .facturare,html:not(.js) .config{display:none}

/* ---------- configuratorul de platforme ---------- */
.config{margin-top:12px;padding:18px 20px;border-radius:18px;border:1px solid rgba(238,242,248,.1);
  background:linear-gradient(180deg,rgba(20,27,38,.92),rgba(11,16,24,.92))}
.config__rand{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 18px}
.config__titlu{font-family:'Geist Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--lumina-2)}
.config__titlu b{color:var(--lumina);font-weight:500}
.config__suma{font-family:'Geist Mono',monospace;font-size:13px;color:var(--lumina-2)}
.config__suma b{color:var(--arde);font-weight:500}
.cipuri{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cip{appearance:none;-webkit-appearance:none;cursor:pointer;min-height:44px;padding:10px 15px;border-radius:999px;
  font:500 14px/1.2 'Geist',sans-serif;color:var(--lumina-2);background:rgba(238,242,248,.04);text-align:left;
  border:1px solid rgba(238,242,248,.12);display:inline-flex;align-items:center;gap:8px;transition:background .2s,border-color .2s,color .2s,transform .15s}
.cip::before::before{content:"+";font-family:'Geist Mono',monospace;color:var(--lumina-3)}
.cip[aria-pressed="true"][aria-pressed="true"]{color:#04060c;background:var(--lumina);border-color:var(--lumina)}
.cip[aria-pressed="true"]::before[aria-pressed="true"]::before{content:"✓";color:#04060c}
.cip:hover:hover{border-color:rgba(238,242,248,.4)}
.cip:active:active{transform:scale(.96)}
.comutator{margin-top:14px;padding-top:14px;border-top:1px solid rgba(238,242,248,.07);display:flex;align-items:center;
  justify-content:space-between;gap:14px;flex-wrap:wrap}
.comutator__text{font-size:14.5px;color:var(--lumina)}
.comutator__text small{display:block;margin-top:3px;font-size:12.5px;color:var(--lumina-3)}
.comutator__pret{font-family:'Geist Mono',monospace;font-size:13px;color:var(--sistem);margin-right:10px}
.comutator__dreapta{display:flex;align-items:center}

/* ---------- cardurile ---------- */
.planuri{margin-top:22px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;align-items:stretch}
.plan{--ton:#dfe6f0;--ton-rgb:223,230,240;position:relative;display:flex;flex-direction:column;border-radius:20px;padding:18px 14px 16px;
  cursor:pointer;border:1px solid rgba(238,242,248,.07);
  background:linear-gradient(225deg,rgba(var(--ton-rgb),.16) 0%,rgba(var(--ton-rgb),.07) 28%,rgba(var(--ton-rgb),0) 62%),
    linear-gradient(180deg,#141a24 0%,#0e131b 100%);
  transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s,border-color .3s}
.plan--satelit{--ton:#6ff0c8;--ton-rgb:111,240,200}
.plan--statie{--ton:#ffcf6e;--ton-rgb:255,207,110;border-color:rgba(255,207,110,.4)}
.plan--flota{--ton:#c9b6ff;--ton-rgb:201,182,255;border-style:dashed;border-color:rgba(201,182,255,.4)}
.plan--flota .plan__pret b{font-size:clamp(1.6rem,1.9vw,2rem)}
.ins--custom{color:#120c22;font-style:italic;transform:skewX(-8deg);border-radius:3px;background:linear-gradient(120deg,#e6dcff,#c9b6ff)}
.plan--nava{--ton:#ff8a4c;--ton-rgb:255,138,76;border-color:rgba(255,138,76,.35);
  background:linear-gradient(225deg,rgba(255,45,111,.22) 0%,rgba(255,138,76,.12) 30%,rgba(255,138,76,0) 64%),linear-gradient(180deg,#1a1320 0%,#10111a 100%)}
@media(hover:hover){.plan:hover{transform:translateY(-4px)}}
.plan.ales{border-color:var(--ton);box-shadow:0 0 0 2px rgba(var(--ton-rgb),.5),0 34px 90px -28px rgba(var(--ton-rgb),.5)}
.plan.ales::after{content:"✓ ALES";position:absolute;top:-11px;right:14px;font:700 11px/1 'Geist Mono',monospace;letter-spacing:.14em;
  padding:6px 9px;border-radius:999px;color:#04060c;background:var(--ton);box-shadow:0 6px 20px -6px rgba(var(--ton-rgb),.9);
  animation:apare .35s cubic-bezier(.2,.8,.2,1)}
@keyframes apare{from{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}
.plan__cap{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-height:28px}
/* a doua insigna (Recomandat, Zilnic) sta pe marginea de sus a cardului, ca eticheta ALES in dreapta: capetele raman pe un rand, cardurile aliniate */
.plan__cap .ins--recomandat,.plan__cap .ins--zilnic{position:absolute;top:-10px;left:14px}
.plan__cap h3{font-size:clamp(1.35rem,1.8vw,1.7rem);letter-spacing:-.01em;text-transform:uppercase;line-height:1;margin-right:2px}
.plan__pentru{margin-top:8px;font-size:13px;line-height:1.45;color:var(--lumina-2);min-height:4.35em}

.plan__volum{margin-top:12px;padding:12px 12px 10px;border-radius:14px;background:rgba(4,6,12,.4);border:1px solid rgba(238,242,248,.06)}
.plan__volum-titlu{font-size:15px;font-weight:700;color:var(--lumina);display:flex;align-items:center;gap:7px}
.plan__volum-titlu .ic{color:var(--ton)}
.plan__volum-rand{margin-top:4px;padding-left:21px;font-size:12.5px;color:var(--lumina-2)}
.plan__volum-rand--pret{color:var(--ton);font-weight:600}
.plan__bara{margin-top:10px;height:5px;border-radius:99px;background:rgba(238,242,248,.07);overflow:hidden}
.plan__bara i{display:block;height:100%;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,rgba(var(--ton-rgb),.5),var(--ton));
  box-shadow:0 0 12px rgba(var(--ton-rgb),.6);transform-origin:left;animation:umple 1.1s cubic-bezier(.2,.8,.2,1) both;transition:width .4s}
@keyframes umple{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.plan__fix{margin-top:10px;padding:8px 10px;border-radius:10px;border:1px dashed rgba(238,242,248,.12);font-size:12px;color:var(--lumina-2);text-align:center}

.plan__pret{margin-top:16px;display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px}
.plan__pret s{font-size:19px;font-weight:800;letter-spacing:-.02em;color:#ff4d6d;text-decoration-thickness:2px}
.plan__pret b{font-size:clamp(2rem,2.5vw,2.5rem);font-weight:800;letter-spacing:-.03em;line-height:1;color:var(--lumina);font-variant-numeric:tabular-nums}
.plan__pret span{flex-basis:100%;margin-top:4px;font-size:12.5px;color:var(--lumina-2)}
.plan[data-prima="false"] .plan__pret s{display:none}
.plan__apoi{margin-top:4px;font-size:12.5px;color:var(--lumina-2)}
.plan__apoi b{color:var(--lumina);font-weight:600}

/* butonul tactil in containerul lui, cu economia sub el */
.plan__actiune{margin-top:14px;padding:0 0 9px;border-radius:13px;background:rgba(238,242,248,.05);border:1px solid rgba(238,242,248,.06)}
.plan__buton{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:48px;padding:0 14px;border-radius:11px;
  font-weight:700;font-size:15px;text-decoration:none;color:#04060c;
  background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.35) 100%),var(--ton);
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.24),0 6px 4px rgba(0,0,0,.25),0 22px 26px -12px rgba(var(--ton-rgb),.55);transition:transform .2s,filter .2s}
.plan__buton:hover{transform:translateY(-2px);filter:brightness(1.05)}
.plan__buton:active{transform:translateY(1px) scale(.98)}
.plan--nava .plan__buton{color:#fff;background:linear-gradient(180deg,rgba(255,120,200,0) 20%,rgba(255,120,200,.55) 100%),linear-gradient(90deg,#ff2d6f,#ff6a3d)}
.plan--statie .plan__buton::after,.plan--nava .plan__buton::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;
  background:linear-gradient(100deg,rgba(255,255,255,0),rgba(255,255,255,.55),rgba(255,255,255,0));transform:skewX(-18deg);animation:luciu 3.2s ease-in-out infinite}
@keyframes luciu{0%,55%{left:-60%}100%{left:130%}}
.plan__economie{margin-top:8px;text-align:center;font-size:12.5px;color:var(--lumina-2)}
.plan__economie b{color:var(--lumina)}
.plan__total{margin-top:8px;text-align:center;font-family:'Geist Mono',monospace;font-size:11px;line-height:1.5;color:var(--lumina-3)}
.plan__total b{color:var(--lumina-2);font-weight:500}

/* sectiunea cu lacat si blocul evidentiat sau stins */
.plan__sectiune,.plan__bloc{margin-top:12px;padding:12px;border-radius:14px}
.plan__sectiune{background:rgba(238,242,248,.035);border:1px solid rgba(238,242,248,.06)}
.plan__sectiune h4,.plan__bloc h4{display:flex;align-items:center;gap:7px;font:800 12px/1.2 'Geist',sans-serif;letter-spacing:.02em;text-transform:uppercase;color:var(--lumina)}
.plan__sectiune dl,.plan__bloc dl{margin-top:8px;display:grid}
.plan__sectiune dl div,.plan__bloc dl div{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 2px;
  border-top:1px solid rgba(238,242,248,.06)}
.plan__sectiune dt,.plan__bloc dt{font-size:12.5px;color:var(--lumina)}
.plan__sectiune dd,.plan__bloc dd{margin:0}
.plan__rezumat{margin-top:4px;display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid rgba(238,242,248,.06);
  font-size:12.5px;color:var(--ton);text-decoration:none}
.plan__bloc{border:1px solid rgba(var(--ton-rgb),.35);background:linear-gradient(180deg,rgba(var(--ton-rgb),.26) 0%,rgba(var(--ton-rgb),.07) 100%)}
.plan__bloc h4 .grad{background:linear-gradient(90deg,#fff 0%,var(--ton) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan__bloc h4 .ic{color:var(--ton)}
.plan__bloc > p{margin-top:3px;font-size:12px;color:var(--lumina-2)}
.plan__bloc dl div{background:rgba(4,6,12,.35);border-top:0;border-radius:9px;padding:8px 9px;margin-top:5px}
.plan__bloc--blocat{border-color:rgba(238,242,248,.07);background:rgba(238,242,248,.03)}
.plan__bloc--blocat h4{color:rgba(238,242,248,.55)}
.plan__bloc--blocat h4 .ic{color:rgba(238,242,248,.45)}
.plan__bloc--blocat > p{color:var(--lumina-3)}
.plan__bloc--blocat dt{color:var(--lumina-3)}

.plan__lista{list-style:none;margin-top:auto;padding-top:12px;display:grid;gap:8px;font-size:12.5px;line-height:1.35}
.plan__lista li{display:flex;align-items:center;gap:7px;flex-wrap:wrap;color:var(--lumina)}
.plan__lista li::before{content:"✓";width:12px;color:var(--ton);font-weight:700}
.plan__lista li.plus::before{content:"+";color:var(--lumina-3)}
.plan__lista li.plus{color:var(--lumina-2)}
.plan__lista li.sup{margin-top:2px;padding-top:9px;border-top:1px solid rgba(238,242,248,.06);
  display:grid;grid-template-columns:12px minmax(0,1fr);column-gap:7px;row-gap:7px;align-items:start;align-content:end}
.plan__lista li.sup::before{line-height:1.35}
.plan__lista li.sup .pil{grid-column:2;justify-self:start}

/* marginea vie a Navei */
.plan--nava::before{content:"";position:absolute;inset:-1px;border-radius:21px;padding:1px;pointer-events:none;
  background:conic-gradient(from var(--unghi,0deg),rgba(255,138,76,0) 0deg,rgba(255,106,160,.95) 60deg,rgba(255,138,76,0) 140deg,rgba(255,138,76,0) 360deg);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:rotire 6s linear infinite}
@property --unghi{syntax:"<angle>";inherits:false;initial-value:0deg}
@keyframes rotire{to{--unghi:360deg}}

.marunt{margin:18px auto 0;max-width:78ch;text-align:center;font-size:12.5px;line-height:1.6;color:var(--lumina-3)}

/* ---------- tactica de DM automat din comentarii (extraoptiunea de 500): patru capturi reale, anonimizate ---------- */
.dm__pasi{list-style:none;margin:30px 0 0;padding:0 0 10px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;scrollbar-width:thin}
.dm__pas{list-style:none;position:relative;flex:1 0 0;min-width:240px;scroll-snap-align:start;padding:12px 12px 16px;border-radius:20px;
  border:1px solid rgba(238,242,248,.09);
  background:linear-gradient(225deg,rgba(111,240,200,.12) 0%,rgba(111,240,200,0) 55%),rgba(11,16,24,.9)}
.dm__pas::marker{content:""}
.dm__pas figure{margin:0;height:420px;display:grid;place-items:center;overflow:hidden;border-radius:14px;
  border:1px solid rgba(238,242,248,.1);background:#07090d}
.dm__pas img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.dm__nr{position:absolute;top:20px;left:20px;z-index:1;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:14px;
  color:#04060c;background:var(--sistem);box-shadow:0 6px 18px -6px rgba(111,240,200,.9)}
.dm__pas h3{margin-top:14px;font-size:16px;line-height:1.25}
.dm__pas p{margin-top:6px;font-size:13.5px;line-height:1.45;color:var(--lumina-2)}
.dm__actiune{margin-top:20px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.dm__buton{--ton:#6ff0c8;--ton-rgb:111,240,200;min-width:280px;border:0;cursor:pointer;font-family:inherit}
.dm__buton[aria-pressed="true"]{--ton:#ffcf6e;--ton-rgb:255,207,110}
.dm__nota{max-width:52ch;font-size:12.5px;color:var(--lumina-3)}

/* ---------- recomandatorul ---------- */

/* ---------- un om angajat contra pachetul ales ---------- */
.versus{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch}
.versus__parte{padding:24px;border-radius:18px;border:1px solid rgba(238,242,248,.09);background:rgba(11,16,24,.9)}
.versus__parte--noi{border-color:rgba(255,207,110,.45);background:radial-gradient(100% 80% at 100% 0%,rgba(255,207,110,.14),rgba(255,207,110,0) 70%),rgba(11,16,24,.94)}
.versus small{display:block;font-family:'Geist Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--lumina-2)}
.versus b{display:block;margin-top:12px;font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:800;letter-spacing:-.04em;line-height:1;font-variant-numeric:tabular-nums;color:var(--lumina)}
.versus__parte--noi b{color:var(--arde)}
.versus__parte > span{display:block;margin-top:6px;font-size:13.5px;color:var(--lumina-2)}
.versus dl{margin-top:18px;display:grid;gap:12px}
.versus dl > div{display:grid;gap:3px;padding-top:12px;border-top:1px solid rgba(238,242,248,.07)}
.versus dt{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lumina-3)}
.versus dd{font-size:14px;line-height:1.45;color:var(--lumina-2)}
.versus__parte--noi dd{color:var(--lumina)}
.versus__vs{align-self:center;font-family:'Geist Mono',monospace;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--lumina-3);padding:10px}
.versus__verdict{margin-top:18px;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:700;color:var(--lumina)}
.versus__verdict b{color:var(--sistem)}
.versus__nota{margin-top:8px;font-size:12.5px;color:var(--lumina-3)}

/* ---------- dovada, extraoptiunile, tabelul ---------- */
.cifre{list-style:none;margin-top:26px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.cifre li{padding:18px 20px;border-radius:16px;border:1px solid rgba(238,242,248,.09);background:rgba(11,16,24,.85)}
.cifre b{display:block;font-size:clamp(1.9rem,3.4vw,2.6rem);font-weight:800;letter-spacing:-.04em;line-height:1;
  font-variant-numeric:tabular-nums;color:var(--arde)}
.cifre span{display:block;margin-top:8px;font-size:13.5px;line-height:1.45;color:var(--lumina-2)}
.dovada-pk .usa{margin-top:20px}
.extra{margin-top:30px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}
.extra a{display:block;padding:20px;border-radius:16px;text-decoration:none;color:inherit;border:1px solid rgba(238,242,248,.09);
  background:linear-gradient(165deg,rgba(238,242,248,.05),rgba(238,242,248,.012));transition:border-color .25s,transform .25s;min-height:44px}
.extra a:hover{border-color:rgba(255,207,110,.5);transform:translateY(-2px)}
.extra small{display:block;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--lumina-3)}
.extra strong{display:block;margin-top:8px;font-size:1.1rem;font-weight:800;line-height:1.2}
.extra span{display:block;margin-top:8px;font-family:'Geist Mono',monospace;font-size:13px;color:var(--arde)}
.tabel thead th small{display:block;margin-top:4px;font-size:11px;letter-spacing:.02em;text-transform:none;color:#ff6d85}
.tabel td.nu{color:var(--lumina-3)}
.tabel th.pk-ales,.tabel td.pk-ales{background:rgba(255,207,110,.08);color:var(--lumina)}
.tabel thead th.pk-ales{color:var(--arde)}
.tabel td a.tabel__alege{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:9px;font-weight:700;
  font-size:13px;text-decoration:none;color:#04060c;background:var(--lumina);box-shadow:none;border:1px solid transparent;
  transition:background .25s,color .25s,border-color .25s}
.tabel td a.tabel__alege:hover{background:var(--arde);color:#04060c;box-shadow:none}
.tabel td.pk-ales a.tabel__alege{background:var(--arde);color:#120c02}
.tabel td[data-col="Flotă"] a.tabel__alege{background:transparent;color:var(--lumina);border-color:rgba(238,242,248,.35)}
.tabel td[data-col="Flotă"] a.tabel__alege:hover{background:rgba(238,242,248,.12);color:var(--lumina)}

/* ---------- bara cu alegerea: fixa, opaca, scurta (gate_telefon F o accepta prin data-fix-permis) ---------- */
.bara{position:fixed;left:0;right:0;bottom:0;z-index:70;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));
  background:rgba(7,10,17,.98);border-top:1px solid rgba(255,207,110,.25);box-shadow:0 -20px 50px -20px rgba(0,0,0,.8);
  transform:translateY(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.bara[hidden]{display:block;transform:translateY(110%);visibility:hidden}
.bara__in{max-width:1180px;margin:0 auto;display:flex;align-items:center;gap:14px 22px;justify-content:space-between}
.bara__ales{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0}
.bara__ales small{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--lumina-3)}
.bara__ales b{font-size:18px;font-weight:800;text-transform:uppercase;color:var(--arde)}
.bara__ales span{font-size:13px;color:var(--lumina-2)}
.bara__pret{display:flex;align-items:baseline;flex-wrap:wrap;justify-content:flex-end;column-gap:6px;margin-left:auto}
.bara__pret > span{font-size:12.5px;color:var(--lumina-2)}
.bara__pret b{font-size:24px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--lumina)}
.bara__pret small{flex-basis:100%;text-align:right;font-family:'Geist Mono',monospace;font-size:11.5px;color:var(--lumina-3)}
.bara__buton{flex:none;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:10px 18px;border-radius:12px;font-weight:700;font-size:15px;
  text-decoration:none;color:#04060c;background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,.3)),#3ee8b8;
  box-shadow:inset 0 -3px 0 rgba(0,0,0,.2),0 10px 30px -12px rgba(0,224,192,.7);transition:transform .2s}
.bara__buton:active{transform:scale(.97)}
.bara.puls .bara__buton{animation:puls-bara .6s ease-out}
@keyframes puls-bara{0%{box-shadow:0 0 0 0 rgba(111,240,200,.8)}100%{box-shadow:0 0 0 16px rgba(111,240,200,0)}}
.bara-loc{height:90px}

/* ---------- tableta si telefon ---------- */
/* pe ecran lat, pagina asta isi strange marginea magistralei: cinci coloane intr-un rand cer latime (Andy, 17 sep 2026) */
@media(min-width:1200px){
  body .pagina{padding-left:calc(var(--mag-x) + var(--mag-w) + 4.2vw);padding-right:3vw;max-width:1800px}
  .plan{padding:16px 12px 14px}
  .plan__cap h3{font-size:clamp(1.2rem,1.5vw,1.5rem)}
  .plan__pret b{font-size:clamp(1.8rem,2.1vw,2.2rem)}
}
@media(max-width:1199px){
  .planuri{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .bara,.bara-loc{display:none!important}
  .planuri{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plan__pentru{min-height:0}
}
@media(max-width:900px){
  .dm__pas{flex:0 0 78%;min-width:0}
  .dm__pas figure{height:360px}
  .dm__buton{width:100%;min-width:0}
}
@media(max-width:640px){
  .promo{padding:20px 18px 22px}
  .promo__usa{margin-left:0}
  .erou--pk{padding-top:28px}
  .comenzi,.comenzi__dreapta{width:100%}
  .comanda,.facturare{flex:1;justify-content:center;padding:0 10px;font-size:13px}
  .config{padding:16px 14px}
  .planuri{grid-template-columns:minmax(0,1fr);gap:18px}
  .plan{padding:18px 16px}
  .cip{padding:10px 13px;font-size:13.5px}
  .cifre,.versus{grid-template-columns:minmax(0,1fr)}
  .versus__vs{justify-self:center;padding:0}
  /* bara pe telefon: doua randuri scurte langa buton, sub 80 px */
  .bara{padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px))}
  .bara__in{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"nume buton" "pret buton";column-gap:12px;row-gap:1px;align-items:center}
  .bara__ales{grid-area:nume;gap:6px}
  .bara__ales small,.bara__ales span{display:none}
  .bara__ales b{font-size:12.5px;letter-spacing:.06em}
  .bara__pret{grid-area:pret;display:flex;align-items:baseline;gap:8px;margin:0;flex-wrap:nowrap;min-width:0;justify-content:flex-start}
  .bara__pret > span{display:none}
  .bara__pret b{font-size:21px}
  .bara__pret small{flex-basis:auto;text-align:left;white-space:nowrap;font-size:11px;overflow:hidden;text-overflow:ellipsis}
  #bara-3luni,.bara__lung{display:none}
  .bara__buton{grid-area:buton;padding:10px 14px;font-size:14px;min-height:46px}
}
@media(prefers-reduced-motion:reduce){
  .plan--nava::before,.plan__bara i,.plan.ales::after,.plan--statie .plan__buton::after,.plan--nava .plan__buton::after,.bara.puls .bara__buton,.promo__accent{animation:none}
  .plan,.bara,.cifre a,.extra a,.cip,.plan__buton,.promo__buton{transition:none}
}