/* ═══════════════════════════════════════════════════════════════════
   kslider — унифицированный слайдер на Swiper 11 для krov.by
   Заменяет .owl-carousel / .slick. Варианты через класс-модификатор:
     .kslider--hero           — главный баннер (400px cover)
     .kslider--hero-adaptive  — адаптивный 21:9 / 1:1
     .kslider--hero-msg       — с overlay-подписью
     .kslider--hero-split     — с боковой панелью (60/40)
     .kslider--cards          — карточки каталога
     .kslider--cards-loop     — карточки с dynamicBullets
     .kslider--logos          — marquee-лента логотипов
   Требует /local/templates/htmlCorporateFixed/libs/swiper/swiper-bundle.min.{css,js}
   ═══════════════════════════════════════════════════════════════════ */

.kslider{position:relative;margin:0 0 24px}
.kslider .swiper-slide{box-sizing:border-box;height:auto}
.kslider .swiper-slide img{display:block;max-width:100%;height:auto}

/* Navigation — полупрозрачные плашки на всех вариантах (как на OWL) */
.kslider .swiper-button-next,
.kslider .swiper-button-prev{color:#fff;--swiper-navigation-size:20px;width:44px;height:44px;background:rgba(0,0,0,.38);border-radius:50%;transition:background .2s,transform .2s;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.kslider .swiper-button-next:hover,
.kslider .swiper-button-prev:hover{background:rgba(0,0,0,.6)}
.kslider .swiper-button-next:active,
.kslider .swiper-button-prev:active{transform:scale(.94)}
.kslider .swiper-button-next::after,
.kslider .swiper-button-prev::after{font-weight:700;text-shadow:none}
/* Disabled-стрелка: оставляем pointer-events чтобы клик не прошёл на карточку позади */
.kslider .swiper-button-disabled{pointer-events:auto !important;cursor:default}

/* Pagination */
.kslider .swiper-pagination-bullet{background:#fff;opacity:.6}
.kslider .swiper-pagination-bullet-active{background:#d33;opacity:1}
.kslider .swiper-pagination{bottom:8px !important}

/* ── HERO A1: базовый (фиксированная высота 400, cover) ── */
.kslider--hero{padding-bottom:28px}
.kslider--hero .swiper-slide{display:flex;align-items:center;justify-content:center}
.kslider--hero .swiper-slide img{width:100%;max-height:400px;object-fit:cover;border-radius:4px}

/* ── HERO A2: адаптивный (aspect-ratio меняется mobile/desktop) ── */
.kslider--hero-adaptive .swiper-slide{aspect-ratio:21/9;overflow:hidden;border-radius:4px}
.kslider--hero-adaptive .swiper-slide img{width:100%;height:100%;object-fit:cover}
@media (max-width:767px){
  .kslider--hero-adaptive .swiper-slide{aspect-ratio:1/1}
}

/* ── HERO A3: с центральным overlay-месседжем ── */
.kslider--hero-msg .swiper-slide{position:relative;aspect-ratio:21/9;overflow:hidden;border-radius:4px}
.kslider--hero-msg .swiper-slide img{width:100%;height:100%;object-fit:cover}
.kslider__caption{position:absolute;left:0;right:0;bottom:0;padding:32px 20px 56px;color:#fff;
  background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.4) 60%,rgba(0,0,0,0) 100%);
  text-align:center}
.kslider__caption-title{font-size:clamp(20px,3vw,36px);font-weight:700;margin:0 0 8px;line-height:1.2;color:#fff}
.kslider__caption-sub{font-size:clamp(13px,1.6vw,18px);margin:0 0 16px;opacity:.95}
.kslider__caption-cta{display:inline-block;padding:10px 24px;background:#d33;color:#fff;text-decoration:none;
  border-radius:3px;font-weight:600;font-size:14px;transition:background .2s}
.kslider__caption-cta:hover{background:#b22;color:#fff;text-decoration:none}
@media (max-width:767px){
  .kslider--hero-msg .swiper-slide{aspect-ratio:5/6}
  .kslider__caption{padding:20px 14px 44px}
}

/* ── HERO A4: с боковой панелью текста (split desktop / stacked mobile) ── */
.kslider--hero-split .swiper-slide{display:flex;min-height:360px;border-radius:4px;overflow:hidden;background:#f5f5f5}
.kslider--hero-split .kslider__media{flex:0 0 60%;position:relative}
.kslider--hero-split .kslider__media img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.kslider--hero-split .kslider__panel{flex:0 0 40%;padding:32px 28px;display:flex;flex-direction:column;justify-content:center;gap:12px}
.kslider--hero-split .kslider__panel h3{margin:0;font-size:24px;line-height:1.2;color:#222}
.kslider--hero-split .kslider__panel p{margin:0;color:#555;font-size:15px;line-height:1.5}
.kslider--hero-split .kslider__panel .kslider__caption-cta{align-self:flex-start;margin-top:8px}
@media (max-width:767px){
  .kslider--hero-split .swiper-slide{flex-direction:column;min-height:auto}
  .kslider--hero-split .kslider__media{flex:0 0 auto;aspect-ratio:16/9}
  .kslider--hero-split .kslider__media img{position:static}
  .kslider--hero-split .kslider__panel{flex:0 0 auto;padding:20px 16px}
}

/* ── CARDS (pnav как слайд) ── */
.kslider--cards{padding-bottom:32px;padding-left:8px;padding-right:8px}
.kslider--cards .swiper-slide{padding:4px 0}
.kslider--cards .pnav{margin:0;height:100%}
.kslider--cards .swiper-button-next,
.kslider--cards .swiper-button-prev{color:#d33;top:35%;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.kslider--cards .swiper-button-next:hover,
.kslider--cards .swiper-button-prev:hover{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.2)}
.kslider--cards .swiper-pagination-bullet{background:#888}

/* ── CARDS-LOOP (с dynamicBullets) ── */
.kslider--cards-loop{padding-bottom:36px;padding-left:8px;padding-right:8px}
.kslider--cards-loop .swiper-slide{padding:4px 0;height:auto}
.kslider--cards-loop .pnav{margin:0;height:100%}
.kslider--cards-loop .swiper-button-next,
.kslider--cards-loop .swiper-button-prev{color:#d33;top:35%;background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 10px rgba(0,0,0,.15)}
.kslider--cards-loop .swiper-button-next:hover,
.kslider--cards-loop .swiper-button-prev:hover{background:#fff;box-shadow:0 3px 14px rgba(0,0,0,.2)}
.kslider--cards-loop .swiper-pagination-bullet{background:#bbb;opacity:1;transition:transform .25s,background .25s}
.kslider--cards-loop .swiper-pagination-bullet-active{background:#d33}

/* ── LOGOS (marquee-лента) ── */
.kslider--logos{padding-bottom:8px}
.kslider--logos .swiper-wrapper{transition-timing-function:linear !important}
.kslider--logos .swiper-slide{padding:4px 0}
.kslider--logos .pnav{margin:0}