/* === Průvodce krok za krokem === */


.pk-steps{
  --step-bg:#F8F9FA;
  --step-badge:#333333;   /* kolečko */
  --step-num:#ffffff;     /* číslo bílé */
  --step-text:#111111;
  --step-sub:rgba(17,17,17,.78);
  --step-line:#333333;    /* spojnice zpět na #333333 */


  width:100%;
  margin:26px 0;
}


.pk-steps__title{
  margin:0 0 14px;
  color:inherit;
}


.pk-steps__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:12px;
  grid-template-columns:1fr;
}


/* blok kroku */
.pk-step{
  position:relative;
  background:var(--step-bg);
  border:0;
  border-radius:0;                 /* ostré rohy */
  padding:14px 18px 2px 60px;
  box-shadow:none;
}


.pk-step > *{
  margin:0;
}


/* číslo v badge (bez žlutého okraje) */
.pk-step__badge{
  position:absolute;
  left:18px;
  top:14px;


  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;


  background:var(--step-badge);
  color:var(--step-num);


  font-weight:600;
  font-size:14px;
  line-height:1;


  box-shadow:none;                 /* bez kroužku/okraje */
}


/* Nadpis kroku – nechte H3 styly z webu */
.pk-step__head{
  margin:0 0 4px;
  padding:0;
  color:var(--step-text);
  /* font:inherit;  <-- SMAZAT */
}



.pk-step__text{
  margin:0;
  padding:0;
  color:var(--step-sub);
  font:inherit;
}


/* spojnice mezi kroky */
.pk-step:not(:last-child)::after{
  content:"";
  position:absolute;
  left:32px;
  top:46px;
  bottom:-12px;
  width:2px;
  background:var(--step-line);
  border-radius:0;
}


@media (max-width: 560px){
  .pk-step{
    padding:12px 14px 6px 54px;
    border-radius:0;
  }


  .pk-step__badge{
    left:14px;
    top:12px;
    width:26px;
    height:26px;
    font-size:14px;
    font-weight:600;
  }


  .pk-step:not(:last-child)::after{
    left:27px;
    top:42px;
  }
}