/* Protect content around notches and the home indicator without changing the zero-inset layout. */
html { min-height: 100%; background: #f8fafb; }
body { min-height: 100svh; padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); }
.mobile-nav { max-height: calc(100svh - 110px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); }
.products-menu.mega-menu { max-height: calc(100svh - 145px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); }
.preview-dialog { max-height: calc(100svh - 40px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px)); overflow-y: auto; }