/* apply Orbitron globally, but keep some elements clean */
    body { font-family: 'Orbitron', 'Inter', sans-serif; letter-spacing: 0.02em; }
    /* smooth Inter for dense text (optional) but we love Orbitron */
    h1, h2, h3, .nav-links, .price-tag { font-family: 'Orbitron', 'Inter', sans-serif; }
    /* fine tune letter spacing for readability */
    p, li, details, input, textarea, button { font-family: 'Inter', 'Orbitron', sans-serif; letter-spacing: normal; }
    /* custom animation – gentle wave / floating */
    @keyframes soft-float {
      0% { transform: translateY(0px); }
      50% { transform: translateY(-6px); }
      100% { transform: translateY(0px); }
    }
    .animate-float {
      animation: soft-float 5s ease-in-out infinite;
    }
    /* wave accent hover */
    .wave-glow:hover { box-shadow: 0 8px 20px -6px #2EC4B6; transition: 0.2s; }
    /* background image banner overlay */
    .banner-overlay::after {
      content: '';
      position: absolute;
      inset: 0;
      background: linear-gradient(90deg, rgba(1,45,65,0.75) 0%, rgba(0,107,115,0.55) 100%);
      z-index: 0;
    }
    /* mobile menu animation */
    .mobile-menu-enter {
      max-height: 0;
      opacity: 0;
      overflow: hidden;
      transition: max-height 0.35s ease, opacity 0.25s ease;
    }
    .mobile-menu-enter-active {
      max-height: 300px; /* enough for menu items */
      opacity: 1;
    }