/* Small custom layer on top of Tailwind (CDN in dev; compile Tailwind for production). */
:root { --safe-bottom: env(safe-area-inset-bottom, 0px); }
html { scroll-behavior: smooth; }
body { -webkit-tap-highlight-color: transparent; }
.pb-safe { padding-bottom: calc(env(safe-area-inset-bottom, 0px) + .25rem); }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
:focus-visible { outline: 2px solid #4f46e5; outline-offset: 2px; }
@media (max-width: 1023px) { body.has-bottom-nav { padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px)); } }
/* Hide horizontal scrollbar on product rails, mobile-friendly */
.scrollbar-hide::-webkit-scrollbar { display: none; }
.scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }

/* Ensure fixed bottom nav doesn't cover modals */
:root { --safe-bottom: env(safe-area-inset-bottom); }