/* =========================================================================
   c360-convert.css — componente de conversie
   Garanție · dovadă socială · captare lead pe paginile de tratament
   Folosește tokenii existenți din c360.css (--paper, --fg, --line, --accent…)
   ========================================================================= */

/* ---------- 1. Bloc de garanție ---------- */
.cvz-guarantee{
  position:relative;overflow:hidden;
  border:1px solid var(--line-on-dark);border-radius:24px;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));
  padding:clamp(1.6rem,4vw,2.6rem);
  margin:clamp(2rem,5vw,3rem) 0;
}
.cvz-guarantee::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(70% 120% at 88% 0%,rgba(205,216,240,.10),transparent 62%);
}
.cvz-guarantee > *{position:relative;z-index:1;}
.cvz-guarantee .cvz-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);margin:0 0 .9rem;
}
.cvz-guarantee h3{
  font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-.025em;
  font-size:clamp(1.25rem,3vw,1.85rem);line-height:1.22;
  color:var(--fg);margin:0 0 1rem;max-width:24ch;
}
.cvz-guarantee p{color:var(--muted);margin:0 0 1.1rem;max-width:62ch;line-height:1.65;}
.cvz-guarantee p:last-child{margin-bottom:0;}
.cvz-cond{
  list-style:none;margin:1.3rem 0 0;padding:1.2rem 0 0;
  border-top:1px solid var(--line);
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem 1.6rem;
}
.cvz-cond li{
  color:var(--muted-2);font-size:.86rem;line-height:1.55;
  display:flex;gap:.6rem;
}
.cvz-cond li::before{content:"—";color:var(--accent);flex:none;}

/* ---------- 2. Bandă de dovadă ---------- */
.cvz-proof{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
  gap:1px;background:var(--line);
  border:1px solid var(--line);border-radius:20px;overflow:hidden;
  margin:clamp(1.6rem,4vw,2.4rem) 0;
}
.cvz-proof > div{background:var(--paper-2);padding:1.3rem 1.4rem 1.45rem;}
.cvz-proof b{
  display:block;font-family:'Inter',sans-serif;font-weight:800;
  font-size:clamp(1.5rem,3.4vw,2rem);letter-spacing:-.03em;line-height:1;
  color:var(--fg);margin-bottom:.5rem;font-variant-numeric:tabular-nums;
}
.cvz-proof span{
  display:block;font-size:.78rem;line-height:1.5;color:var(--muted-2);
}
.cvz-stars{color:#e9c46a;letter-spacing:.08em;font-size:.9rem;}

/* ---------- 3. Formular de captare ---------- */
.cvz-capture{
  border:1px solid var(--line-on-dark);border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.018));
  padding:clamp(1.7rem,4vw,2.6rem);
  margin:clamp(2rem,5vw,3.2rem) 0;
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(1.6rem,4vw,3rem);
  align-items:start;position:relative;overflow:hidden;
}
.cvz-capture::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(66% 110% at 90% 0%,rgba(205,216,240,.09),transparent 60%);
}
.cvz-capture > *{position:relative;z-index:1;}
@media (max-width:820px){.cvz-capture{grid-template-columns:1fr;}}

.cvz-capture .cvz-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:var(--accent);margin:0 0 .9rem;
}
.cvz-capture h3{
  font-family:'Inter',sans-serif;font-weight:800;letter-spacing:-.025em;
  font-size:clamp(1.3rem,3.2vw,1.9rem);line-height:1.2;color:var(--fg);margin:0 0 .9rem;
}
.cvz-capture .cvz-sub{color:var(--muted);line-height:1.65;margin:0 0 1.3rem;}
.cvz-bullets{list-style:none;margin:0;padding:0;display:grid;gap:.62rem;}
.cvz-bullets li{
  display:flex;gap:.7rem;color:var(--muted);font-size:.92rem;line-height:1.5;
}
.cvz-bullets li::before{content:"✓";color:var(--accent);font-weight:700;flex:none;}

.cvz-form{display:grid;gap:.8rem;}
.cvz-field label{
  display:block;font-size:11px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--muted-2);margin-bottom:.4rem;
}
.cvz-field input{
  width:100%;font-family:inherit;font-size:1rem;color:var(--fg);
  background:rgba(0,0,0,.30);border:1px solid var(--line-on-dark);
  border-radius:14px;padding:.85rem .95rem;transition:border-color .2s,box-shadow .2s;
}
.cvz-field input:focus{
  outline:none;border-color:var(--accent);
  box-shadow:0 0 0 3px rgba(205,216,240,.13);
}
.cvz-field.err input{border-color:#e0857a;}
.cvz-seg{display:flex;gap:.55rem;flex-wrap:wrap;}
.cvz-seg button{
  flex:1 1 auto;min-width:120px;cursor:pointer;font-family:inherit;
  font-size:.92rem;font-weight:600;color:var(--muted);
  background:rgba(255,255,255,.04);border:1px solid var(--line-on-dark);
  border-radius:14px;padding:.8rem .9rem;transition:all .18s;
}
.cvz-seg button:hover{color:var(--fg);border-color:var(--glass-2);}
.cvz-seg button.sel{background:var(--fg);color:var(--ink);border-color:var(--fg);}
.cvz-seg.err button{border-color:#e0857a;}

.cvz-submit{
  cursor:pointer;font-family:inherit;font-weight:700;font-size:1rem;
  color:var(--ink);background:var(--fg);border:0;border-radius:14px;
  padding:1rem 1.5rem;margin-top:.35rem;transition:transform .18s,opacity .18s;
}
.cvz-submit:hover{transform:translateY(-1px);}
.cvz-submit:disabled{opacity:.5;cursor:default;transform:none;}
.cvz-consent{display:flex;gap:.65rem;align-items:flex-start;font-size:.78rem;color:var(--muted-2);line-height:1.55;}
.cvz-consent input{margin-top:.22rem;accent-color:var(--accent);flex:none;}
.cvz-consent.err{color:#e0857a;}
.cvz-fine{font-size:.74rem;color:var(--muted-2);line-height:1.6;margin:.2rem 0 0;}
.cvz-hp{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;}

/* ---------- 4. Bară fixă de acțiune pe mobil ---------- */
.cvz-bar{
  position:fixed;left:0;right:0;bottom:0;z-index:70;display:none;
  gap:.6rem;padding:.7rem .9rem calc(.7rem + env(safe-area-inset-bottom));
  background:rgba(11,11,13,.93);backdrop-filter:blur(14px);
  border-top:1px solid var(--line-on-dark);
}
.cvz-bar a,.cvz-bar button{
  flex:1;text-align:center;text-decoration:none;cursor:pointer;
  font-family:inherit;font-weight:700;font-size:.92rem;border-radius:13px;
  padding:.85rem .6rem;border:1px solid var(--line-on-dark);
}
.cvz-bar .cvz-bar-a{background:var(--fg);color:var(--ink);border-color:var(--fg);}
.cvz-bar .cvz-bar-b{background:rgba(255,255,255,.05);color:var(--fg);}
@media (max-width:760px){
  .cvz-bar{display:flex;}
  body{padding-bottom:76px;}
}