/* ===== Suite slider ===== */
.mm-slider{
  position: relative;
  border: 1px solid var(--line);
  border-radius: var(--radius);
  overflow: hidden;
  background: #fff;
  box-shadow: 0 10px 24px rgba(2,6,23,.06);
}

.mm-track{
  display:flex;
  width:100%;
  transform: translateX(0);
  transition: transform .35s ease;
  will-change: transform;
}

.mm-slide{
  min-width:100%;
  height:420px;
  background:#f8fafc;
}
.mm-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mm-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;height:46px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.45);
  background:rgba(2,6,23,.35);
  color:#fff;
  font-size:26px;
  cursor:pointer;
  display:grid;
  place-items:center;
  backdrop-filter: blur(6px);
}
.mm-prev{left:12px}
.mm-next{right:12px}

.mm-dots{
  position:absolute;
  left:0;right:0;
  bottom:12px;
  display:flex;
  justify-content:center;
  gap:8px;
}
.mm-dot{
  width:10px;height:10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.85);
  background:rgba(255,255,255,.35);
  cursor:pointer;
}
.mm-dot.active{background:#fff}

@media (max-width:680px){
  .mm-slide{height:280px}
}