:root {
  --safe-area-top: 0px;
  --safe-area-bottom: 0px;
}

.as-header-sticky.sticky {
  margin-top: 0 !important;
  padding-top: calc(10px + var(--safe-area-top)) !important;
}
.as-header-sticky {
    margin-top: calc(var(--safe-area-top) * -1);
    padding-top: calc(10px + var(--safe-area-top)) !important;
}
.as-header-sticky.sticky .as-header__platform-logo.location-toggle {
    margin-top: 0 !important;
}
.as-header-sticky .as-header__platform-logo.location-toggle {
    margin-top: var(--safe-area-top) !important;
}

.topbar, .topbar-bg {
    padding-top: calc(2px + var(--safe-area-top)) !important;
    height: calc(60px + var(--safe-area-top)) !important;
}

.cart-header {
  margin-top: calc(56px + var(--safe-area-top)) !important;
}

.as-filter-bar.fixed {
  top: calc(56px + var(--safe-area-top)) !important;
}

#more-profile-menu {
  margin-top: var(--safe-area-top) !important;
}


body, 
.bottom-sheet__content, 
.form-actions, 
#favorites-login-sheet, 
.cart-footer, 
.checkout-footer,
.bottombar {
  padding-bottom: calc(var(--safe-area-bottom)) !important;
}

.bottom-sheet__content {
  padding-bottom: calc(30px + var(--safe-area-bottom)) !important;
}

.float-sm {
  bottom: calc(105px + var(--safe-area-bottom)) !important;
}

.btn-logout, 
.floating-register-btn {
  bottom: calc(10px + var(--safe-area-bottom)) !important;
}

.bottombar__cart {
  bottom: calc(105px + var(--safe-area-bottom)) !important;
}