:root {
      --electric-border-color: #ef4444;
      --electric-light-color: #f87171;
      --electric-gradient-color: rgba(127, 29, 29, 0.45);
      --electric-neutral: #18191b;
      --cursor-click: url("../assets/Metal.cur"), pointer;
    }

    .products-megamenu__main,
    .nav-submenu-toggle {
      --cut: 1.5px;
      --active: 0;
      --galaxy-hue: 0;
      --galaxy-spark: 1.8s;
      --galaxy-transition: 0.22s;
    }

    .products-megamenu__main.is-active,
    .nav-submenu-group.is-open > .nav-submenu-toggle {
      --active: 1;
    }

    .products-megamenu__main > .products-megamenu__thumb,
    .products-megamenu__main > .products-megamenu__main-label,
    .products-megamenu__main > .products-megamenu__main-arrow,
    .nav-submenu-toggle > .nav-submenu-thumb,
    .nav-submenu-toggle > .nav-submenu-toggle-label,
    .nav-submenu-toggle > .nav-submenu-chevron {
      position: relative;
      z-index: 2;
    }

    .mega-galaxy {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      display: block;
      border-radius: inherit;
      pointer-events: none;
      z-index: 0;
      overflow: hidden;
      opacity: var(--active);
      transition: opacity var(--galaxy-transition);
      transform-style: preserve-3d;
      perspective: 100vmin;
    }

    .mega-galaxy__spark {
      position: absolute;
      inset: 0;
      border-radius: inherit;
      overflow: hidden;
      -webkit-mask: linear-gradient(#fff, transparent 55%);
              mask: linear-gradient(#fff, transparent 55%);
      animation: mega-galaxy-flip calc(var(--galaxy-spark) * 2) infinite steps(2, end);
    }

    .mega-galaxy__spark::before {
      content: "";
      position: absolute;
      width: 220%;
      aspect-ratio: 1;
      top: 0;
      left: 50%;
      z-index: -1;
      translate: -50% -18%;
      transform: rotate(-90deg);
      opacity: 0.85;
      background: conic-gradient(
        from 0deg,
        transparent 0 335deg,
        hsl(0 0% 100% / 0.95) 350deg,
        hsl(var(--galaxy-hue) 100% 72% / 0.9) 360deg
      );
      animation: mega-galaxy-rotate var(--galaxy-spark) linear infinite both;
    }

    .mega-galaxy__backdrop {
      position: absolute;
      inset: var(--cut);
      border-radius: calc(12px - 1px);
      background:
        radial-gradient(
          140% 140% at 118% 118%,
          hsl(var(--galaxy-hue) 85% 62% / 0.35) 28%,
          transparent 58%
        ),
        radial-gradient(
          120% 120% at 112% 112%,
          hsl(var(--galaxy-hue) 90% 42% / 0.45) 22%,
          transparent 68%
        ),
        rgba(20, 21, 22, 0.55);
      box-shadow:
        0 0.04em 0 0 hsl(var(--galaxy-hue) 80% 50% / 0.55) inset,
        0 -0.04em 0 0 hsl(var(--galaxy-hue) 80% 8% / 0.4) inset;
    }

    .mega-galaxy__container {
      position: absolute;
      inset: 0;
      -webkit-mask: radial-gradient(#fff 20%, transparent 72%);
              mask: radial-gradient(#fff 20%, transparent 72%);
    }

    .mega-galaxy__orbit {
      position: absolute;
      width: 100%;
      aspect-ratio: 1;
      top: 50%;
      left: 50%;
      translate: -50% -50%;
      overflow: hidden;
    }

    .mega-galaxy__ring {
      height: 200%;
      width: 200%;
      position: absolute;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      transform: translate(-28%, -40%) rotateX(-24deg) rotateY(-30deg) rotateX(90deg);
      transform-style: preserve-3d;
    }

    .mega-galaxy__star {
      height: calc(var(--size) * 1px);
      aspect-ratio: 1;
      background: hsl(0 0% 100%);
      border-radius: 50%;
      position: absolute;
      opacity: var(--alpha);
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%) rotate(10deg) rotate(0deg) translateY(calc(var(--distance) * 1px));
      animation: mega-galaxy-orbit calc(var(--duration) * 1s) calc(var(--delay) * -1s) infinite linear;
      box-shadow: 0 0 4px hsl(var(--galaxy-hue) 100% 70% / 0.55);
    }

    .mega-galaxy__star--static {
      animation:
        mega-galaxy-move-x calc(var(--duration) * 0.12s) calc(var(--delay) * -0.12s) infinite linear,
        mega-galaxy-move-y calc(var(--duration) * 0.22s) calc(var(--delay) * -0.22s) infinite linear;
      top: 50%;
      left: 50%;
      transform: none;
      max-height: 3px;
      filter: brightness(1.8);
      opacity: 0.85;
      box-shadow: 0 0 6px hsl(var(--galaxy-hue) 100% 65% / 0.65);
    }

    @keyframes mega-galaxy-orbit {
      to {
        transform: translate(-50%, -50%) rotate(10deg) rotate(360deg) translateY(calc(var(--distance) * 1px));
      }
    }

    @keyframes mega-galaxy-move-x {
      0% { translate: -56px 0; }
      100% { translate: 56px 0; }
    }

    @keyframes mega-galaxy-move-y {
      0% { transform: translate(0, -28px); }
      100% { transform: translate(0, 28px); }
    }

    @keyframes mega-galaxy-flip {
      to { rotate: 360deg; }
    }

    @keyframes mega-galaxy-rotate {
      to { transform: rotate(90deg); }
    }

    @media (prefers-reduced-motion: reduce) {
      .mega-galaxy__spark,
      .mega-galaxy__spark::before,
      .mega-galaxy__star,
      .mega-galaxy__star--static {
        animation: none !important;
      }
    }

    a[href],
    button:not(:disabled),
    summary,
    label[for],
    select:not(:disabled),
    input[type="checkbox"],
    input[type="radio"],
    input[type="submit"],
    input[type="button"],
    input[type="reset"],
    input[type="file"],
    [role="button"],
    [role="link"],
    .cursor-pointer {
      cursor: var(--cursor-click);
    }

    .electric-svg {
      position: absolute;
      width: 0;
      height: 0;
      overflow: hidden;
    }

    .electric-promo {
      position: relative;
      isolation: isolate;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      min-height: 36px;
      padding: 8px 16px;
      border-radius: 9999px;
      color: #f4f4f5 !important;
      text-shadow: none !important;
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      animation: none !important;
      overflow: visible;
      z-index: 0;
    }

    .electric-promo .nav-icon,
    .electric-promo .nav-label {
      position: relative;
      z-index: 2;
      animation: none !important;
      filter: none !important;
      color: inherit !important;
      text-shadow: none !important;
    }

    .electric-promo__shell {
      position: absolute;
      inset: 0;
      display: block;
      border-radius: inherit;
      pointer-events: none;
      z-index: 0;
      overflow: visible;
    }

    .electric-promo__card {
      position: absolute;
      inset: 0;
      display: block;
      border-radius: inherit;
      padding: 1px;
      background:
        linear-gradient(-30deg, var(--electric-gradient-color), transparent, var(--electric-gradient-color)),
        linear-gradient(to bottom, var(--electric-neutral), var(--electric-neutral));
    }

    .electric-promo__inner {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      border-radius: inherit;
    }

    .electric-promo__border-outer {
      display: block;
      border: 1.5px solid rgba(239, 68, 68, 0.45);
      border-radius: inherit;
      padding-right: 0px;
      padding-bottom: 0px;
      height: 100%;
    }

    .electric-promo__main {
      display: block;
      width: 100%;
      height: 100%;
      border-radius: inherit;
      border: 1.5px solid var(--electric-border-color);
      margin-top: -2px;
      margin-left: -2px;
      filter: url(#turbulent-displace);
    }

    .electric-promo:hover {
      color: #fff !important;
    }