/* ===== HERO ===== */
.demo-hero .s-tag{animation:slideUp .65s cubic-bezier(.22,1,.36,1) .22s both}
.demo-hero h1{animation:slideUp .65s cubic-bezier(.22,1,.36,1) .36s both}
.demo-hero{padding:var(--sp-cadru) 0 0;text-align:center;background:var(--off);position:relative}
.demo-hero-inner{position:relative;z-index:1;max-width:760px;margin:0 auto;padding:0 5vw}
.demo-hero h1{font-size:clamp(1.7rem,3.8vw,2.8rem);font-weight:800;line-height:1.06;letter-spacing:-1.8px;color:var(--black);margin:0}

/* ===== SECȚIUNE DEMO ===== */
.demo-section{padding:var(--sp-grup) 5vw var(--sp-cadru);background:var(--off)}
.demo-section-inner{max-width:1140px;margin:0 auto}

/* ===== FILTRE ===== */
.wz-filters{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 0 var(--sp-grup)}
.wz-chip{padding:.5rem 1.05rem;border-radius:50px;border:1.5px solid var(--border);background:#fff;font-family:inherit;font-size:13px;font-weight:700;color:var(--grey);cursor:pointer;transition:border-color .18s,color .18s,background .18s,box-shadow .18s;min-height:38px}
.wz-chip{display:inline-flex;align-items:center;justify-content:center;gap:.4rem}
.wz-chip svg{width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.wz-chip:hover{border-color:var(--p1);color:var(--black)}
.wz-chip.active{background:var(--grad);border-color:transparent;color:#fff;}

/* ===== CARDURI GALERII ===== */
.wz-gals{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-grup)}
.wz-gal{background:#fff;border:1.5px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;display:flex;flex-direction:column;text-align:left;text-decoration:none;color:inherit}
.wz-gal.reveal:not(.visible){opacity:0;transform:none;transition:none}
.wz-gal.reveal.visible{opacity:1;animation:galUp .65s cubic-bezier(.22,1,.36,1) backwards}
.wz-gal.reveal.rd1.visible{animation-delay:.08s}.wz-gal.reveal.rd2.visible{animation-delay:.08s}.wz-gal.reveal.rd3.visible{animation-delay:.08s}
@keyframes galUp{from{opacity:0}to{opacity:1}}
@keyframes galIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.wz-gal.reveal.visible.wz-gal-in{animation:galIn .22s cubic-bezier(.22,1,.36,1) backwards}

.wz-gal:hover{border-color:var(--p1);transform:translateY(-4px);box-shadow:0 16px 40px rgba(124,58,237,.14)}
.wz-gal-frame{width:100%;aspect-ratio:600/1070;overflow:hidden;background:#fff;position:relative}
.wz-gal-frame img{position:absolute;top:0;left:0;width:100%;height:100%;display:block;object-fit:cover;pointer-events:none}
.wz-gal-foot{padding:12px 14px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:.55rem}
.wz-gal-name{font-size:14px;font-weight:800;color:var(--black);letter-spacing:-.3px}
.wz-gal-btn{display:inline-flex;align-items:center;gap:6px;background:var(--grad);color:#fff;font-size:12.5px;font-weight:700;line-height:1;padding:9px 14px;border-radius:50px;white-space:nowrap;flex-shrink:0;transition:filter .18s}
.wz-gal:hover .wz-gal-btn{filter:brightness(1.06)}
.wz-empty{text-align:center;font-size:14px;color:var(--grey);padding:var(--sp-sectiune) 0;display:none}
.wz-empty.show{display:block}

.demo-cta{margin-top:var(--sp-sectiune);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-grup);padding:32px 36px;background:#fff;border:1.5px solid var(--border);border-radius:14px;position:relative;overflow:hidden}
.demo-cta-text h3{font-size:22px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px;color:var(--black)}
.demo-cta-text p{color:var(--grey);font-size:14px;margin:0}
.demo-cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:var(--grad);color:#fff;border:none;border-radius:50px;font-family:inherit;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:filter .18s;min-height:48px}
.demo-cta-btn:hover{filter:brightness(1.06)}
.demo-cta-btn svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}

@media(max-width:960px){
  .wz-gals{grid-template-columns:repeat(2,1fr);column-gap:var(--sp-mic);row-gap:26px}
}
@media(max-width:768px){
  .wz-gal-foot{padding:11px 10px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.3rem}
}
@media(max-width:640px){
  .demo-cta{flex-direction:column;text-align:center;align-items:center;padding:28px 24px}
}
@media(max-width:619px){
  .wz-filters{max-width:440px;margin-inline:auto}
}
@media(max-width:619px){.wz-chip{padding:.5rem .7rem;gap:.3rem}.wz-chip svg{width:13px;height:13px}}
@media(max-width:600px){
  .demo-hero{padding:var(--sp-sectiune) 0 0}
  .demo-cta{margin-top:var(--sp-grup)}
  .demo-cta-text h3{font-size:20px}
}
@media(max-width:520px){
  .wz-gals{column-gap:var(--sp-lipit);row-gap:22px}
  .wz-gal-foot{padding:10px}
  .wz-gal-name{font-size:13px}
}