/* cum-functioneaza.css — Deviz Zugrav v4.4.0 */
.pas-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.pas-grid--rev .pas-text{order:2}.pas-grid--rev .pas-visual{order:1}
.pas-nr{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:4px 12px;border-radius:6px;margin-bottom:14px}
.pas-nr-b{background:var(--b1);color:var(--b7)}
.pas-nr-o{background:var(--o1);color:var(--o6)}
.pas-nr-g{background:var(--gr1);color:var(--gr6)}
.pas-nr-pu{background:var(--pu1);color:var(--pu6)}
.pas-subtitlu{font-size:16px;font-weight:600;color:var(--g5);margin-bottom:16px}
.pas-desc{font-size:15px;color:var(--g7);line-height:1.82;margin-bottom:20px}
.pas-detalii{list-style:none;display:flex;flex-direction:column;gap:8px}
.pas-detalii li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--g7);line-height:1.5}
.pas-ck{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
.pas-ck-b{background:var(--b1);color:var(--b7)}
.pas-ck-o{background:var(--o1);color:var(--o6)}
.pas-ck-g{background:var(--gr1);color:var(--gr6)}
.pas-ck-pu{background:var(--pu1);color:var(--pu6)}
/* Placeholder imagine pas */
.pas-img-placeholder{border-radius:16px;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px dashed}
.pas-img-b{background:var(--b1);border-color:var(--b2)}
.pas-img-o{background:var(--o1);border-color:rgba(232,117,44,.3)}
.pas-img-g{background:var(--gr1);border-color:rgba(22,163,74,.3)}
.pas-img-pu{background:var(--pu1);border-color:rgba(124,58,237,.3)}
.pas-nr-big{font-size:80px;font-weight:800;opacity:.12}
.pas-img-b .pas-nr-big{color:var(--b5)}
.pas-img-o .pas-nr-big{color:var(--o6)}
.pas-img-g .pas-nr-big{color:var(--gr6)}
.pas-img-pu .pas-nr-big{color:var(--pu6)}
.pas-img-placeholder span{font-size:14px;font-weight:600;color:var(--g5)}
/* Status flow */
.status-flow{display:flex;align-items:flex-start;justify-content:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.sflow-item{text-align:center;max-width:130px}
.sflow-dot{width:36px;height:36px;border-radius:50%;margin:0 auto 10px;border:3px solid}
.sflow-g2{background:var(--g2);border-color:var(--g3)}
.sflow-b5{background:var(--b1);border-color:var(--b5)}
.sflow-gr6{background:var(--gr1);border-color:var(--gr6)}
.sflow-err{background:#fee2e2;border-color:#ef4444}
.sflow-b9{background:var(--b1);border-color:var(--b9)}
.sflow-label{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px}
.sflow-desc{font-size:11px;color:rgba(255,255,255,.45);line-height:1.4}
.sflow-arr{font-size:22px;color:rgba(255,255,255,.25);margin-top:8px;flex-shrink:0}
@media(max-width:959px){
  .pas-grid{grid-template-columns:1fr}
  .pas-grid--rev .pas-text,.pas-grid--rev .pas-visual{order:unset}
  .pas-visual{display:none}
}
@media(max-width:767px){.status-flow{gap:4px}.sflow-arr{display:none}}


/* ============================================================
   IMAGINI REALE IN PASURI
   ============================================================ */
.pas-img-real {
  width: 100%;
  height: auto;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0,0,0,.12);
  object-fit: cover;
  max-height: 400px;
}

/* Fallback placeholder (cand imaginea lipseste) */
.pas-img-placeholder {
  width: 100%;
  aspect-ratio: 4/3;
  border-radius: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
}