.navbar .links .desktop-panel.panel.compare:has(.compare-cars-header) {
  display: unset;
}

.menu-list>li.nav-link.compare a {
  color: var(--primary-main);
  width: 100%;
  height: 100%;
}

.compare-cars-header {

  h2,
  p {
    margin: 0px;
    padding: 0px;
  }

  .d-flex {
    display: flex;
  }

  .align-item {
    align-items: center
  }

  &.block-margin {
    margin-block: 32px 40px;
  }

  .image-wrapper img {
    width: 100%;
    max-width: 433px;
    max-height: 113px;
    object-fit: cover;
  }

  .text-wrapper {
    flex: 1;

    .content {
      display: flex;
      flex-direction: column;
      row-gap: 16px;
      max-width: 508px;
    }

    .compare-cars-header__title {
      margin-top: 9px;
    }

    .text-large {
      color: var(--secondary-main);
    }
  }

  .redirect-anchor {
    gap: 8px;
    margin-top: 82px;

    a {
      margin-block: 2px;
      color: var(--primary-main);
      display: inline-flex;
      gap: 8px;

      &:hover {
        &::after {
          transform: scale(1.05) translate(3px, -3px);
        }
      }
    }

    a::after {
      content: "";
      width: 24px;
      height: 24px;
      background: url("/icons/north_east.svg") no-repeat center center / contain;
      display: block;
      position: relative;
      transition: transform 0.3s ease-in-out;
    }
  }
}

body.arena {
  .compare-cars-header {
    .text-content-wrapper {
      flex-direction: column;
    }

    .redirect-anchor {
      margin-top: 16px;

      a {
        border: 1px solid var(--Primary-main-arena);
        color: var(--Primary-main-arena);
        display: inline-flex;
        padding: 12px 24px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        font-size: var(--body-xs-arena);
        font-weight: var(--fw-400);
        line-height: var(--lh-18px-arena);

        &:after {
          display: none;
        }

        &:hover {
          background-color: var(--Primary-main-arena);
          color: var(--tertiary-white);
        }
      }

      .anchor-icon {
        display: none;
      }
    }

    .text-wrapper {
      .content {
        row-gap: 12px;
      }

      .compare-cars-header__title {
        font-size: var(--heading-xl-arena);
        line-height: var(--lh-40px-arena);
        font-weight: var(--fw-700);
        margin-top: 0;
      }

      .text-large {
        font-size: var(--body-xs-arena);
        line-height: var(--lh-20px-arena);
        color: var(--tertiary-black);
      }
    }
  }
}