/* === Průvodce krok za krokem (bloky pod sebou) === */


.pk-steps{
  /* BARVY Z PRIMAKOUPELNY */
  --brand:#0ea5e9;      /* primární (tlačítka/odkazy) */
  --brand2:#0b84c6;     /* tmavší hover/akcent */
  --t:#0f172a; --m:#475569; --b:#d7e7f5; --bg:#f7fbff;


  margin:22px 0;
  color:var(--t);
}


.pk-steps__title{
  margin:0 0 14px;
  font:800 1.9rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  letter-spacing:-.01em;
}


.pk-steps__list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
  grid-template-columns:1fr; /* VŽDY POD SEBOU */
}


.pk-step{
  position:relative;
  padding:12px 16px 12px;   
  border:1.5px dashed var(--b);
  border-radius:16px;
  background:var(--bg);
}


.pk-step__badge{
  position:absolute;
  left:24px;               /* místo středu -> víc e-shopový layout */
  top:-6px;
  width:40px;
  height:40px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:var(--brand);
  color:#fff;
  font-weight:900;
  border:4px solid #fff;
  box-shadow:0 8px 18px rgba(15,23,42,.12);
}


.pk-step__head{
  margin:0 0 4px;       /* odsazení od badge */
  padding-left:60px;       /* aby text začínal vedle čísla */
  font:900 1.6rem/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  letter-spacing:-.01em;
}


.pk-step__text{
  margin:0;
  padding-left:60px;       /* srovnat s nadpisem */
  color:var(--m);
  line-height:1.5;
}
.pk-step{position:relative}


.pk-step:not(:last-child)::after{
  content:"";
  position:absolute;
  left:44px;              /* zarovnání na střed badge (viz níže) */
  top:34px;               /* začátek linky pod badge */
  bottom:-14px;           /* protáhne se až k dalšímu kroku */
  width:2px;
  background:rgba(14,165,233,.35); /* použije brand dojem */
  border-radius:2px;
}