/* Home slider: rounded like the theme's hero, images keep their own aspect ratio. */
.mkslider { position: relative; border-radius: var(--k2-radius, 14px); overflow: hidden; background: #ececec; }
.mkslider .swiper-slide { height: auto; }
.mkslider__link { display: block; }
.mkslider picture { display: block; }
.mkslider__img { display: block; width: 100%; height: auto; }

.mkslider .swiper-pagination-bullet { width: 8px; height: 8px; background: #fff; opacity: .6; transition: width .25s, opacity .25s; }
.mkslider .swiper-pagination-bullet-active { width: 22px; border-radius: 4px; opacity: 1; }

.mkslider__arrow { position: absolute; top: 50%; z-index: 10; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin-top: -19px; border: 0; border-radius: 50%; background: rgba(255, 255, 255, .85); cursor: pointer; opacity: 0; transition: opacity .2s; }
.mkslider__arrow::before { content: ""; width: 9px; height: 9px; border-top: 2px solid #111; border-left: 2px solid #111; }
.mkslider:hover .mkslider__arrow, .mkslider__arrow:focus-visible { opacity: 1; }
/* RTL: previous is on the right, next on the left */
.mkslider__arrow--prev { right: 14px; }
.mkslider__arrow--prev::before { transform: rotate(135deg); margin-left: 4px; }
.mkslider__arrow--next { left: 14px; }
.mkslider__arrow--next::before { transform: rotate(-45deg); margin-right: 4px; }
.mkslider__arrow.swiper-button-disabled { opacity: 0 !important; pointer-events: none; }

@media (max-width: 767.98px) {
  .mkslider__arrow { display: none; } /* swipe on touch screens */
}