/* ===== FAQ blok (accordion) ===== */


.pk-faq{
  background:#f5f5f5;
  padding:34px 18px;
}


.pk-faq__title{
  margin:0 0 22px;
  text-align:center;
}


.pk-faq__list{
  display:grid;
  gap:22px;
  max-width:980px;
  margin:0 auto;
}


/* KARTA = <details> */
.pk-faq__card{
  background:#ffffff;
  border-radius:12px;
  padding:22px 24px 10px 24px;
  box-shadow:0 10px 28px rgba(15,23,42,.06);
}


/* odstranit default marker u <summary> */
.pk-faq__q::-webkit-details-marker{ display:none; }
.pk-faq__q::marker{ content:""; }


/* OTÁZKA = <summary> */
.pk-faq__q{
  margin:0 0 14px;
  cursor:pointer;
  user-select:none;


  display:flex;
  align-items:flex-start; /* dovolí sladit šipku na osu proužku */
  gap:10px;
}


/* H3 zachovat webové styly, jen odstranit margin */
.pk-faq__h3{
  margin:0;
}


/* šipka vlevo – jako malý „button“, zajímavější */
.pk-faq__chev{
  width:24px;
  height:24px;
  border-radius:999px;
  flex:0 0 24px;


  display:grid;
  place-items:center;


  /* barva podle vašeho systému */
  color:#150966;
  background:rgba(21,9,102,.08);


  /* srovnání na osu žlutého proužku (který začíná top:4px) */
  margin-top:4px;


  transition:transform .18s ease, background .18s ease;
}


/* ikonka chevron (ne trojúhelník) */
.pk-faq__chev::before{
  content:"⌄";
  font-size:18px;
  line-height:1;
}


/* otevřeno = otočení šipky */
.pk-faq__card[open] .pk-faq__chev{
  transform:rotate(180deg);
  background:rgba(21,9,102,.12);
}


/* obal odpovědi + prostor pro proužek */
.pk-faq__a{
  position:relative;
  padding-left:22px;
}


/* žlutý proužek vlevo */
.pk-faq__a::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:4px;
  border-radius:4px;
  background:#edde00;
}


.pk-faq__a p{
  margin:0;
  line-height:1.7;
  color:rgba(17,17,17,.82);
}


/* hover */
@media (hover:hover){
  .pk-faq__q:hover .pk-faq__chev{
    background:rgba(21,9,102,.14);
  }
}


@media (max-width:560px){
  .pk-faq{
    padding:26px 14px;
  }
  .pk-faq__card{
    padding:18px 16px;
    border-radius:10px;
  }
  .pk-faq__a{
    padding-left:18px;
  }
}