/* === USP bloky s emotikony === */


.pk-usp{
  --pk:#6b34c5;
  --bd:#ddd6eb;
  --txt:#2a2533;
  --muted:#625c70;
  --bg:#f7f5fb;


  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:16px;
  margin:16px 0;
}


.pk-usp__item{
  background:var(--bg);
  border:1px solid var(--bd);
  border-radius:5px;
  padding:16px 14px;
  text-align:center;
  box-shadow:none;
  box-sizing:border-box;
  flex:0 0 calc((100% - 48px) / 4);
  max-width:calc((100% - 48px) / 4);
}


/* Když jsou přesně 3 bloky, udělej z nich 3 sloupce na střed */
.pk-usp > .pk-usp__item:first-child:nth-last-child(3),
.pk-usp > .pk-usp__item:first-child:nth-last-child(3) ~ .pk-usp__item{
  flex:0 0 calc((100% - 32px) / 3);
  max-width:calc((100% - 32px) / 3);
}


/* Ikona bez kolečka */
.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__title{
  font-family:inherit;
  font-weight:800;
  color:var(--txt);
  font-size:16px;
  line-height:1.25;
}


.pk-usp__text{
  margin-top:6px;
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
}


@media (max-width: 900px){
  .pk-usp__item,
  .pk-usp > .pk-usp__item:first-child:nth-last-child(3),
  .pk-usp > .pk-usp__item:first-child:nth-last-child(3) ~ .pk-usp__item{
    flex:0 0 calc((100% - 16px) / 2);
    max-width:calc((100% - 16px) / 2);
  }
}


@media (max-width: 520px){
  .pk-usp__item,
  .pk-usp > .pk-usp__item:first-child:nth-last-child(3),
  .pk-usp > .pk-usp__item:first-child:nth-last-child(3) ~ .pk-usp__item{
    flex:0 0 100%;
    max-width:100%;
  }
}