/* Кнопка «Наверх» — DUROV MUSIC LAB */

.dml-scroll-top {
  position:        fixed;
  right:           clamp(16px, 2vw, 28px);
  bottom:          clamp(16px, 2vw, 28px);
  z-index:         900;
  width:           46px;
  height:          46px;
  border-radius:   10px;
  border:          1px solid rgba(201, 168, 76, 0.35);
  background:      rgba(10, 10, 10, 0.92);
  color:           #c9a84c;
  display:         flex;
  align-items:     center;
  justify-content: center;
  cursor:          pointer;
  opacity:         0;
  visibility:      hidden;
  transform:       translateY(12px);
  transition:      opacity 0.25s, visibility 0.25s, transform 0.25s, background 0.2s, border-color 0.2s, color 0.2s;
  box-shadow:      0 8px 24px rgba(0, 0, 0, 0.35);
  backdrop-filter: blur(6px);
}

.dml-scroll-top.is-visible {
  opacity:    1;
  visibility: visible;
  transform:  translateY(0);
}

.dml-scroll-top:hover {
  background:   rgba(201, 168, 76, 0.14);
  border-color: rgba(201, 168, 76, 0.65);
  color:        #e8c97a;
}

.dml-scroll-top:focus-visible {
  outline:        2px solid rgba(201, 168, 76, 0.8);
  outline-offset: 2px;
}

.dml-scroll-top svg {
  width:  20px;
  height: 20px;
}

@media (max-width: 768px) {
  .dml-scroll-top {
    width:  42px;
    height: 42px;
  }
}