.mk-car{max-width:1400px;margin:70px auto;padding:0 16px;font-family:inherit;color:#222}
.mk-car__title{text-align:center;font-size:28px;font-weight:400;margin:0 0 55px}
.mk-car__wrap{position:relative;padding:0 56px}
.mk-car__track{display:flex;gap:40px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.mk-car__track::-webkit-scrollbar{display:none}
.mk-car__item{flex:0 0 calc((100% - 80px) / 3);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0}
.mk-car__img{display:block;aspect-ratio:1/1;border-radius:8px;overflow:hidden;background:#f3f3f3}
.mk-car__img img{width:100%;height:100%;object-fit:cover;display:block}
.mk-car__name{display:block;margin:26px 0 10px;font-size:16px;line-height:1.35;color:#222;text-decoration:none}
.mk-car__name:hover{text-decoration:underline}
.mk-car__stock{font-size:14px;color:#2aa52a;margin-bottom:22px}
.mk-car__stock.is-out{color:#c0392b}
.mk-car__bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.mk-car__price{font-weight:700;font-size:20px;white-space:nowrap}
.mk-car__btn{background:#8dd0f0;color:#fff;border:0;border-radius:999px;padding:9px 12px;font:inherit;font-size:14px;line-height:1.2;cursor:pointer;text-decoration:none;transition:background .2s}
.mk-car__btn:hover{background:#5bb8e6;color:#fff}
.mk-car__btn:focus-visible,.mk-car__arrow:focus-visible,.mk-car__dot:focus-visible{outline:2px solid #2b8fc4;outline-offset:3px}
.mk-car__arrow{position:absolute;top:34%;width:40px;height:40px;border:0;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;color:#111}
.mk-car__arrow svg{width:22px;height:22px}
.mk-car__arrow--prev{left:4px}
.mk-car__arrow--next{right:4px}
.mk-car__arrow[disabled]{opacity:.25;cursor:default}
.mk-car__dots{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-top:70px}
.mk-car__dot{width:10px;height:10px;border-radius:50%;border:1px solid #bbb;background:#fff;padding:0;cursor:pointer}
.mk-car__dot.is-active{background:#111;border-color:#111}
@media (max-width:900px){
  .mk-car__track{gap:20px}
  .mk-car__item{flex-basis:calc((100% - 20px) / 2)}
}
@media (max-width:560px){
  .mk-car__wrap{padding:0}
  .mk-car__arrow{display:none}
  .mk-car__item{flex-basis:80%}
  .mk-car__dots{display:none}
}
@media (prefers-reduced-motion:reduce){.mk-car__track{scroll-behavior:auto}}