/* =====================================================
   PT Clinic – Wskazania i przeciwwskazania
   Design language: HERO PT CLINIC
===================================================== */

.pt-indications{
  padding:80px 0 0;
  font-family: inherit;
  color: inherit;
}

/* =========================
   HEADER
========================= */

.pt-indications__title{
font-family: "Oddlini", serif;
  font-size: 38px;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}

.pt-indications__lead{
font-family: "Garamond", serif;
  font-size: 24px;
  line-height: 1.6;
  margin: 24px 0 48px;
  text-align: center;
  color: #203b57;
}

/* =========================
   COLUMNS
========================= */

.pt-indications__cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
}
.pt-indications__cols--single{
  grid-template-columns:1fr;
}
/* =========================
   CARD
========================= */

.pt-indications__col{
  background:#ffffff;
  border-radius:22px;
  padding:36px 34px;
  border:1px solid rgba(32,59,87,.08);
  box-shadow:0 20px 60px rgba(0,0,0,.08);
  margin-bottom: 48px;
}
.pt-indications__col--left {
background: #ebf4f1;	
}
.pt-indications__col--right{
background: #fbf0f0;	
}
.pt-indications__coltitle{
font-family: "Oddlini", serif;
  font-size: 26px;
  font-weight: 500;
  margin: 16px 0 16px;
  color: #0d2344;
}

.pt-indications__content{
font-family: "Garamond", serif;
  font-size: 22px;
  line-height: 1.6;
  margin: 0;
  color: #203b57;
}

/* =========================
   LISTS
========================= */

.pt-indications__list{
  list-style:none;
  margin:20px 0;
  padding:0;
  display:grid;
  gap:16px;
}

.pt-indications__item{
  display:flex;
  gap:16px;
  align-items:flex-start;
font-family: "Garamond", serif;
  font-size: 22px;
  line-height: 1.6;
  margin: 0;
  color: #203b57;
}

/* =========================
   ICONS – SYSTEM / MEDICAL
========================= */

.pt-indications__icon{
  width:22px;
  height:22px;
  flex:0 0 22px;
  position:relative;
  margin-top:4px;
}

/* ✔ WSKAZANIA */
.pt-indications__list--plus .pt-indications__icon::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:#e3ece7;
}

.pt-indications__list--plus .pt-indications__icon::after{
  content:"";
  position:absolute;
  left:6px;
  top:4px;
  width:7px;
  height:11px;
  border-right:3px solid #203b57;
  border-bottom:3px solid #203b57;
  transform:rotate(45deg);
}

/* ✖ PRZECIWWSKAZANIA */
.pt-indications__list--minus .pt-indications__icon::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:50%;
  background:#f2e7e4;
  width: 20px;
  height: 20px;
}

.pt-indications__list--minus .pt-indications__icon::after{
  content:"";
  position:absolute;
  left:4px;
  top:9px;
  width:12px;
  height:3px;
  background:#8b2d2d;
  border-radius:2px;
}

/* =========================
   EXTRA SECTIONS
========================= */

.pt-indications__extras{
  margin-top:64px;
  padding-top:40px;
  border-top:1px dashed rgba(32,59,87,.25);
}

.pt-indications__extra{
  margin-bottom:32px;
}


.pt-indications__extraBody{
font-family: "Garamond", serif;
  font-size: 22px;
  line-height: 1.6;
  margin: 0;
  color: #203b57;
}

/* =========================
   CTA – CENTERED / HERO-LIKE
========================= */

.pt-indications__cta{
margin-top: 72px;
  padding: 20px 0 35px;
  border-top: 1px solid rgba(32,59,87,.15);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 28px;
}

.pt-indications__ctaText{
font-family: "Garamond", serif;
  font-size: 28px;
  line-height: 1.6;
  color: #203b57;
  font-weight: bold;
}

/* button – bazuje na pt-btn */

.pt-indications__btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 42px;
  border-radius:40px;
  font-family: "Oddlini", serif;
  font-size:18px;
  text-decoration:none;
  background:#203b57;
  color:#ffffff;
  border:2px solid #203b57;
  transition:all .25s ease;
}

.pt-indications__btn:hover{
  background:#556877;
  border-color:#556877;
  transform:translateY(-1px);
}

/* =========================
   RESPONSIVE
========================= */

@media(max-width:1024px){
  .pt-indications__cols{
    grid-template-columns:1fr;
  }
}

@media(max-width:640px){
  .pt-indications{
    padding:48px 0;
  }

  .pt-indications__title{
    font-size:30px;
	text-align:left;
  }

  .pt-indications__lead{
    font-size: 22px;
  line-height: 1.6;
    margin-bottom:40px;
	text-align:left;
  }

  .pt-indications__col{
    padding:28px 24px;
  }

  .pt-indications__content,
  .pt-indications__item,
  .pt-indications__extraBody{
    font-size: 22px;
  line-height: 1.6;
  }

  .pt-indications__ctaText{
    font-size:20px;
  }
}