/* Calculator styles - loaded separately */
.sc-wrap{max-width:920px;margin:0 auto;display:grid;grid-template-columns:1fr 320px;
  border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:#fff;border:1px solid var(--line)}
.sc-main{padding:34px 38px 30px;min-height:560px;display:flex;flex-direction:column}
.sc-dots{display:flex;gap:8px;margin-bottom:26px}
.sc-dot{flex:1;height:6px;border-radius:99px;background:var(--paper-2);position:relative;overflow:hidden}
.sc-dot i{position:absolute;inset:0;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sc-dot.done i{transform:scaleX(1)}
.sc-dot.active i{transform:scaleX(.5)}
.sc-eyebrow{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:var(--blue);font-weight:600;text-transform:uppercase;margin-bottom:8px}
.sc-main h2{font-family:var(--display);font-size:1.65rem;font-weight:700;line-height:1.15;margin-bottom:6px}
.sc-sub{color:var(--muted);font-size:.98rem;margin-bottom:24px}
.sc-opts{display:flex;flex-direction:column;gap:11px;flex:1}
.sc-opt{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:16px 18px;border:2px solid var(--line);border-radius:15px;background:#fff;cursor:pointer;transition:.22s cubic-bezier(.2,.7,.2,1);font-family:inherit}
.sc-opt:hover{border-color:var(--blue);transform:translateX(3px)}
.sc-opt.sel{border-color:transparent;background:linear-gradient(#fff,#fff) padding-box,var(--grad) border-box;box-shadow:0 8px 24px -10px rgba(112,64,224,.4)}
.sc-ic{width:46px;height:46px;border-radius:12px;display:grid;place-content:center;font-size:1.4rem;background:var(--paper-2);flex:0 0 auto;transition:.22s}
.sc-tx{flex:1}
.sc-tx b{display:block;font-size:1.03rem;font-weight:600;color:var(--ink)}
.sc-tx small{color:var(--muted);font-size:.85rem}
.sc-chk{width:24px;height:24px;border-radius:50%;border:2px solid var(--line);flex:0 0 auto;display:grid;place-content:center;transition:.2s}
.sc-opt.sel .sc-chk{border-color:var(--violet);background:var(--violet);color:#fff}
.sc-opt.sel .sc-chk::after{content:"✓";font-size:.8rem;font-weight:700}
.sc-nav{display:flex;gap:12px;margin-top:24px}
.sc-btn{padding:15px 24px;border-radius:13px;border:0;font-size:1rem;font-weight:600;cursor:pointer;font-family:inherit;transition:.2s}
.sc-back{background:#fff;border:2px solid var(--line);color:var(--ink)}
.sc-back:hover{border-color:var(--muted)}
.sc-next{background:var(--ink);color:#fff;flex:1}
.sc-next:hover:not(:disabled){background:var(--violet)}
.sc-next:disabled{opacity:.35;cursor:not-allowed}
.sc-field{margin-bottom:15px}
.sc-field label{display:block;font-size:.74rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
.sc-field input{width:100%;padding:14px 16px;border:2px solid var(--line);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--paper)}
.sc-field input:focus{outline:none;border-color:var(--blue);background:#fff}
.sc-gdpr{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:var(--muted);margin:6px 0;cursor:pointer}
.sc-gdpr input{margin-top:3px;width:18px;height:18px;accent-color:var(--violet);flex:0 0 auto}
/* side panel */
.sc-side{background:linear-gradient(160deg,var(--ink2,#161d29),var(--ink));color:#fff;padding:34px 28px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.sc-side::before{content:"";position:absolute;top:-80px;right:-80px;width:220px;height:220px;background:radial-gradient(circle,rgba(112,64,224,.5),transparent 70%);filter:blur(20px)}
.sc-side-h{font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;color:#8b9bb4;text-transform:uppercase;position:relative}
.sc-price-wrap{margin:14px 0 6px;position:relative}
.sc-price-label{font-size:.85rem;color:#8b9bb4;margin-bottom:4px}
.sc-price{font-family:var(--display);font-size:2.8rem;font-weight:700;line-height:1;background:linear-gradient(120deg,#5bb8ff,#a98bff,#4fd6d6);-webkit-background-clip:text;background-clip:text;color:transparent;transition:.3s}
.sc-price.locked{filter:blur(11px);user-select:none}
.sc-price-lock{font-size:.8rem;color:var(--amber);margin-top:8px;display:flex;align-items:center;gap:6px;position:relative}
.sc-price.unlocked + .sc-price-lock{display:none}
.sc-metrics{margin-top:24px;display:flex;flex-direction:column;gap:14px;position:relative}
.sc-metric{display:flex;align-items:center;gap:12px}
.sc-mi{width:40px;height:40px;border-radius:11px;background:rgba(255,255,255,.08);display:grid;place-content:center;font-size:1.15rem;flex:0 0 auto}
.sc-md b{display:block;font-size:1.1rem;font-weight:600;font-family:var(--display)}
.sc-md span{font-size:.8rem;color:#8b9bb4}
.sc-build{margin-top:20px;position:relative}
.sc-bl{font-size:.82rem;color:#aeb9cc;padding:5px 0;display:flex;align-items:center;gap:8px;opacity:0;transform:translateX(-8px);animation:scSlide .3s forwards}
.sc-bl::before{content:"+";color:var(--teal);font-weight:700}
@keyframes scSlide{to{opacity:1;transform:none}}
.sc-discount{margin-top:auto;background:linear-gradient(120deg,rgba(240,176,32,.18),rgba(240,138,16,.12));border:1px solid rgba(240,176,32,.35);border-radius:14px;padding:14px 16px;position:relative;opacity:0;transform:translateY(10px);transition:.4s;pointer-events:none}
.sc-discount.on{opacity:1;transform:none}
.sc-discount b{color:var(--amber);font-size:.95rem;display:flex;align-items:center;gap:7px}
.sc-discount small{color:#c9d3e3;font-size:.82rem;display:block;margin-top:4px}
/* result */
.sc-result{text-align:center;padding:8px 0;flex:1;display:flex;flex-direction:column;justify-content:center}
.sc-big{font-family:var(--display);font-size:3.3rem;font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0}
.sc-range{color:var(--muted);margin-bottom:18px}
.sc-summary{background:var(--paper-2);border-radius:14px;padding:16px 18px;text-align:left;margin-bottom:16px}
.sc-r{display:flex;justify-content:space-between;padding:6px 0;font-size:.9rem;border-bottom:1px solid var(--line);gap:14px}
.sc-r:last-child{border:0}
.sc-r span:first-child{color:var(--muted)}
.sc-r span:last-child{font-weight:600;text-align:right}
.sc-wa{display:block;padding:15px;border-radius:12px;background:linear-gradient(120deg,#25d366,#128c7e);color:#fff;text-align:center;font-weight:600;text-decoration:none}
.sc-note{font-size:.8rem;color:var(--muted);margin-top:12px;line-height:1.5}
@media(max-width:800px){
  .sc-wrap{grid-template-columns:1fr;max-width:540px}
  /* Intai intrebarile/formularul, apoi panelul cu proiectul */
  .sc-main{order:1;min-height:auto;padding:22px 18px}
  .sc-side{order:2;padding:20px 20px}
  .sc-build{display:none}
  .sc-discount{margin-top:16px}
  .sc-metrics{flex-direction:row;flex-wrap:wrap}
  .sc-metric{flex:1;min-width:130px}
  /* Titluri mai mici si compacte ca sa apara direct optiunile */
  .sc-main h2{font-size:1.3rem;margin-bottom:4px}
  .sc-sub{font-size:.9rem;margin-bottom:16px}
  .sc-dots{margin-bottom:16px}
  .sc-eyebrow{margin-bottom:5px}
  .sc-opt{padding:13px 15px;gap:12px}
  .sc-ic{width:40px;height:40px;font-size:1.2rem}
  .sc-tx b{font-size:.98rem}
  .sc-tx small{font-size:.8rem}
  .sc-opts{gap:9px}
  .sc-field{margin-bottom:12px}
  .sc-nav{margin-top:18px}
  .sc-btn{padding:13px 18px}
  /* Panelul mobil mai compact */
  .sc-side-h{font-size:.68rem}
  .sc-price{font-size:2.2rem}
  .sc-price-wrap{margin:10px 0 4px}
  .sc-metrics{margin-top:16px}
}

/* Pret personalizat (inlocuieste cifrele pe pachetele de pe home) */
.price-calc b{font-size:1.5rem;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:var(--display)}

/* Portofoliu sub calculator - ascuns pana la rezultat (revealed cu .show) */
.calc-portfolio.js-hidden{display:none}
.calc-portfolio.js-hidden.show{display:block;animation:calcPfIn .6s cubic-bezier(.2,.7,.2,1)}
@keyframes calcPfIn{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}


/* Portfolio styles (copiate pt. robustete pe pagina calculator) */
.pf-section{padding-top:10px}
.portfolio-wrap{margin-left:auto;margin-right:auto}
.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(var(--pf-cols,3),1fr);
  gap:26px;
}
.pf-card{display:block;transition:.35s cubic-bezier(.2,.7,.2,1)}
.pf-card:hover{transform:translateY(-8px)}
.pf-browser{
  position:relative;border-radius:14px;overflow:hidden;
  background:var(--ink);box-shadow:var(--shadow);
  border:1px solid #2a3445;transition:.35s;
}
.pf-card:hover .pf-browser{box-shadow:0 28px 60px -24px rgba(112,64,224,.5)}
.pf-bar{
  display:flex;align-items:center;gap:7px;padding:11px 14px;
  background:#161d29;border-bottom:1px solid #232c3b;
}
.pf-bar i{width:10px;height:10px;border-radius:50%}
.pf-url{
  margin-left:10px;font-family:var(--mono);font-size:.72rem;color:#7c8aa3;
  background:#0e141d;padding:4px 12px;border-radius:999px;flex:1;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.pf-shot{position:relative;aspect-ratio:1200/800;overflow:hidden;background:#0e141d}
.pf-shot img{
  width:100%;height:100%;object-fit:cover;object-position:top center;
  transition:transform 3.5s ease;display:block;
}
.pf-card:hover .pf-shot img{transform:translateY(calc(-100% + 240px))}
.pf-hover{
  position:absolute;inset:0;display:grid;place-content:center;
  background:linear-gradient(120deg,rgba(16,144,240,.82),rgba(112,64,224,.82));
  opacity:0;transition:.35s;
}
.pf-card:hover .pf-hover{opacity:1}
.pf-visit{
  font-family:var(--display);font-weight:700;color:#fff;font-size:1rem;
  display:inline-flex;align-items:center;gap:8px;
  border:2px solid rgba(255,255,255,.7);padding:10px 22px;border-radius:999px;
  backdrop-filter:blur(2px);
}
.pf-visit .cur{transition:.25s}
.pf-card:hover .pf-visit .cur{transform:translateX(5px)}
.pf-meta{padding:16px 4px 0;display:flex;flex-direction:column;gap:7px}
.pf-meta .badge{align-self:flex-start}
.pf-meta h3{font-size:1.15rem;font-family:var(--display)}

@media(max-width:980px){
  .portfolio-grid{grid-template-columns:repeat(2,1fr);gap:22px}
}
@media(max-width:680px){
  .portfolio-grid{grid-template-columns:1fr;gap:28px}
  .pf-card:hover .pf-shot img{transform:none}
  .pf-card:active{transform:none}
  .pf-section{padding-top:8px;padding-bottom:48px}
  .pf-section .wrap{padding-left:18px;padding-right:18px}
  .pf-meta{padding:14px 2px 0}
}

/* Pret redus la rezultat (cand alege livrare rapida) */
.sc-oldprice{font-size:1.5rem;color:var(--muted);text-decoration:line-through;text-decoration-color:rgba(240,138,16,.7);text-decoration-thickness:2px;margin-bottom:2px;font-family:var(--display);font-weight:600}
.sc-big-disc{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}
.sc-badge{-webkit-text-fill-color:#3a2400;background:linear-gradient(120deg,#f0b020,#f08a10);color:#3a2400;font-size:1.1rem;font-weight:700;padding:4px 14px;border-radius:99px;font-family:var(--display);box-shadow:0 6px 18px -6px rgba(240,138,16,.6);animation:scBadgePop .5s cubic-bezier(.2,1.4,.4,1)}
@keyframes scBadgePop{0%{transform:scale(0);opacity:0}100%{transform:scale(1);opacity:1}}
.sc-saved{color:var(--amber2,#f08a10);font-size:.92rem;font-weight:600;margin:6px 0 4px;display:flex;align-items:center;justify-content:center;gap:6px}
.sc-saved::before{content:"🎁"}

/* La rezultat: card centrat, o singura coloana */
.sc-wrap.sc-done{grid-template-columns:1fr;max-width:600px}
.sc-wrap.sc-done .sc-side{display:none}
.sc-wrap.sc-done .sc-main{min-height:auto}