/* ===== FAQ blok ===== */


.pk-faq{
  background:#F8F9FA;
  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);
}


/* ===== KRITICKÁ OPRAVA: vypnout globální "Podrobnosti" i marker ===== */
.pk-faq__q{
  list-style:none;
  margin:0 0 14px;
  padding:0;
  cursor:pointer;
  user-select:none;


  display:flex;
  align-items:flex-start;
  gap:10px;
}


/* schovat default marker */
.pk-faq__q::-webkit-details-marker{ display:none !important; }
.pk-faq__q::marker{ content:"" !important; }


/* vypnout pseudo-elementy, které často přidávají "Podrobnosti" */
.pk-faq__q::before,
.pk-faq__q::after{
  content:none !important;
  display:none !important;
}
/* a totéž i pro všechny děti v summary (pro jistotu, když to globálně cílí na *) */
.pk-faq__q *::before,
.pk-faq__q *::after{
  content:unset;
}


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


/* šipka vlevo v kolečku */
.pk-faq__chev{
  width:24px;
  height:24px;
  border-radius:999px;
  flex:0 0 24px;


  display:grid;
  place-items:center;


  color:#150966;
  background:rgba(21,9,102,.08);
  margin-top:4px;


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


.pk-faq__chev::before{
  content:"⌄";
  font-size:18px;
  line-height:1;
}


.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;
}


.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);
}


@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;
  }
}