@media (max-width: 767px) {
        /* Move the hamburger's real container so no empty placeholder remains. */
        html body #header-core #header-nav {
          position: fixed !important;
          z-index: 100000 !important;
          top: calc(env(safe-area-inset-top, 0px) + 102px) !important;
          right: 0 !important;
          left: auto !important;
          width: 72px !important;
          height: 72px !important;
          min-width: 72px !important;
          min-height: 72px !important;
          max-width: 72px !important;
          max-height: 72px !important;
          margin: 0 !important;
          padding: 0 !important;
          border: 0 !important;
          background: transparent !important;
          box-shadow: none !important;
          transform: none !important;
        }
        html body.admin-bar #header-core #header-nav {
          top: calc(env(safe-area-inset-top, 0px) + 134px) !important;
        }
        html body #header-core #header-nav > .btn-navbar.btn-navbar {
          position: relative !important;
          z-index: 1 !important;
          inset: auto !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
          justify-content: center !important;
          gap: 4px !important;
          width: 72px !important;
          height: 72px !important;
          min-width: 72px !important;
          min-height: 72px !important;
          max-width: 72px !important;
          max-height: 72px !important;
          margin: 0 !important;
          border: 0 !important;
          border-radius: 0 !important;
          background: transparent !important;
          box-shadow: none !important;
          touch-action: manipulation !important;
          -webkit-tap-highlight-color: transparent !important;
          transform: none !important;
        }
        html body #header-core #header-nav > .btn-navbar.btn-navbar::before {
          content: "";
          position: absolute;
          z-index: 3;
          inset: 0;
          border-radius: 22px;
          background: transparent;
          pointer-events: none;
        }
        html body #header-core #header-nav > .btn-navbar.btn-navbar > .icon-bar {
          flex: 0 0 3px !important;
          width: 27px !important;
          height: 3px !important;
          margin: 0 !important;
        }

        /* Mirror the right control on the left with the same ember treatment. */
        html body #ww-mobile-back {
          position: fixed !important;
          z-index: 100000 !important;
          top: calc(env(safe-area-inset-top, 0px) + 102px) !important;
          right: auto !important;
          bottom: auto !important;
          left: 0 !important;
          display: grid !important;
          width: 72px !important;
          height: 72px !important;
          min-width: 72px !important;
          min-height: 72px !important;
          max-width: 72px !important;
          max-height: 72px !important;
          margin: 0 !important;
          padding: 0 !important;
          place-items: center !important;
          overflow: visible !important;
          border: 0 !important;
          border-radius: 0 !important;
          background: transparent !important;
          color: #fff !important;
          box-shadow: none !important;
          touch-action: manipulation !important;
          -webkit-tap-highlight-color: transparent !important;
          transform: none !important;
        }
        html body.admin-bar #ww-mobile-back {
          top: calc(env(safe-area-inset-top, 0px) + 134px) !important;
        }
        html body #ww-mobile-back::before {
          content: "";
          position: absolute;
          z-index: 3;
          inset: 0;
          border-radius: 22px;
          background: transparent;
          pointer-events: none;
        }
        html body #ww-mobile-back > span:not(#ww-mobile-back__arrow) {
          display: none !important;
        }
        html body #ww-mobile-back__arrow {
          position: relative !important;
          z-index: 1 !important;
          display: block !important;
          width: 27px !important;
          height: 22px !important;
          margin: 0 !important;
          overflow: visible !important;
          color: transparent !important;
          font-size: 0 !important;
          line-height: 0 !important;
          text-shadow: none !important;
          background:
            linear-gradient(90deg, #8f2407 0%, #ff6b1a 38%, #ffd078 52%, #f04e12 70%, #701906 100%) 0 2px / 27px 3px no-repeat,
            linear-gradient(90deg, #8f2407 0%, #ff6b1a 38%, #ffd078 52%, #f04e12 70%, #701906 100%) 0 9px / 27px 3px no-repeat,
            linear-gradient(90deg, #8f2407 0%, #ff6b1a 38%, #ffd078 52%, #f04e12 70%, #701906 100%) 0 16px / 27px 3px no-repeat !important;
          filter: drop-shadow(0 0 4px rgba(255,94,24,.95)) drop-shadow(0 0 8px rgba(213,49,8,.58)) !important;
        }
        html body #ww-mobile-back__arrow::before {
          content: "‹";
          position: absolute;
          top: -6px;
          left: -20px;
          display: grid;
          place-items: center;
          width: 18px;
          height: 30px;
          white-space: nowrap;
          color: #fff7e9;
          background: rgba(39, 12, 4, .78);
          border: 1px solid rgba(255, 126, 42, .92);
          border-radius: 999px;
          font-family: Arial, sans-serif;
          font-size: 30px;
          font-weight: 900;
          line-height: 1;
          box-shadow: 0 0 5px rgba(255, 112, 30, .95), 0 0 12px rgba(213, 49, 8, .72);
          text-shadow: 0 0 3px #ffd078, 0 0 7px #ff5a12;
        }
        html body #ww-mobile-back::after {
          content: "";
          position: absolute;
          z-index: 2;
          top: -4px;
          right: -74px;
          width: 96px;
          height: 70px;
          pointer-events: none;
          background:
            radial-gradient(circle, #fff0b0 0 1.4px, transparent 2.5px) 4px 8px / 10px 10px no-repeat,
            radial-gradient(circle, #ffd071 0 1.8px, transparent 3px) 18px 24px / 12px 12px no-repeat,
            radial-gradient(circle, #ff8b26 0 1.5px, transparent 2.8px) 31px 3px / 11px 11px no-repeat,
            radial-gradient(circle, #ff5d16 0 1.7px, transparent 3px) 45px 33px / 12px 12px no-repeat,
            radial-gradient(circle, #e93e08 0 1.3px, transparent 2.6px) 59px 15px / 10px 10px no-repeat,
            radial-gradient(circle, #ffb044 0 1.2px, transparent 2.4px) 73px 47px / 9px 9px no-repeat,
            radial-gradient(circle, #b82b05 0 1.2px, transparent 2.4px) 84px 28px / 9px 9px no-repeat;
          filter: drop-shadow(0 0 4px rgba(255,79,13,.95));
          animation: ww-ember-inward-from-left 2.2s linear infinite;
        }
      }
      @keyframes ww-ember-inward-from-left {
        0% { opacity: .48; transform: translate(-18px, -8px) scale(.68) rotate(-4deg); }
        24% { opacity: .95; }
        72% { opacity: .8; }
        100% { opacity: .48; transform: translate(46px, 38px) scale(1.08) rotate(8deg); }
      }
      @media (max-width: 767px) and (prefers-reduced-motion: reduce) {
        html body #ww-mobile-back::after { animation: none !important; }
      }
      @media (max-width: 767px) {
        html:not(.ww-at-page-top) body #ww-mobile-back::after,
        html:not(.ww-at-page-top) body #header-core #header-nav > .btn-navbar.btn-navbar::after {
          animation: none !important;
          opacity: 0 !important;
        }
      }