/* Step 12: stack the existing mobile bars without covering each other. */
@media (max-width: 899px) {
  body[data-page='detail'] .compare-tray {
    bottom: calc(var(--detail-cta-height, 70px) + 12px);
  }
  body[data-page='detail'].has-compare-tray .toast {
    bottom: calc(var(--detail-cta-height, 70px) + var(--detail-compare-height, 70px) + 24px);
  }
  body[data-page='detail'].has-compare-tray .detail-footer {
    padding-bottom: calc(var(--detail-cta-height, 70px) + var(--detail-compare-height, 70px) + 28px);
  }
}