/* ============================================================
   Cases page — обгортка (картки .tf-case-card вже стилізовані)
   ============================================================ */
   .tf-cases-page{ --tf-blue:#3273eb; background:#f9f9fd; }

/* секція: o-band + гутери g-container */
.e-con.tf-cases-page{
  display:flex; flex-direction:column;
  gap:3.125rem;
  padding:8rem 1.5625rem;
}

/* intro */
.e-con.tf-cases-intro{
  display:flex; flex-direction:column;
  gap:0; padding:0;
}
.tf-cases-intro-title .elementor-heading-title{
  margin:0; color:var(--tf-blue); font-weight:800;
  font-size:1.875rem; line-height:2.1875rem;          /* .alpha */
}
.tf-cases-intro-text{
  margin-top:1.171875rem;                              /* s-text gap до заголовка */
  color:#000; font-size:1rem; line-height:1.6666666667;
}
.tf-cases-intro-text p{ margin:0; }

/* контейнер сітки (сітка сама — з .tf-case-cards) */
.e-con.tf-cases-cards{ padding:0; }

/* ---- ≥768px ---- */
@media (min-width:768px){
  .e-con.tf-cases-page{ gap:3rem; padding:8rem 3rem; }
  .tf-cases-intro-title .elementor-heading-title{ font-size:2.375rem; line-height:2.75rem; }
  .tf-cases-intro-text{ font-size:1.125rem; line-height:1.875rem; }
}

/* ---- ≥992px ---- */
@media (min-width:992px){
  .e-con.tf-cases-page{ padding:8rem 4rem; }
}

/* ---- ≥1200px ---- */
@media (min-width:1200px){
  .e-con.tf-cases-page{ padding:10rem 6rem; }
  .tf-cases-intro-title .elementor-heading-title{ font-size:3.125rem; line-height:3.625rem; }
  .tf-cases-intro-text{ font-size:1.25rem; line-height:2.25rem; }
}

/* ---- ≥1550px ---- */
@media (min-width:1550px){
  .e-con.tf-cases-page{ gap:5rem; padding:12.5rem 10rem; }
  .tf-cases-intro-title .elementor-heading-title{ font-size:4.125rem; line-height:4.1875rem; }
  .tf-cases-intro-text{ font-size:1.5rem; line-height:2.5rem; }
}