/* Scoped carousel styles — do NOT alter your existing CSS */
  .kb-slider { position: relative; overflow: hidden; width: 100%; }
  .kb-track  { display: flex; transition: transform .5s ease; will-change: transform; }
  .kb-slide  { flex: 0 0 100%; }
  /* Dots */
  .kb-dots { position: absolute; left: 50%; bottom: 14px; transform: translateX(-50%); display: flex; gap: 8px; }
  .kb-dot  { width: 8px; height: 8px; border-radius: 50%; background: rgba(0,0,0,0.3); cursor: pointer; }
  .kb-dot.active { background: rgba(0,0,0,0.75); }