.kutaj-ref-grid{
  display:grid;
  grid-template-columns: repeat(var(--kutaj-cols, 3), minmax(0, 1fr));
  gap: 22px;
}

@media (max-width: 1024px){
  .kutaj-ref-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px){
  .kutaj-ref-grid{ grid-template-columns: 1fr; }
}

.kutaj-ref-card{
  background:#fff;
  border-radius:16px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.10);
  border:1px solid rgba(15, 23, 42, 0.08);
}

.kutaj-ref-thumb{
  position:relative;
  display:block;
  aspect-ratio: 16 / 9;
  background:#0F172A;
}

.kutaj-ref-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  transform: scale(1.02);
  transition: transform .25s ease, opacity .25s ease;
  opacity: .92;
}

.kutaj-ref-thumb:hover img{
  transform: scale(1.06);
  opacity: 1;
}

.kutaj-ref-badge{
  position:absolute;
  right:14px;
  bottom:14px;
  padding:8px 12px;
  border-radius:999px;
  font-weight:600;
  font-size:13px;
  background:#0075be;
  color:#fff;
  box-shadow: 0 10px 20px rgba(0, 117, 190, 0.25);
}

.kutaj-ref-body{
  padding:16px 16px 18px;
}

.kutaj-ref-title{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.25;
}

.kutaj-ref-title a{
  text-decoration:none;
  color:#0F172A;
}
.kutaj-ref-title a:hover{
  color:#0075be;
}

.kutaj-ref-subtitle{
  color: rgba(15, 23, 42, 0.70);
  font-size: 14px;
  margin-bottom: 10px;
}

.kutaj-ref-excerpt{
  margin:0;
  color: rgba(15, 23, 42, 0.75);
  font-size: 14px;
  line-height: 1.5;
}