/* Shared mobile dock contract for fixed commerce controls. */

:root {
  --slp-mobile-nav-height: 68px;
  --slp-mobile-safe-bottom: max(var(--slp-mobile-nav-height), calc(var(--slp-mobile-nav-height) + env(safe-area-inset-bottom)));
  --slp-floating-contact-stack-height: 96px;
}

@media (max-width: 768px) {
  body {
    padding-bottom: calc(var(--slp-mobile-safe-bottom) + 14px);
  }

  .supei-hf-mobile-bottom-nav {
    min-height: var(--slp-mobile-safe-bottom);
  }

  .supei-hf-back-to-top {
    right: 12px !important;
    bottom: calc(var(--slp-mobile-safe-bottom) + var(--slp-floating-contact-stack-height) + 20px) !important;
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
}