:root {
  --restaurant-note-height: 0px;
  --dws-footer-height: 0px;
  --bottom-chrome-height: calc(var(--restaurant-note-height) + var(--dws-footer-height));
  --z-fixed-chrome: 9998;
  --z-scroll-top: 9999;
  --z-overlay: 10050;
}

body:has(.restaurant-note-bar) {
  --restaurant-note-height: 40px;
}

body:has(#sticky-footer),
body:has(.footer-elegent) {
  --dws-footer-height: 40px;
}

.basket-fab,
.cartbar {
  bottom: calc(24px + var(--bottom-chrome-height) + env(safe-area-inset-bottom, 0px)) !important;
  z-index: var(--z-fixed-chrome);
}

.cartbar {
  bottom: calc(18px + var(--bottom-chrome-height) + env(safe-area-inset-bottom, 0px)) !important;
}

.scroll-top,
.scroll-to-top,
.scroll-to-top-elegent,
.sr-scroll-top {
  bottom: calc(16px + var(--bottom-chrome-height) + env(safe-area-inset-bottom, 0px)) !important;
  z-index: var(--z-scroll-top);
}

body:has(.cartbar.show) .scroll-top,
body:has(.cartbar.show) .scroll-to-top,
body:has(.cartbar.show) .scroll-to-top-elegent,
body:has(.cartbar.show) .sr-scroll-top {
  bottom: calc(88px + var(--bottom-chrome-height) + env(safe-area-inset-bottom, 0px)) !important;
}

[dir="rtl"] .scroll-top,
[dir="rtl"] .scroll-to-top,
[dir="rtl"] .scroll-to-top-elegent,
[dir="rtl"] .sr-scroll-top {
  right: 24px;
  left: auto;
}

[dir="ltr"] .scroll-top,
[dir="ltr"] .scroll-to-top,
[dir="ltr"] .scroll-to-top-elegent,
[dir="ltr"] .sr-scroll-top {
  left: 24px;
  right: auto;
}

.scrim,
#item-modal,
#wifi-sheet,
#filter-sheet {
  z-index: var(--z-overlay) !important;
}