.mlt-scroll-top {
  position: fixed;
  right: max(20px, env(safe-area-inset-right));
  bottom: max(84px, calc(env(safe-area-inset-bottom) + 84px));
  z-index: 1300;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 10px;
  border: 1px solid rgba(145, 174, 192, .28);
  border-radius: 50%;
  background: rgba(10, 24, 37, .78);
  color: #aec3ce;
  backdrop-filter: blur(8px);
  cursor: pointer;
}
.mlt-scroll-top[hidden] { display: none; }
.mlt-scroll-top svg { display: block; width: 24px; height: 24px; pointer-events: none; }
.mlt-scroll-top:hover { color: #e7f2f7; border-color: #7a9eaf; background: #112b3a; }
.mlt-scroll-top:focus-visible { outline: 2px solid #70c5e0; outline-offset: 4px; }
[data-theme="light"] .mlt-scroll-top { background: rgba(255, 255, 255, .88); color: #526c7d; border-color: #bccbd4; }
[data-theme="light"] .mlt-scroll-top:hover { background: #edf5f9; color: #214c62; }
body:has(.phoenix-demo-page) .mlt-scroll-top,
body:not(:has(.floating-cart)) .mlt-scroll-top { bottom: max(18px, env(safe-area-inset-bottom)); }
body.cart-drawer-open .mlt-scroll-top,
body.support-dialog-open .mlt-scroll-top,
body.menu-open .mlt-scroll-top { visibility: hidden; }
@media (max-width: 620px) {
  .mlt-scroll-top { right: max(14px, env(safe-area-inset-right)); bottom: max(78px, calc(env(safe-area-inset-bottom) + 78px)); }
}