.kale-category-slider{position:relative;width:100%;box-sizing:border-box;background:var(--kcs-bg);overflow:hidden}
.kale-category-slider *{box-sizing:border-box}
.kale-category-slider__header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 18px}
.kale-category-slider__header h2{margin:0;color:var(--kcs-title);font-size:30px;line-height:1.2;font-weight:800}
.kale-category-slider__viewport{overflow:hidden;width:100%}
.kale-category-slider__track{display:flex;gap:var(--kcs-gap);transition:transform .42s ease;will-change:transform}
.kale-category-slider__slide{flex:0 0 calc((100% - (var(--kcs-desktop) - 1)*var(--kcs-gap))/var(--kcs-desktop));min-width:0;background:var(--kcs-card);border:1px solid var(--kcs-border);border-radius:var(--kcs-radius);overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,calc(var(--kcs-shadow)*.10))}
.kale-category-slider__slide a{position:relative;display:block;width:100%;height:var(--kcs-height);color:inherit;text-decoration:none;overflow:hidden}
.kale-category-slider__slide img{display:block;width:100%;height:100%;object-fit:var(--kcs-fit);object-position:center;transition:transform .25s ease}
.kale-category-slider__slide a:hover img{transform:scale(1.025)}
.kale-category-slider__label{position:absolute;left:12px;right:12px;bottom:12px;display:inline-flex;width:max-content;max-width:calc(100% - 24px);padding:7px 10px;border-radius:7px;background:rgba(255,255,255,.92);color:#111;font-size:14px;font-weight:800;line-height:1.2}
.kale-category-slider__arrows{display:flex;gap:9px}
.kale-category-slider__arrows button{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:0;border-radius:50%;background:#f1f2f4;color:#222;font-size:28px;line-height:1;cursor:pointer}
.kale-category-slider__arrows button:hover{background:#e52222;color:#fff}
.kale-category-slider__arrows button:disabled{opacity:.35;cursor:default}
.kale-category-slider__dots{display:flex;justify-content:center;gap:7px;margin-top:15px}
.kale-category-slider__dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#d5d7db;cursor:pointer}
.kale-category-slider__dot.is-active{background:#e52222}
@media(max-width:980px){
 .kale-category-slider__slide{flex-basis:calc((100% - (var(--kcs-tablet) - 1)*var(--kcs-gap))/var(--kcs-tablet))}
 .kale-category-slider__header h2{font-size:25px}
}
@media(max-width:767px){
 .kale-category-slider__slide{flex-basis:calc((100% - (var(--kcs-mobile) - 1)*var(--kcs-gap))/var(--kcs-mobile))}
 .kale-category-slider__header h2{font-size:22px}
 .kale-category-slider__arrows button{width:38px;height:38px}
}

.kale-category-slider__label{flex-direction:column;align-items:flex-start;gap:2px}
.kale-category-slider__label small{font-size:11px;font-weight:600;color:#666}

/* Identican baner izgled: slika ispunjava celu karticu, bez dodatnog sadržaja. */
.kale-category-slider__slide a{background:var(--kcs-card)}
.kale-category-slider__slide img{background:var(--kcs-card)}

/* v3.6: glavne kategorije su čisti baneri; podkategorije imaju uredan naziv */
.kale-category-slider__label{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    padding:9px 11px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 3px 12px rgba(0,0,0,.10);
}
.kale-category-slider__label > span{
    font-size:14px;
    font-weight:800;
    line-height:1.25;
}

/* v3.7 - strelice na sredini leve i desne strane slajdera */
.kale-category-slider{
    overflow:visible!important;
}
.kale-category-slider__header{
    position:relative;
}
.kale-category-slider__arrows{
    position:static!important;
}
.kale-category-slider__arrows button{
    position:absolute!important;
    top:calc(50% + 22px)!important;
    z-index:20!important;
    width:44px!important;
    height:44px!important;
    margin:0!important;
    transform:translateY(-50%)!important;
    border-radius:50%!important;
    box-shadow:0 5px 16px rgba(0,0,0,.15)!important;
}
.kale-category-slider__prev{
    left:-22px!important;
}
.kale-category-slider__next{
    right:-22px!important;
}
.kale-category-slider__arrows button:hover{
    transform:translateY(-50%) scale(1.03)!important;
}
@media(max-width:767px){
    .kale-category-slider__arrows button{
        width:40px!important;
        height:40px!important;
    }
    .kale-category-slider__prev{left:-10px!important}
    .kale-category-slider__next{right:-10px!important}
}

/* v3.8 - strelice su vezane za samu sliku/viewport, tačno na vertikalnoj sredini */
.kale-category-slider__header{position:static!important}
.kale-category-slider__stage{position:relative!important;width:100%!important}
.kale-category-slider__arrows{position:static!important;display:block!important}
.kale-category-slider__arrows button{position:absolute!important;top:50%!important;z-index:30!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:44px!important;height:44px!important;margin:0!important;transform:translateY(-50%)!important;border-radius:50%!important;box-shadow:0 5px 16px rgba(0,0,0,.18)!important}
.kale-category-slider__prev{left:-22px!important}
.kale-category-slider__next{right:-22px!important}
.kale-category-slider__arrows button:hover{transform:translateY(-50%) scale(1.03)!important}
@media(max-width:767px){.kale-category-slider__prev{left:-8px!important}.kale-category-slider__next{right:-8px!important}}


/* v3.9 - zatamnjeno i potpuno centrirano polje naziva podkategorije */
.kale-category-slider__label{
    left:10px!important;
    right:10px!important;
    bottom:10px!important;
    width:auto!important;
    max-width:none!important;
    min-height:48px!important;
    padding:10px 14px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:9px!important;
    background:rgba(18,18,18,.72)!important;
    color:#fff!important;
    box-shadow:0 5px 18px rgba(0,0,0,.24)!important;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px);
}
.kale-category-slider__label > span{
    width:100%!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:800!important;
    line-height:1.25!important;
    text-align:center!important;
}
.kale-category-slider__label small{
    width:100%!important;
    margin-top:3px!important;
    color:rgba(255,255,255,.78)!important;
    font-size:11px!important;
    font-weight:600!important;
    text-align:center!important;
}

/* Beskonačni carousel: klonovi izgledaju isto, ali nisu fokusibilni kao zasebne stavke. */
.kale-category-slider__slide.is-clone{pointer-events:auto}
.kale-category-slider__track{transition:transform .42s ease}


/* v4.0 — do 6 podkategorija: centriran statičan prikaz */
.kale-category-slider--centered-static .kale-category-slider__viewport{overflow:visible!important}
.kale-category-slider--centered-static .kale-category-slider__track{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:stretch!important;transform:none!important;transition:none!important;width:100%!important}
.kale-category-slider--centered-static .kale-category-slider__slide{flex:0 1 calc((100% - 5 * var(--kcs-gap)) / 6)!important;width:calc((100% - 5 * var(--kcs-gap)) / 6)!important;max-width:260px!important;min-width:170px!important}
.kale-category-slider--centered-static .kale-category-slider__arrows,.kale-category-slider--centered-static .kale-category-slider__dots{display:none!important}
@media(max-width:980px){.kale-category-slider--centered-static .kale-category-slider__slide{flex-basis:calc((100% - 2 * var(--kcs-gap)) / 3)!important;width:calc((100% - 2 * var(--kcs-gap)) / 3)!important}}
@media(max-width:767px){.kale-category-slider--centered-static .kale-category-slider__track{gap:12px!important}.kale-category-slider--centered-static .kale-category-slider__slide{flex-basis:calc((100% - (var(--kcs-mobile) - 1) * 12px) / var(--kcs-mobile))!important;width:calc((100% - (var(--kcs-mobile) - 1) * 12px) / var(--kcs-mobile))!important;min-width:0!important;max-width:320px!important}}

.kale-category-slider__viewport{touch-action:pan-y;cursor:grab}
.kale-category-slider__viewport:active{cursor:grabbing}

/* v4.2 — swipe može da počne direktno preko slike, naslova ili linka */
.kale-pps__viewport,
.kale-category-slider__viewport,
.kale-clanci-slider .kale-slider-viewport{
  touch-action:pan-y!important;
  user-select:none!important;
  -webkit-user-select:none!important;
  cursor:grab;
}
.kale-pps__viewport:active,
.kale-category-slider__viewport:active,
.kale-clanci-slider .kale-slider-viewport:active{cursor:grabbing}
.kale-pps__viewport img, .kale-pps__viewport a,
.kale-category-slider__viewport img, .kale-category-slider__viewport a,
.kale-clanci-slider .kale-slider-viewport img, .kale-clanci-slider .kale-slider-viewport a{
  -webkit-user-drag:none!important;
  user-drag:none!important;
  user-select:none!important;
  -webkit-user-select:none!important;
}

/* v4.4 desktop drag */
.kale-slider-viewport,.kale-pps__viewport,.kale-category-slider__viewport{cursor:grab;-webkit-user-select:none;user-select:none}
.kale-slider-viewport:active,.kale-pps__viewport:active,.kale-category-slider__viewport:active{cursor:grabbing}
.kale-slider-viewport img,.kale-slider-viewport a,.kale-pps__viewport img,.kale-pps__viewport a,.kale-category-slider__viewport img,.kale-category-slider__viewport a{-webkit-user-drag:none;user-drag:none}