.kns{position:relative;width:100%;overflow:hidden;border-radius:6px;background:#111;user-select:none}
.kns-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab}
.kns-track::-webkit-scrollbar{display:none}
.kns-track.drag{cursor:grabbing;scroll-snap-type:none}
.kns-slide{flex:0 0 100%;scroll-snap-align:start;position:relative;aspect-ratio:16/9;margin:0}
.kns-slide a{display:block;width:100%;height:100%;color:#fff;text-decoration:none}
.kns-slide img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.kns-cap{position:absolute;left:0;right:0;bottom:0;padding:48px 24px 38px;background:linear-gradient(transparent,rgba(0,0,0,.85))}
.kns-cap h2{margin:6px 0 0;color:#fff;font-size:clamp(18px,3vw,32px);line-height:1.2}
.kns-cat{display:inline-block;background:#d00;color:#fff;font-size:12px;font-weight:700;text-transform:uppercase;padding:3px 8px;border-radius:3px}
.kns-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:0;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;font-size:18px;cursor:pointer;z-index:2;padding:0}
.kns-btn:hover{background:rgba(0,0,0,.85)}
.kns-prev{left:12px}.kns-next{right:12px}
.kns-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:8px;z-index:2}
.kns-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:rgba(255,255,255,.5);cursor:pointer}
.kns-dots button.on{background:#fff;transform:scale(1.3)}
@media(max-width:600px){.kns-slide{aspect-ratio:4/3}.kns-cap{padding:32px 14px 34px}.kns-btn{width:34px;height:34px;font-size:14px}.kns-prev{left:6px}.kns-next{right:6px}}