/* Front styles */
.kli-swiper-container { width: 100%; }
.kli-swiper-wrapper { padding: 8px 2px 32px; }

.kli-card {
  background: #fff; border-radius: 16px; overflow: hidden;
  box-shadow: 0 8px 24px rgba(0,0,0,.08); display: flex; flex-direction: column;
}
.kli-card-image { position: relative; aspect-ratio: 16/9; overflow: hidden; }
.kli-card-image img { width: 100%; height: 100%; object-fit: cover; display:block; transition: transform .4s ease; }
.kli-card:hover .kli-card-image img { transform: scale(1.05); }

.kli-card-tag { position: absolute; left: 12px; top: 12px; background: #E3B028; color: #0F0F10; padding: 6px 10px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .3px; }

.kli-card-content { padding: 16px; }
.kli-card-title { font-size: 18px; margin: 0 0 6px; color: #0F0F10; }
.kli-card-desc { color: #393939; font-size: 14px; line-height: 1.5; }

.kli-card-actions { display:flex; gap:10px; margin-top: 12px; flex-wrap: wrap; }
.kli-card-button { display:inline-block; text-decoration:none; padding:10px 14px; border-radius:10px; font-weight:600; transition: opacity .2s ease, transform .04s ease; border:2px solid transparent; }
.kli-card-button:hover { opacity:.9; transform: translateY(-1px); }
.kli-card-button.btn-primary { background:#0F0F10; color:#fff; }
.kli-card-button.btn-outline { background:#fff; color:#0F0F10; border-color:#0F0F10; }

.kli-swiper-container .swiper-button-prev, .kli-swiper-container .swiper-button-next { color:#0F0F10; }
.kli-swiper-container .swiper-pagination-bullet { background:#393939; }
.kli-swiper-container .swiper-pagination-bullet-active { background:#E3B028; }