/* === BLOKY === */


/* === ŠEDÉ BLOKY - ÚVODNÍ CTA BLOK A SHRNUJÍCÍ BLOK S FAJFKAMI === */


/* ===========================
   Šedý blok textu PK CALLOUT – sjednocené CSS 
   Rozlišuje varianty podle obsahu:
   - CTA:     .pk-callout:has(.pk-callout__cta)
   - Summary: .pk-callout:has(.pk-callout__list)
   =========================== */


/* --- Společný základ (pro obě varianty) --- */
.pk-callout{
  width:100%;
  margin:60px 0 40px;
  position:relative;
  box-sizing:border-box;


  /* běžný text v calloutu */
  font-family:"Segoe UI", Helvetica, Arial, sans-serif;
}


.pk-callout__badge{
  position:absolute;
  top:-30px;
  left:50%;
  transform:translateX(-50%);
  width:60px;
  height:60px;


  background:#fff;
  border-radius:999px;


  display:flex;
  align-items:center;
  justify-content:center;


  font-size:28px;
  color:#333;


  border:0;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}


.pk-callout__box{
  background:#F8F9FA;
  border:0;
  border-radius:0;
  padding:42px 28px 22px;
  text-align:center;
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset;
  box-sizing:border-box;
}


/* ✅ Nadpisy – společné pravidlo (Poppins + 22px + 700) */
.pk-callout:has(.pk-callout__list) .pk-callout__title,
.pk-callout:has(.pk-callout__cta)  .pk-callout__title{
  font-family:Poppins, sans-serif;
  font-size:22px;
  line-height:1.25;
  font-weight:700;
}


/* ===========================
   SUMMARY varianta (seznam)
   =========================== */
.pk-callout:has(.pk-callout__list) .pk-callout__title{
  margin:0 0 10px 0;
  color:#333;
}


.pk-callout:has(.pk-callout__list) .pk-callout__p{
  margin:0;
  line-height:1.6;
  color:#333;
}


.pk-callout:has(.pk-callout__list) .pk-callout__p + .pk-callout__p{
  margin-top:10px;
}


.pk-callout:has(.pk-callout__list) .pk-callout__p--left{
  text-align:left;
}


.pk-callout:has(.pk-callout__list) .pk-callout__spacer{
  margin:0;
  line-height:1.6;
  color:#333;
}


.pk-callout:has(.pk-callout__list) .pk-callout__list{
  list-style:none;
  padding:0;
  margin:12px 0 0 0;
  text-align:left;
}


.pk-callout:has(.pk-callout__list) .pk-callout__li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  margin:0 0 10px 0;
}


.pk-callout:has(.pk-callout__list) .pk-callout__li:last-child{
  margin:0;
}


.pk-callout:has(.pk-callout__list) .pk-callout__check{
  color:#333;
  font-size:18px;
  line-height:1.6;
  font-weight:800;
  flex:0 0 auto;
  margin:0;
}


.pk-callout:has(.pk-callout__list) .pk-callout__li-text{
  font-size:12pt; /* pokud chcete 16px, změňte na 16px */
  line-height:1.6;
  color:#333;
  margin:0;
}


/* ===========================
   CTA varianta (tlačítko + note)
   =========================== */
.pk-callout:has(.pk-callout__cta) .pk-callout__title{
  margin:0 0 14px;
  color:inherit;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__p{
  margin:0;
  color:inherit;
  line-height:1.6;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__p + .pk-callout__p{
  margin-top:12px;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__cta{
  margin-top:18px;
  display:flex;
  justify-content:center;
}


.pk-callout:has(.pk-callout__cta) .pk-cta{
  background:#edde00;
  color:#111;


  display:inline-flex;
  align-items:center;
  gap:12px;


  padding:24px 26px;
  border-radius:999px;


  text-decoration:none;


  font:inherit;
  font-weight:700;
  line-height:1;


  border:0;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  white-space:nowrap;


  transition:transform .15s ease, box-shadow .15s ease;
}


.pk-callout:has(.pk-callout__cta) .pk-cta__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}


.pk-callout:has(.pk-callout__cta) .pk-cta__text{
  font:inherit;
  font-weight:inherit;
  line-height:inherit;
}


.pk-callout:has(.pk-callout__cta) .pk-cta:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0,0,0,.10);
}


.pk-callout:has(.pk-callout__cta) .pk-cta:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}


.pk-callout:has(.pk-callout__cta) .pk-cta:focus-visible{
  outline:3px solid rgba(17,17,17,.22);
  outline-offset:3px;
}


.pk-callout:has(.pk-callout__cta) .pk-callout__note{
  margin:10px 0 0;
  font-size:10px;
  line-height:1.25;
  color:rgba(17,17,17,.60);
}


/* --- Mobil (společné) --- */
@media (max-width:560px){
  .pk-callout{ margin:52px 0 28px; }
  .pk-callout__box{ padding:40px 18px 18px; }
  .pk-callout__badge{
    width:54px;
    height:54px;
    top:-27px;
    font-size:26px;
  }
}


@media (max-width:520px){
  .pk-callout:has(.pk-callout__cta) .pk-cta{
    padding:22px 20px;
    gap:10px;
    white-space:normal;
    text-align:center;
  }
}


/* ✅ POJISTKA: CTA nadpis vždy 22px (když to přepisuje jiný styl) */
.pk-callout:has(.pk-callout__cta) .pk-callout__title{
  font-size:22px !important;
}








/* === USP BLOKY S EMOTIKONY (4 vedle sebe) === */




.pk-usp{
  --pk:#00a8ee;
  --txt:#24242e;




  --bd:#E6E8EC;        /* jemný, ale viditelný */
  --bd-hover:#D6DAE0;  /* o chlup výraznější na hover */
  --bg-hover:#F8F9FA;




  font-size:15px;          /* ✅ velikost textu */
  line-height:1.4;         /* volitelné – příjemnější čitelnost */




  display:grid;
  grid-template-columns:repeat(4, minmax(160px, 1fr));
  gap:16px;
  margin:16px 0;
}




.pk-usp__item{
  background:#fff;
  border:1px solid var(--bd);
  border-radius:14px;
  padding:16px 14px;
  text-align:center;




  box-shadow:none; /* bez stínu */
  transition:background-color .2s ease, border-color .2s ease;




  font: inherit;
  line-height: inherit;
  color: var(--txt);
}




.pk-usp__item:hover{
  background:var(--bg-hover);
  border-color:var(--bd-hover);
}




.pk-usp__icon{
  width:auto;
  height:auto;
  margin:0 auto 10px;




  border:0;
  border-radius:0;




  color:var(--pk);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:20px;
  line-height:1;
}




.pk-usp__text{
  margin:0;
  padding:0;
  font: inherit;
  line-height: inherit;
  color: inherit;
}




.pk-usp__text strong,
.pk-usp__text b{
  font-weight:700;
}




@media (max-width: 900px){
  .pk-usp{ grid-template-columns:repeat(2, minmax(160px, 1fr)); }
}




@media (max-width: 520px){
  .pk-usp{ grid-template-columns:1fr; }
}






/* === USP BLOKY 3 VEDLE SEBE SE ZABARVENÍM A JPG IKONAMI === */


.pk-usp--3{
  --pk:#EDDE00;
  --bg:#F8F9FA;
  --txt:#333333;
  --w:#FFFFFF;


  --iconSize:72px;
  --iconSafeGap:18px;


  display:grid;
  grid-template-columns:repeat(3, minmax(180px, 1fr));
  gap:18px;
  margin:22px 0 16px;
}


.pk-usp--3 .pk-usp__item{
  position:relative;
  background:linear-gradient(180deg, rgba(237, 222, 0, .12), var(--w) 70%);
  border:1px solid rgba(51, 51, 51, .12);


  border-radius:10px; /* ✅ hranatější bloky */


  padding:calc(var(--iconSize) / 2 + var(--iconSafeGap)) 16px 16px;
  text-align:center;


  box-shadow:none;
  outline:1px solid transparent;
  outline-offset:0;
  transition:background-color .2s ease, border-color .2s ease, outline-color .2s ease;
}


.pk-usp--3 .pk-usp__item:hover{
  background:rgba(237, 222, 0, .07);
  border-color:rgba(237, 222, 0, .50);
  outline-color:rgba(237, 222, 0, .22);
}


/* ✅ ikonový badge zůstává KULATÝ */
.pk-usp--3 .pk-usp__icon{
  position:absolute;
  left:50%;
  top:0;
  transform:translate(-50%, -50%);
  width:var(--iconSize);
  height:var(--iconSize);


  border-radius:999px; /* ✅ kolečko */


  background:var(--w);
  border:2px solid rgba(237, 222, 0, .65);


  display:flex;
  align-items:center;
  justify-content:center;


  box-shadow:none;
}


.pk-usp--3 .pk-usp__icon img{
  width:42px;
  height:42px;
  object-fit:contain;
  display:block;
}


/* reset defaultních marginů */
.pk-usp--3 .pk-usp__title,
.pk-usp--3 .pk-usp__text{
  margin:0;
}


.pk-usp--3 .pk-usp__title{
  font-weight:800;
  color:var(--txt);
  font-size:18px;
  line-height:1.3;
  letter-spacing:-0.015em;
}


.pk-usp--3 .pk-usp__text{
  margin-top:10px;
  color:rgba(51, 51, 51, .80);
  font-size:13px;
  line-height:1.55;
}


@media (max-width:900px){
  .pk-usp--3{ grid-template-columns:1fr; }
}






/* === ALERT BOX - ČERVENÝ RÁMEČEK  === */


.pk-alert-inline{
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;


  width: 100%;
  max-width: none;
  margin: 30px 0;


  background-color: #fff4f4;
  border: 0;
  border-radius: 0;
  padding: 18px 18px;


  box-shadow: none;       /* bez stínu */


  display: flex;
  align-items: flex-start;
  gap: 12px;


  box-sizing: border-box;
}


.pk-alert-inline__icon{
  flex: 0 0 auto;
  font-size: 22px;
  line-height: 1.2;
  margin-top: 1px;
}


.pk-alert-inline__content{
  flex: 1 1 auto;
  min-width: 0;
}


.pk-alert-inline__title{
  font-size: 16px;
  font-weight: bold;
  color: #111;
  margin: 0 0 6px 0;
  line-height: 1.35;
}


.pk-alert-inline__text{
  font-size: 16px;
  line-height: 1.6;
  color: #333;
  margin: 0;
}


@media (max-width: 520px){
  .pk-alert-inline{
    padding: 16px 14px;
    gap: 10px;
  }
  .pk-alert-inline__icon{
    font-size: 20px;
  }
}








/* === TIP BOX - ŽLUTÝ RÁMEČEK === */


.pk-tip-inline{
  font-family: "Segoe UI", Helvetica, Arial, sans-serif;


  width:100%;
  max-width:none;
  margin:30px 0;


  background: linear-gradient(90deg, rgba(237,222,0,.16) 0%, #fffee2 55%, #fffee2 100%);


  border:0;
  border-radius:0;
  box-shadow: 0 0 0 1px rgba(0,0,0,.06) inset;


  /* top | right | bottom | left */
  padding:18px 18px 6px 18px;   /* horní OK, spodní menší */


  display:flex;
  align-items:flex-start;
  gap:12px;


  box-sizing:border-box;


  /* sjednocení typografie uvnitř boxu */
  font-size:16px;
  line-height:1.6;
}


.pk-tip-inline__icon{
  flex:0 0 auto;
  font-size:22px;
  line-height:1.2;
  margin-top:1px;
  opacity:.9;
}


.pk-tip-inline__content{
  flex:1 1 auto;
  min-width:0;
}


/* Tip = stejná velikost jako text (přebije webové styly) */
.pk-tip-inline__title{
  font-size:16px !important;
  line-height:1.6 !important;
  font-weight:700;
  color:#111;
  margin:0 0 6px 0;
}


/* Text (přebije webové styly včetně <p> apod.) */
.pk-tip-inline__text,
.pk-tip-inline__text p{
  font-size:16px !important;
  line-height:1.6 !important;
  color:#333;
  margin:0;
}


/* kdyby byl text obalený dalšími elementy */
.pk-tip-inline__content *{
  font-size:16px !important;
  line-height:1.6 !important;
}


@media (max-width:520px){
  .pk-tip-inline{
    padding:16px 14px 9px 14px;
    gap:10px;
  }
  .pk-tip-inline__icon{
    font-size:20px;
  }
}






/* === SOCIÁLNÍ SÍTĚ === */




.pk-social{
  width:100%;
  margin:24px 0;
}




.pk-social__grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(150px, 1fr));
  gap:14px;
}




/* karta */
.pk-social__card{
  background:#fff;
  border:0;
  border-radius:0; /* hranaté */
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset; /* jemná linka */
  padding:18px 12px 14px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  min-width:0;
}




/* badge s ikonou */
.pk-social__badge{
  width:46px;
  height:46px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 0 1px rgba(0,0,0,.10) inset;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:-30px; /* lehce „visí“ nad kartou */
  margin-bottom:12px;
}




.pk-social__badge img{
  width:20px;
  height:20px;
  display:block;
}




/* název sítě */
.pk-social__name{
  margin:0;
  font:inherit;
  font-weight:700;
  line-height:1.2;
  color:#111;
  min-height:2.4em; /* zarovnání bloků i při delším názvu */
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:0 6px;
}




/* číslo */
.pk-social__value{
  margin:10px 0 0;
  font:inherit;
  font-weight:600; /* méně tučné než předtím */
  font-size:18px;
  line-height:1.15;
  color:#111;
}




/* popisek pod číslem */
.pk-social__meta{
  margin:4px 0 0;
  font:inherit;
  font-size:12px;
  line-height:1.2;
  color:rgba(17,17,17,.70);
}




/* tlačítko */
.pk-social__btn{
  margin-top:12px;
  background:#edde00;
  color:#111;




  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;




  padding:10px 14px;
  border-radius:999px;




  text-decoration:none;
  font:inherit;
  font-weight:700;
  line-height:1;




  border:0;
  box-shadow:0 2px 6px rgba(0,0,0,.08);
  transition:transform .15s ease, box-shadow .15s ease;
  white-space:nowrap;
}




.pk-social__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0,0,0,.10);
}




.pk-social__btn:active{
  transform:translateY(0);
  box-shadow:0 2px 6px rgba(0,0,0,.08);
}




.pk-social__btn:focus-visible{
  outline:3px solid rgba(17,17,17,.22);
  outline-offset:3px;
}




.pk-social__btn-ico{
  font-size:14px;
  line-height:1;
}




/* 3 vedle sebe */
@media (max-width: 1099px){
  .pk-social__grid{
    grid-template-columns:repeat(3, minmax(160px, 1fr));
  }
}




/* 2 vedle sebe */
@media (max-width: 599px){
  .pk-social__grid{
    grid-template-columns:repeat(2, minmax(140px, 1fr));
  }
  .pk-social__card{
    padding:16px 10px 12px;
  }
  .pk-social__btn{
    width:100%;
    white-space:normal;
  }
}












.pk-social__badge{
  width:54px;
  height:54px;
}




.pk-social__badge img{
  width:24px;
  height:24px;
}












/* === BLOKY SLUŽEB DLAŽDICE === */


:root{
  --accent: #edde00;
  --bg: #ffffff;
  --panel: #ffffff;
  --panel-hover: #F8F9FA;
  --text: #000000;


  --radius: 0px;
  --tag-radius: 8px;


  /* jemný rámeček odvozený z #F8F9FA */
  --border: #E9ECEF; /* velmi blízko #F8F9FA, ale viditelný */
  --gap: 14px;
}


.effects{
  background: var(--bg);
  color: var(--text);


  /* kratší okraj shora i zespodu */
  padding-top: 16px;
  padding-bottom: 24px;


  /* pokud máte někde margin na sekci */
  margin: 0;
}


.effects__grid{
  max-width: 1200px;
  margin: 0 auto;


  display: grid;
  gap: var(--gap);
  grid-template-columns: repeat(5, minmax(0, 1fr));


  /* důležité: karty se natáhnou na výšku řádku */
  align-items: stretch;
}


/* Card */
.effect-card{
  position: relative;
  background: var(--panel);
  border-radius: var(--radius);


  /* místo stínu jemný rámeček */
  border: 1px solid var(--border);
  box-shadow: none;


  padding: 12px;
  display: flex;
  flex-direction: column;


  transition: background-color .16s ease, border-color .16s ease;
}


.effect-card:hover{
  background: var(--panel-hover);
  border-color: #DEE2E6; /* o chlup výraznější při hoveru */
}


/* Dot bottom-right */
.effect-dot{
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--accent);
}


/* Tag */
.effect-tag{
  display: inline-flex;
  align-items: center;
  width: fit-content;


  font-weight: 700;
  font-size: 11px;
  letter-spacing: .03em;


  padding: 6px 10px;
  border-radius: var(--tag-radius);


  background: rgba(237,222,0,.22);
  color: var(--text);


  margin-bottom: 10px;
}


/* Text */
.effect-text{
  margin: 0;


  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  color: rgba(0,0,0,.78);


  padding-right: 18px; /* space for dot */
  padding-bottom: 2px;
}


/* Safety override ("jistič") */
.effect-card .effect-text{
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}


/* === Centering helper: 3 karty uprostřed v 5sloupcové mřížce === */
/* Použijte na gridu třídu: effects__grid effects__grid--center-3 */
.effects__grid--center-3 .effect-card:nth-child(1){ grid-column: 2; }
.effects__grid--center-3 .effect-card:nth-child(2){ grid-column: 3; }
.effects__grid--center-3 .effect-card:nth-child(3){ grid-column: 4; }


/* Na menších šířkách to vrátíme do přirozeného toku */
@media (max-width: 1100px){
  .effects__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)); }


  .effects__grid--center-3 .effect-card:nth-child(1),
  .effects__grid--center-3 .effect-card:nth-child(2),
  .effects__grid--center-3 .effect-card:nth-child(3){
    grid-column: auto;
  }
}
@media (max-width: 860px){
  .effects__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px){
  .effects__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px){
  .effects__grid{ grid-template-columns: 1fr; }
}










/* === BLOKY S ČÍSELNÝMI DŮKAZY SVĚTLÉ === */


.pk-stats{
  width:100%;
  margin:20px 0;
  padding:16px 14px;
  background:#F8F9FA;
  box-sizing:border-box;


  /* ✅ škálování a layout podle šířky bloku (ne viewportu) */
  container-type:inline-size;
  container-name:pkstats;
}


/* grid */
.pk-stats__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(180px, 1fr));
  gap:12px;
  align-items:stretch;
}


/* karta */
.pk-stat{
  background:#ffffff;
  border:1px solid rgba(0,0,0,.07);
  border-radius:0;
  padding:14px 14px 10px;
  box-sizing:border-box;
}


/* číslo */
.pk-stat__value{
  margin:0 0 4px;
  color:#111;
  font-weight:800;
  line-height:1;


  /* ✅ všechna čísla se škálují stejně podle šířky celého bloku */
  font-size:clamp(26px, 5.5cqw, 78px);


  /* ✅ zabrání „přetečení“ */
  white-space:nowrap;
  max-width:100%;
  overflow:hidden;


  /* drobný bonus pro čísla */
  font-variant-numeric:tabular-nums;
  letter-spacing:-0.02em;
}


/* label */
.pk-stat__label{
  margin:0 0 6px;
  color:#333;
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:15px;
  line-height:1.2;
}


.pk-stat__label::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:6px;
  background:#edde00;
}


/* popisek */
.pk-stat__desc{
  margin:0;
  color:rgba(17,17,17,.78);
  font-size:13px;
  line-height:1.45;
}


/* hover jemně, bez stínu */
.pk-stat:hover{
  background:#F8F9FA;
  border-color:rgba(0,0,0,.10);
}


/* ✅ Responsivita podle šířky bloku (kontejneru) */
@container pkstats (max-width: 900px){
  .pk-stats__grid{
    grid-template-columns:repeat(2, minmax(200px, 1fr));
  }
}


@container pkstats (max-width: 560px){
  .pk-stats{
    padding:14px 12px;
  }
  .pk-stats__grid{
    grid-template-columns:1fr;
  }
  .pk-stat{
    padding:12px 12px 9px;
  }
}


/* Fallback (kdyby container queries nebyly k dispozici) */
@media (max-width: 999px){
  .pk-stats__grid{
    grid-template-columns:repeat(2, minmax(200px, 1fr));
  }
}


@media (max-width: 599px){
  .pk-stats{
    padding:14px 12px;
  }
  .pk-stats__grid{
    grid-template-columns:1fr;
  }
  .pk-stat{
    padding:12px 12px 9px;
  }
}








/* === BLOKY S ČÍSELNÝMI DŮKAZY (TMAVÉ) === */






.pkd-stats{
  width:100%;
  margin:20px 0;
  padding:16px 14px;
  background:#262B30;
  box-sizing:border-box;
}




/* grid */
.pkd-stats__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(180px, 1fr));
  gap:12px;
  align-items:stretch;
}




/* karta */
.pkd-stat{
  background:#323840;
  border:1px solid rgba(255,255,255,.10);
  border-radius:0;
  padding:14px 14px 10px;
  box-sizing:border-box;




  /* ✅ pojistka proti globálnímu justify na kartách */
  text-align:left;
}




/* číslo – fix 45px */
.pkd-stat__value{
  margin:0 0 4px;
  color:#fff;
  font-weight:800;
  line-height:1;
  font-size:45px;
  white-space:nowrap;
}




/* label – 14px */
.pkd-stat__label{
  margin:0 0 6px;
  color:rgba(255,255,255,.92);
  font-weight:800;
  letter-spacing:.02em;
  text-transform:uppercase;
  font-size:14px;
  line-height:1.2;
}




.pkd-stat__label::after{
  content:"";
  display:block;
  width:34px;
  height:2px;
  margin-top:6px;
  background:#edde00;
}




/* popisek – cca 15px + bez velkých mezer + bez dělení slov */
.pkd-stat__desc,
.pkd-stat__desc p{
  margin:0;
  color:rgba(255,255,255,.78);
  font-size:15px;
  line-height:1.25;                /* 1.05 je extrémně nízké, často působí divně */




  /* ✅ vypnout justify (pokud ho šablona cpe globálně) */
  text-align:left !important;
  text-align-last:left;
  text-justify:auto;




  /* ✅ reset spacing (kdyby něco dědilo) */
  word-spacing:normal;
  letter-spacing:normal;




  /* ✅ nikdy nerozdělovat slova */
  hyphens:none;
  -webkit-hyphens:none;
  -ms-hyphens:none;
  overflow-wrap:normal;
  word-break:normal;
}




/* když je uvnitř víc odstavců, jemný rozestup */
.pkd-stat__desc p + p{
  margin-top:6px;
}




/* hover jemně, bez stínu */
.pkd-stat:hover{
  background:#3A424C;
  border-color:rgba(255,255,255,.16);
}




/* responsivita */
@media (max-width: 999px){
  .pkd-stats__grid{
    grid-template-columns:repeat(2, minmax(200px, 1fr));
  }
}




@media (max-width: 599px){
  .pkd-stats{
    padding:14px 12px;
  }
  .pkd-stats__grid{
    grid-template-columns:1fr;
  }
  .pkd-stat{
    padding:12px 12px 9px;
  }
}




/* === INFO BLOKY 3 VEDLE SEBE === */






.pk-tiles{
  --t:#0f172a;
  --m:#475569;
  --b:#e5edf5;




  /* ✅ místo modré accent barvy */
  --a:#F8F9FA;




  display:grid;
  gap:14px;
  margin:18px 0;
}




@media (min-width:900px){
  .pk-tiles{grid-template-columns:repeat(3,1fr)}
}




.pk-tile{
  border:1px solid var(--b);




  /* ✅ téměř ostré rohy */
  border-radius:4px;




  background:#fff;
  padding:16px 16px 14px;




  /* ✅ bez stínu */
  box-shadow:none;




  color:var(--t);
}




.pk-tile__icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;




  /* ✅ téměř ostré rohy */
  border-radius:4px;




  /* ✅ původně modrý nádech -> teď světle šedá */
  background:var(--a);




  /* ✅ aby ikona nezmizela (původně byla modrá) */
  color:var(--t);




  font-size:18px;
  margin-bottom:10px;




  /* volitelně: jemný okraj, ať je plocha ikony čitelná na bílém pozadí */
  border:1px solid var(--b);
}




.pk-tile__title{
  font-size:1.55rem !important;
  font-weight:800 !important;
  line-height:1.2;
  letter-spacing:-.01em;
  margin:0 0 10px;
}




.pk-tile__text{
  margin:0;
  color:var(--m);
  line-height:1.45;
}








/* === 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;
  }
}








/* === Bloky s hodnocením === */


.reviews__grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(220px, 1fr));
  gap:18px;
}


/* karta */
.review-card{
  background:#F8F9FA;
  border-radius:14px;
  padding:18px 20px;
  display:flex;
  flex-direction:column;
}


/* hvězdy */
.review-card__stars{
  color:#f6b300;
  font-size:18px;
  letter-spacing:2px;
  line-height:1;
  margin-bottom:8px;
}


/* text recenze – 14px + přesně 4 řádky, rozbalení na hover */
.review-card__text{
  margin:0 0 14px;
  color:#2b2f33;


  font-size:14px !important; /* všude 14px */
  line-height:1.4;
  flex:1;


  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:4;   /* přesně 4 řádky */
  overflow:hidden;


  position:relative;
}


/* pokud je text vnořený do dalších elementů */
.review-card__text *{
  font-size:14px !important; /* všude 14px */
  line-height:1.4;
  margin:0;
}


/* jemný fade na konci textu */
.review-card__text::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:1.1em;
  background:linear-gradient(to bottom, rgba(248,249,250,0), rgba(248,249,250,1));
  pointer-events:none;
}


/* rozbalení */
.review-card:hover .review-card__text,
.review-card__text:hover{
  display:block;
  -webkit-line-clamp:unset;
  overflow:visible;
}


/* po rozbalení schovat fade */
.review-card:hover .review-card__text::after,
.review-card__text:hover::after{
  display:none;
}


/* footer */
.review-card__user{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:auto;
}


/* kolečko s ikonou – výplň stejná jako okraj, bez stínu, šedé odstíny */
.review-card__avatar{
  width:34px;
  height:34px;
  border-radius:999px;


  background:#E3E6EA;
  border:1px solid #E3E6EA;
  color:#6B7280;


  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 34px;
}


.review-card__name{
  font-weight:700;
  color:#1f2327;
  font-size:14px;
  line-height:1.2;
}


.review-card__date{
  color:#6b7280;
  font-size:12px;
  margin-top:2px;
}


/* responsivita (1 sloupec na mobilu, 2 na větších mobilech/tabletech, 3 na desktopu) */
@media (max-width: 599px){
  .reviews__grid{ grid-template-columns:1fr; }
}


@media (min-width: 600px) and (max-width: 1099px){
  .reviews__grid{ grid-template-columns:repeat(2, minmax(220px, 1fr)); }
}


@media (min-width: 1100px){
  .reviews__grid{ grid-template-columns:repeat(3, minmax(220px, 1fr)); }
}