/* Kerege Photo Slider v2.2 */
*,*::before,*::after{box-sizing:border-box}
.ksl-wrapper{overflow:hidden}
.ksl-slider{
  position:relative;width:100%;
  height:var(--ksl-height,600px);
  overflow:hidden;
  border-radius:var(--ksl-radius,0px);
  background:#0a1628;
}
.ksl-track{position:relative;width:100%;height:100%}

/* SLIDES */
.ksl-slide{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity .75s ease}
.ksl-slide.is-active{opacity:1;z-index:2}
.ksl-slide.is-leaving{opacity:0;z-index:3}

.ksl-slider[data-transition="slide"] .ksl-slide{opacity:1;transform:translateX(100%);transition:transform .65s cubic-bezier(.4,0,.2,1)}
.ksl-slider[data-transition="slide"] .ksl-slide.is-active{transform:translateX(0)}
.ksl-slider[data-transition="slide"] .ksl-slide.is-leaving{transform:translateX(-100%)}
.ksl-slider[data-transition="slide"] .ksl-slide.from-prev{transform:translateX(-100%)}
.ksl-slider[data-transition="slide"] .ksl-slide.from-prev.is-active{transform:translateX(0)}

.ksl-slider[data-transition="zoom"] .ksl-slide{transform:scale(1.07);transition:opacity .75s ease,transform .75s ease}
.ksl-slider[data-transition="zoom"] .ksl-slide.is-active{transform:scale(1)}

.ksl-img{position:absolute;inset:0;width:100%;height:100%;object-fit:var(--ksl-obj-fit,cover);object-position:center;display:block;transition:transform 7s ease}
.ksl-slide.is-active .ksl-img{transform:scale(1.04)}
.ksl-slider[data-transition="zoom"] .ksl-img{transform:none!important}
.ksl-img-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a1628,#1a2f4a);color:rgba(255,255,255,.3);font-size:32px}
.ksl-overlay{position:absolute;inset:0;z-index:1}

/* CONTENT */
.ksl-content{
  position:absolute;bottom:0;left:0;right:0;z-index:2;
  padding:64px 60px 52px;
  background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%);
}
.ksl-slide.is-active .ksl-content{animation:kslUp .55s ease both .05s}
.ksl-slide:not(.is-active) .ksl-content{animation:none}
@keyframes kslUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}

.ksl-title{
  color:var(--ksl-title-color,#fff);
  font-size:var(--ksl-title-size,48px);
  font-weight:var(--ksl-title-weight,700);
  font-family:var(--ksl-title-font,inherit);
  text-transform:var(--ksl-title-transform,none);
  letter-spacing:var(--ksl-title-spacing,0px);
  line-height:1.15;margin:0 0 12px;max-width:700px;
  text-shadow:0 2px 14px rgba(0,0,0,.4);
}
.ksl-subtitle{
  color:var(--ksl-sub-color,rgba(255,255,255,.85));
  font-size:var(--ksl-sub-size,18px);
  font-weight:var(--ksl-sub-weight,400);
  font-family:var(--ksl-sub-font,inherit);
  margin:0 0 28px;max-width:560px;line-height:1.55;
}
.ksl-btn{
  display:inline-flex;align-items:center;
  padding:var(--ksl-btn-pv,13px) var(--ksl-btn-ph,30px);
  background:var(--ksl-btn-bg,#00b4b4);
  color:var(--ksl-btn-color,#fff)!important;
  text-decoration:none!important;
  font-size:var(--ksl-btn-size,15px);
  font-weight:var(--ksl-btn-weight,600);
  border-radius:var(--ksl-btn-radius,8px);
  transition:filter .2s,transform .18s,box-shadow .2s;
  box-shadow:0 6px 22px rgba(0,0,0,.25);
}
.ksl-btn:hover{
  background:var(--ksl-btn-hover,#009999)!important;
  transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.3);
}

/* ── ARROWS: FORCE NO BOX ── */
.ksl-arrow,
.ksl-arrow:hover,
.ksl-arrow:focus,
.ksl-arrow:active{
  all:unset !important;
  position:absolute !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
  cursor:pointer !important;
  color:rgba(255,255,255,.85) !important;
  background:none !important;
  background-color:transparent !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:none !important;
  padding:10px 6px !important;
  margin:0 !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .25s ease, color .2s, transform .2s !important;
}
.ksl-arrow svg{
  display:block !important;
  filter:drop-shadow(0 1px 6px rgba(0,0,0,.7)) !important;
  background:none !important;
  border:none !important;
}
.ksl-slider:hover .ksl-arrow{
  opacity:1 !important;
  pointer-events:auto !important;
}
.ksl-arrow:hover{
  color:#fff !important;
  transform:translateY(-50%) scale(1.2) !important;
}
.ksl-prev{left:16px !important}
.ksl-next{right:16px !important}

/* DOTS — HIDDEN */
.ksl-dots,.ksl-dot{display:none!important;visibility:hidden!important}

/* COUNTER */
.ksl-counter{
  position:absolute;top:18px;right:20px;z-index:10;
  background:rgba(0,0,0,.35);backdrop-filter:blur(4px);
  color:#fff;font-size:13px;font-weight:600;
  border-radius:20px;padding:5px 14px;letter-spacing:.5px;
}

/* PROGRESS */
.ksl-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:rgba(255,255,255,.15);z-index:10}
.ksl-bar{height:100%;background:var(--ksl-accent,#00b4b4);width:0%;transition:width linear}

/* MOBILE */
@media(max-width:768px){
  .ksl-slider{height:var(--ksl-height-mob,420px)!important}
  .ksl-content{padding:28px 22px 44px}
  .ksl-title{font-size:var(--ksl-title-size-m,26px)!important}
  .ksl-subtitle{font-size:var(--ksl-sub-size-m,14px)!important}
  .ksl-arrow{opacity:1!important;pointer-events:auto!important}
  .ksl-prev{left:8px!important}
  .ksl-next{right:8px!important}
}
