/* Sekcja CASE STUDIES – Before/After slider + karty projektów + tabela */
.case-section{
  background:#1e262c;color:#fff;padding:90px 5%;text-align:center;position:relative;overflow:hidden
}
.case-section h2{font-size:2.6rem;font-weight:800;letter-spacing:.5px;margin-bottom:20px}
.case-section p.subtitle{font-size:1.1rem;color:#cfcfcf;margin-bottom:60px}

/* Before/After */
.fs-before-after{
  position:relative;max-width:900px;margin:0 auto 80px;border-radius:12px;overflow:hidden;
  box-shadow:0 8px 30px rgba(0,0,0,.4)
}
.fs-before-after img{display:block;width:100%;height:auto}
.fs-overlay{position:absolute;top:0;left:0;height:100%;overflow:hidden}
.fs-handle{
  position:absolute;top:0;transform:translateX(-2px);width:4px;height:100%;
  background:#ff3b2e;cursor:ew-resize;z-index:5;box-shadow:0 0 0 2px rgba(0,0,0,.15) inset
}
.fs-handle::after{
  content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:32px;height:32px;border-radius:50%;background:#ff3b2e;box-shadow:0 8px 20px rgba(0,0,0,.35)
}

/* Karty projektów */
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:80px}
.project-card{background:#242d35;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.25);transition:.35s}
.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 35px rgba(0,0,0,.4)}
.project-card img{width:100%;height:180px;object-fit:cover}
.project-card .content{padding:20px}
.project-card h3{font-size:1.2rem;font-weight:700;color:#ff4a3d;margin-bottom:10px}
.project-card p{color:#d0d0d0;font-size:.95rem;line-height:1.5}

/* Tabela wyników */
.table-wrapper{overflow-x:auto;max-width:800px;margin:0 auto 50px}
.case-table{width:100%;border-collapse:collapse;text-align:left;color:#f2f2f2;font-size:.95rem}
.case-table th{background:#2b353f;color:#ff4a3d;font-weight:700;text-transform:uppercase;padding:14px}
.case-table td{background:#1f272d;padding:12px 14px;border-bottom:1px solid #333}

/* CTA */
.case-cta{display:inline-block;background:#ff3b2e;color:#fff;padding:14px 34px;font-size:1rem;font-weight:700;border-radius:6px;text-decoration:none;transition:.3s}
.case-cta:hover{background:#ff665a;transform:translateY(-3px)}

@media(max-width:768px){
  .project-card img{height:160px}
}