/* ===========================
   PROCESS STEPS – PT CLINIC
=========================== */

.pt-process-section{
 background-color: #dad1c8;
  padding: 80px 0;
  text-align:center;
  overflow:hidden;
}

.pt-process-title{
font-family: "Oddlini", serif;
  font-size: 38px;
  line-height: 1.2;
  margin: 0;
  color: #0d2344;
}

.pt-process-lead{
font-family: "Garamond", serif;
  font-size: 24px;
  line-height: 1.6;
  margin: 24px 0;
  color: #0d2344;
}

/* GRID: 3 kolumny / 2 rzędy (auto) */
.pt-process-grid{
  margin: 32px auto 0 auto;
  display:grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 34px 42px;
  text-align:left;
}

.pt-process-card{
  position:relative;
  padding: 18px;
  border-radius:18px;
  background:rgba(255,255,255,.45);
}

.pt-process-card__top{
  position:relative;
  min-height: 54px;
  margin-bottom: 10px;
}

.pt-process-step{
  display:block;
  font-family:"Oddlini", serif;
  font-size:12px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#203b57;
}

.pt-process-number{
  position:absolute;
  right: 0;
  top:0px;
  font-family:"Oddlini", serif;
  font-size: 96px;
  line-height:1;
  color: rgba(32,59,87,.18);
  user-select:none;
  pointer-events:none;
}

.pt-process-icon{
  display:inline-flex;
  width:60px;
  height:60px;
  margin-bottom:12px;
  opacity:.95;
}

.pt-process-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}


.pt-process-img img{
  width:100%;
  height:250px;
  object-fit:cover;
   margin-bottom:12px;
}

.pt-process-card__title{
font-family: "Oddlini", serif;
  font-size: 24px;
  font-weight: 500;
  margin: 16px 0 12px;
  color: #203b57;
}

.pt-process-card__text{
font-family: "Garamond", serif;
  font-size: 22px;
  line-height: 1.4;
  color: #203b57;
  margin:0;
}
/* ===========================
   PROCESS ICONS
=========================== */

.pt-process-icon{
  display:inline-flex;
  width:48px;
  height:48px;
  margin-bottom:12px;
  font-size:48px; /* dla icomoon */
  color:#203b57;
  align-items:center;
  justify-content:center;
}

.pt-process-icon img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}

/* ===========================
   RESPONSIVE
=========================== */
@media (max-width: 1100px){
  .pt-process-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pt-process-number{ font-size: 84px; }
}

@media (max-width: 768px){
  .pt-process-section{ padding: 30px 0; }
  .pt-process-title{ font-size: 27px; text-align: left;}
  .pt-process-lead{ font-size: 21px; text-align: left;}
  .pt-process-grid{ grid-template-columns: 1fr; gap: 26px; text-align:left; }
  .pt-process-card__title{ font-size: 24px; max-width: none; }
  .pt-process-number{ font-size: 72px; top: -10px; }
}