.khps-slider{--khps-slide-width:82%;--khps-image-fit:cover;position:relative;width:100%;direction:ltr;isolation:isolate}
.khps-slider *{box-sizing:border-box}
.khps-stage{position:relative;width:100%;overflow:hidden;padding:0}
.khps-track{display:flex;align-items:stretch;gap:24px;will-change:transform;transition:transform .5s ease;transform:translateX(0)}
.khps-slide{flex:0 0 var(--khps-slide-width);width:var(--khps-slide-width);height:360px;overflow:hidden;position:relative;background:#f2f2f2;border-radius:5px;opacity:.72;transition:opacity .35s ease;user-select:none}
.khps-slide.is-active{opacity:1}
.khps-slide a{display:block;width:100%;height:100%}
.khps-slide img{display:block;width:100%;height:100%;object-fit:var(--khps-image-fit);object-position:center}
.khps-arrow{position:absolute;z-index:20;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(0,0,0,.22);border-radius:8px;background:#fff;color:#171717;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 12px rgba(0,0,0,.22);cursor:pointer;font-size:34px;font-weight:500;line-height:1;padding:0;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .2s,background .2s}
.khps-arrow:hover{background:#f7f7f7;box-shadow:0 4px 14px rgba(0,0,0,.28)}.khps-arrow:focus-visible{outline:3px solid #e72a80;outline-offset:2px}.khps-prev{left:calc((100% - var(--khps-slide-width))/2 + 10px)}.khps-next{right:calc((100% - var(--khps-slide-width))/2 + 10px)}
.khps-dots{display:flex;justify-content:center;align-items:center;gap:6px;padding:10px 0 0}
.khps-dot{width:6px;height:6px;border:0;border-radius:50%;padding:0;background:#888;opacity:.55;cursor:pointer;transition:all .2s}
.khps-dot.is-active{width:20px;border-radius:5px;opacity:1}
.khps-empty{padding:20px;text-align:center;border:1px dashed #aaa}
@media(max-width:767px){.khps-track{gap:12px}.khps-slide{height:190px}.khps-arrow{width:32px;height:32px;font-size:25px}.khps-prev{left:calc((100% - var(--khps-slide-width))/2 + 6px)}.khps-next{right:calc((100% - var(--khps-slide-width))/2 + 6px)}}
@media(prefers-reduced-motion:reduce){.khps-track,.khps-slide,.khps-dot{transition:none!important}}
/* v1.2.0: keep navigation arrows visible on the published frontend */
.khps-slider .khps-stage > button.khps-arrow,
.khps-slider .khps-stage > .khps-arrow {
  position:absolute !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  top:50% !important;
  z-index:99999 !important;
  width:44px !important; height:44px !important;
  min-width:44px !important; min-height:44px !important;
  margin:0 !important; padding:0 !important;
  opacity:1 !important; visibility:visible !important;
  pointer-events:auto !important;
  transform:translateY(-50%) !important;
  line-height:1 !important;
  border:1px solid rgba(0,0,0,.22) !important;
  border-radius:8px !important;
  background:#fff !important; color:#171717 !important;
  box-shadow:0 3px 12px rgba(0,0,0,.22) !important;
  cursor:pointer !important;
}
.khps-slider .khps-stage > button.khps-prev { left:calc((100% - var(--khps-slide-width, 82%))/2 + 10px) !important; right:auto !important; }
.khps-slider .khps-stage > button.khps-next { right:calc((100% - var(--khps-slide-width, 82%))/2 + 10px) !important; left:auto !important; }
.khps-slider .khps-stage > .khps-arrow span { display:block !important; color:#171717 !important; font-size:34px !important; line-height:1 !important; visibility:visible !important; opacity:1 !important; }
@media(max-width:767px) {
 .khps-slider .khps-stage > button.khps-arrow { width:34px !important; height:34px !important; min-width:34px !important; min-height:34px !important; }
 .khps-slider .khps-stage > button.khps-prev { left:calc((100% - var(--khps-slide-width, 90%))/2 + 5px) !important; }
 .khps-slider .khps-stage > button.khps-next { right:calc((100% - var(--khps-slide-width, 90%))/2 + 5px) !important; }
 .khps-slider .khps-stage > .khps-arrow span { font-size:26px !important; }
}