/* === Případové studie / články (3 vedle sebe) === */


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


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


/* karta */
.pk-case{
  background:#F8F9FA;
  border:0;
  border-radius:0; /* hranaté */
  box-shadow:0 0 0 1px rgba(0,0,0,.06) inset; /* jemná linka */
  overflow:hidden; /* ať se obrázek drží v kartě */
  display:flex;
  flex-direction:column;
  min-width:0;
}


/* náhled (hranatý) */
.pk-case__thumb{
  width:100%;
  aspect-ratio: 16 / 9;
  background:#eee;
  overflow:hidden;
}


.pk-case__thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}


/* obsah */
.pk-case__body{
  padding:16px 16px 0; /* <- ještě menší mezera dole (bylo 8px) */
  display:flex;
  flex-direction:column;
  gap:10px;
  min-height:0;
}


/* Nadpis a popisek – nechávají fonty z webu */
.pk-case__title{
  margin:0;
}


.pk-case__desc{
  margin:0;
  color:#333;
  line-height:1.55;
}


/* spodní část s tlačítkem */
.pk-case__footer{
  margin-top:auto;
  padding:0 16px 16px;
}


/* CTA tlačítko – vychází z vašich CTA */
.pk-case__btn{
  background:#edde00;
  color:#111;


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


  padding:14px 18px;          /* menší než hlavní CTA, ale stejné DNA */
  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-case__btn:hover{
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(0,0,0,.10);
}


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


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


/* malá šipka v tlačítku */
.pk-case__btn-ico{
  font-size:16px;
  line-height:1;
}


/* Responsivita */
@media (max-width: 999px){
  .pk-cases__grid{
    grid-template-columns:repeat(2, minmax(220px, 1fr));
  }
}


@media (max-width: 599px){
  .pk-cases__grid{
    grid-template-columns:1fr; /* mobil pod sebe */
  }
  .pk-case__footer{
    padding-bottom:14px;
  }
  .pk-case__btn{
    width:100%;               /* na mobilu pohodlné */
    white-space:normal;
  }
}