@media (min-width: 1024px) {
          .nav-desktop { display: flex !important; }
          .nav-mobile-toggle { display: none !important; }
          .mobile-drawer-menu { display: none !important; }
        }
        @media (max-width: 1023px) {
          .nav-desktop { display: none !important; }
          .nav-mobile-toggle { display: flex !important; }
          .desktop-popover-menu { display: none !important; }
          .top-nav {
            padding: 0.65rem 0 !important;
            padding-top: calc(0.65rem + env(safe-area-inset-top, 0px)) !important;
          }
          .top-nav .container-wide {
            padding-left: 1.15rem !important;
            padding-right: 1.15rem !important;
          }
          .top-nav-logo {
            width: 136px !important;
            height: 68px !important;
          }
        }
        .drawer-link {
          position: relative;
        }
        .no-scrollbar::-webkit-scrollbar {
          display: none;
        }
        .no-scrollbar {
          -ms-overflow-style: none;  /* IE and Edge */
          scrollbar-width: none;  /* Firefox */
        }
        .drawer-link::after {
          content: '';
          position: absolute;
          bottom: -4px;
          left: 35px;
          width: 0;
          height: 2px;
          background-color: #fff;
          transition: width 0.3s ease;
        }
        .drawer-link:hover::after {
          width: calc(100% - 35px);
        }
        .drawer-link:hover {
          color: #DDD !important;
        }