/* The only translucent layer is the fixed navigation; scrolling cards stay crisp. */
.bottom-nav { backdrop-filter: blur(14px) saturate(120%); -webkit-backdrop-filter: blur(14px) saturate(120%); }
@media (max-width: 760px), (hover: none) and (pointer: coarse) {
  .bottom-nav { backdrop-filter: blur(7px); -webkit-backdrop-filter: blur(7px); }
}