﻿/* === USP bloky === */

.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; }
}
