/* ===== компактный блок для статьи ===== */
.kzt-stream-wrap .kzt-stream-wrap{position:relative;margin:14px 0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;width:100%}
.kzt-stream-wrap .kzt-stream-inner{position:relative;overflow:hidden;border:1px solid #eee;border-radius:12px;padding:8px;background:#fff}

/* лента и страницы */
.kzt-stream-wrap .kzt-track{display:flex;transition:transform .45s ease;will-change:transform}
.kzt-stream-wrap .kzt-page{min-width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
@media (max-width:720px){.kzt-page{grid-template-columns:1fr}}

/* карточка */
.kzt-stream-wrap .kzt-card{position:relative;display:flex;flex-direction:column;border:1px solid #eee;border-radius:10px;overflow:hidden;
  text-decoration:none;background:#fff;color:#111;box-shadow:0 3px 10px rgba(0,0,0,.06);z-index:1}
.kzt-stream-wrap .kzt-card *{box-sizing:border-box}

/* изображение — одинаковая высота, обрезка по краям */
.kzt-stream-wrap .kzt-img{height:160px;background:#f6f6f6;overflow:hidden;display:block}
.kzt-stream-wrap .kzt-img img{width:100%;height:100%;object-fit:cover;display:block}

/* текст — всегда под фото, чёрный */
.kzt-stream-wrap .kzt-body{position:relative;background:#fff;padding:10px;color:#111}
.kzt-stream-wrap .kzt-title{color:#111;font-weight:800;margin:2px 0 4px;line-height:1.25;font-size:14px;
  min-height:2.5em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kzt-stream-wrap .kzt-stars{display:flex;gap:2px;color:#f5a623;height:18px}
.kzt-stream-wrap .kzt-meta{color:#111;font-size:12px;opacity:.9;margin:4px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* кнопка */
.kzt-stream-wrap .kzt-btn{display:inline-block;font-weight:700;border:1px solid #0a7cff;color:#0a7cff;border-radius:8px;
  padding:6px 10px;text-align:center;font-size:12px}
.kzt-stream-wrap .kzt-btn:hover{background:#0a7cff;color:#fff}
.kzt-stream-wrap .kzt-empty{padding:20px;text-align:center;opacity:.7;font-size:14px}

/* стрелки — поверх карточек, кликаются */
.kzt-stream-wrap .kzt-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;border-radius:10px;background:#fff;
  box-shadow:0 6px 18px rgba(0,0,0,.12);font-size:18px;cursor:pointer;z-index:1000;pointer-events:auto;display:flex;align-items:center;justify-content:center}
.kzt-stream-wrap .kzt-prev{left:6px}
.kzt-stream-wrap .kzt-next{right:6px}

/* точки */
.kzt-stream-wrap .kzt-dots{display:flex;gap:6px;justify-content:center;margin-top:8px}
.kzt-stream-wrap .kzt-dots button{width:7px;height:7px;border-radius:999px;border:0;background:#ddd;cursor:pointer}
.kzt-stream-wrap .kzt-dots button.is-active{background:#0a7cff}

/* --- всегда 2 карточки в строку --- */
.kzt-stream-wrap .kzt-stream-wrap .kzt-page{
  display:grid;
  grid-template-columns:repeat(2, minmax(140px,1fr));
  gap:10px;
}

/* не сваливаться в 1 колонку на узких экранах */
@media (max-width:480px){
  .kzt-stream-wrap .kzt-stream-wrap .kzt-page{
    grid-template-columns:repeat(2, minmax(140px,1fr));
  }
}

/* чтобы обе влезали — чуть ниже картинка и шрифт */
.kzt-stream-wrap .kzt-stream-wrap .kzt-img{height:140px}
.kzt-stream-wrap .kzt-stream-wrap .kzt-title{font-size:13px}
.kzt-stream-wrap .kzt-stream-wrap .kzt-meta{font-size:11px}