.scroll-top,
.scroll-top.is-on {
  position: fixed;
  right: 22px;
  bottom: 96px;
  z-index: 45;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(201, 164, 108, 0.45);
  border-radius: 50%;
  color: #140f08;
  background: #e8d08a;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: 1;
  pointer-events: auto;
  transform: none;
  box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.scroll-top:hover {
  background: #d4af37;
}

body.charlie-open .scroll-top,
body:has(.charlie-dock.is-open) .scroll-top {
  top: auto;
  bottom: calc(18px + min(72vh, 520px) + 12px);
}