.dkes-slider{
  --dkes-gap:12px;
  --dkes-peek:7%;
  --dkes-slide-px:calc(86% - 24px);
  --dkes-radius:12px;
  position:relative;
  width:100%;
  max-width:100%;
  margin:0 auto;
  box-sizing:border-box;
  direction:rtl;
  overflow:hidden;
  touch-action:pan-y;
  user-select:none;
}
.dkes-slider *{box-sizing:border-box}
.dkes-viewport{width:100%;overflow:hidden}
.dkes-track{
  display:flex;
  direction:rtl;
  gap:var(--dkes-gap);
  align-items:stretch;
  will-change:transform;
  transition:transform .46s cubic-bezier(.22,.61,.36,1);
  cursor:grab;
}
.dkes-slider.is-dragging .dkes-track{transition:none;cursor:grabbing}
.dkes-slide{
  flex:0 0 var(--dkes-slide-px);
  width:var(--dkes-slide-px);
  height:clamp(330px,39vh,570px);
  border-radius:var(--dkes-radius);
  overflow:hidden;
  display:block;
  background:#f3f3f3;
  text-decoration:none;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
}
.dkes-slide img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  pointer-events:none;
  -webkit-user-drag:none;
}
.dkes-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;z-index:2;pointer-events:none}
.dkes-dot{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.56);box-shadow:0 0 0 1px rgba(0,0,0,.08);transition:width .2s ease,background .2s ease}
.dkes-dot.is-active{width:20px;border-radius:999px;background:#fff}
@media (max-width:1023px){
  .dkes-slider{--dkes-gap:10px;--dkes-slide-px:calc(86% - 20px);--dkes-radius:10px}
  .dkes-slide{height:clamp(240px,34vh,410px)}
}
@media (max-width:767px){
  .dkes-slider{--dkes-gap:8px;--dkes-slide-px:calc(86% - 16px);--dkes-radius:9px}
  .dkes-slide{height:clamp(170px,30vh,275px)}
  .dkes-dots{bottom:7px}
  .dkes-dot{width:5px;height:5px}
  .dkes-dot.is-active{width:15px}
}
@media (max-width:380px){.dkes-slide{height:clamp(155px,30vh,245px)}}