.slider-container {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.slides {
  display: flex;
  transition: transform 0.5s ease;
}

.slide {
  position: relative;
  flex: 0 0 100%;
}

.slide-desc,
.slide-mob {
  object-fit: cover;
  width: 100%;
  height: auto;
  display: block;
}

.slide-mob { display: none; }

.slide-content {
  position: absolute;
  width: 100%;
  height: 100%;
}

.desktop-btn {
  position: absolute;
top: 78%;
    left: 12%;
  transform: translate(-50%, -50%);
}

.slide-btn,
.social-button {
  background: #014453;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s;
}

.slide-btn:hover,
.social-button:hover {
  background: #3b879f;
}

/* Точки */
.dots {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  margin: 10px 50px;
}

.dot {
  width: 10px;
  height: 10px;
  background: #373737;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s;
}

.dot.active {
  background: #4DA0BC;
}

  .mobile-btn.pos-TL { display: none; }
  .mobile-btn.pos-TC {display: none; }
  .mobile-btn.pos-TR { display: none; }

  .mobile-btn.pos-CL { display: none; }
  .mobile-btn.pos-CC { display: none; }
  .mobile-btn.pos-CR { display: none; }

  .mobile-btn.pos-ML { display: none; }

  .mobile-btn.pos-BL { display: none;}
  .mobile-btn.pos-BC { display: none; }
  .mobile-btn.pos-BR {display: none; }
.mobile-btn {
  display: none;
}
@media screen and (max-width: 924px) {
  .slide-desc { display: none; }
  .slide-mob { display: block; }
  .desktop-btn { display: none; }

  .slide-btn,
  .social-button {
    font-size: 14px;
    padding: 10px 18px;
  }

  .dots {
    justify-content: center;
    margin: 10px 0;
  }

.mobile-btn {
    border: 2px solid red;
}

  .mobile-btn { display: block; position: absolute; }

  .mobile-btn.pos-TL { top: 45%; left: -2%; transform: none;display: block; }
  .mobile-btn.pos-TC { top: 20%; left: 33%; transform: translateX(-50%);display: block; }
  .mobile-btn.pos-TR { top: 20%; right: 0%; transform: none;display: block; }

  .mobile-btn.pos-CL { top: 50%; left: 20%; transform: translateY(-50%); display: block;}
  .mobile-btn.pos-CC { top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}
  .mobile-btn.pos-CR { top: 50%; right: 20%; transform: translateY(-50%); display: block;}

  .mobile-btn.pos-ML { top: 85%; left: 14%; transform: translate(-50%, -50%); display: block;}

  .mobile-btn.pos-BL { bottom: 10%; left: -5%; transform: none; display: block;}
  .mobile-btn.pos-BC { bottom: 20%; left: 37%; transform: translateX(-50%); display: block;}
  .mobile-btn.pos-BR { bottom: 20%; right: 0%; transform: none; display: none;}
}

/* Принудительное применение цвета */
.slide-btn,
.social-button,
.desktop-btn .slide-btn,
.mobile-btn .slide-btn {
  background: #014453 !important;
  color: #ffffff !important;
}