.qeagle-cs-slider{
  position: relative;
  width: 100%;
  --qeagle-gap: 28px;
  --qeagle-per-view: 3;
  font-family: Montserrat, sans-serif !important;
}
.qeagle-cs-slider *{ box-sizing: border-box; }
.qeagle-cs-viewport{ overflow: hidden; border-radius: 18px; }
.qeagle-cs-track{
  display: flex;
  gap: var(--qeagle-gap);
  padding: 2px 2px 10px;
  will-change: transform;
}
.qeagle-cs-slide{
  flex: 0 0 calc((100% - (var(--qeagle-gap) * (var(--qeagle-per-view) - 1))) / var(--qeagle-per-view));
  min-width: 280px;
}
.qeagle-cs-card{
  display:block;
  height:100%;
  text-decoration:none !important;
  color:inherit;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow: 0 18px 40px rgba(17,24,39,.10);
  border:1px solid rgba(17,24,39,.07);
  transition: transform .18s ease, border-color .18s ease;
}
.qeagle-cs-card:hover{
  transform: translateY(-2px);
  border-color: rgba(58,2,43,.18) !important;
}
.qeagle-cs-media{ position:relative; aspect-ratio:16/9; background:#0b1220; }
.qeagle-cs-media img{ width:100%; height:100%; object-fit:cover; display:block; }
.qeagle-cs-media-placeholder{ width:100%; height:100%; background: linear-gradient(135deg, rgba(15,23,42,.95), rgba(58,2,43,.28)); }
.qeagle-cs-badge{
  position:absolute; top:12px; left:12px;
  padding:6px 12px;
  font-size:12px; line-height:1;
  font-weight:700;
  color:#fff;
  background:#3A022B !important;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  box-shadow: 0 10px 20px rgba(0,0,0,.14);
}
.qeagle-cs-body{ padding:18px 18px 20px; }
.qeagle-cs-title{
  margin:0 0 10px;
  font-size:18px !important;
  line-height:1.2;
  font-weight:600 !important;
  color:#111827;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
  min-height: calc(1.2em * 2);
}
.qeagle-cs-excerpt{
  margin:0 0 16px;
  font-size:15px;
  line-height:1.6;
  color: rgba(17,24,39,.70);
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
  min-height: calc(1.6em * 2);
}
.qeagle-cs-learn{
  display:inline-flex; align-items:center; gap:10px;
  font-size:15px;
  font-weight:700;
  color:#3A022B !important;
}
.qeagle-cs-empty{ padding:18px; color: rgba(17,24,39,.6); font-size:14px; }

@media (max-width:1024px){ .qeagle-cs-slider{ --qeagle-per-view: 2; } }
@media (max-width:640px){ .qeagle-cs-slider{ --qeagle-per-view: 1; } .qeagle-cs-slide{ min-width: 86%; } }