.enterprise-partner-page__header {
  position: relative;
}

.enterprise-partner-page__package-additional-info {
  font-size: 0.875em;
}

.enterprise-partner-page__search {
  padding: var(--spacingLarge) 0;

  @media (--screensMedium) {
    position: absolute;
    z-index: 2; /* needed to be on top of the fake blur layer */
    bottom: 24px;
    width: 100%;
    max-width: 680px;
    padding: 25px;
    background: color-mod(var(--colorWhite) alpha(35%));
    border-radius: 25px;
  }
}

.package__container {
  background: var(--colorMilaGreyLighter);
  padding-top: 50px;
  padding-bottom: 50px;

  @media (--screenLG) {
    padding-top: 70px;
    padding-bottom: 70px;
  }
}

@supports (display: grid) {
  .package__items {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(auto, 325px));
    grid-template-rows: repeat(auto-fit, 290px);
    grid-auto-rows: 290px;
    grid-column-gap: 12px;
    grid-row-gap: 20px;
    margin-top: 50px;
    list-style: none;
    padding: 0;
    position: relative;
    justify-content: center;

    @media (--screenMD) {
      grid-template-columns: repeat(auto-fit, 325px);
      justify-content: flex-start;
      grid-column-gap: 20px;
    }
    @media (--screenLG) {
      grid-column-gap: 30px;
      grid-template-columns: repeat(auto-fit, 235px);
      grid-template-rows: repeat(auto-fit, 315px);
      grid-auto-rows: 315px;
    }
    @media (--screenXL) {
      grid-column-gap: 12px;
    }
  }
}

/*IE GRID*/
_:-ms-fullscreen,
:root {
  & .package__items {
    list-style: none;
    padding: 0;
    position: relative;
    justify-content: center;
    display: inline-flex;
    flex-wrap: wrap;
    margin: calc(-20px + 50px) 0 0 -12px;
    width: calc(100% + 12px);
    flex-direction: row;
    & > div {
      margin: 20px 0 0 12px;
      width: 325px;
      height: 290px;
    }
    @media (--screenMD) {
      justify-content: flex-start;
      margin: calc(-20px + 50px) 0 0 -20px;

      width: calc(100% + 20px);
      & > div {
        margin: 20px 0 0 20px;
        width: 325px;
      }
    }
    @media (--screenLG) {
      justify-content: flex-start;
      margin: calc(-20px + 50px) 0 0 -30px;

      width: calc(100% + 30px);
      & > div {
        margin: 20px 0 0 30px;
        width: 235px;
        height: 315px;
      }
    }
    @media (--screenXL) {
      margin: calc(-20px + 50px) 0 0 -12px;
      width: calc(100% + 12px);
      & > div {
        margin: 20px 0 0 12px;
      }
    }
  }
}

.package__dropdown {
  width: 100%;
  display: flex;
  flex-direction: row;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px;
  & div[class*='dropdown'] {
    flex-grow: 1;
  }
  @media (--screenMD) {
    width: fit-content;
    min-width: 350px;
  }
}

.recommended-price,
.results {
  font-size: 14px !important;
  color: var(--colorMilaGrey);
}

.results {
  position: relative;
  & div {
    position: absolute;
  }
}

.searchbar__wrapper {
  margin-bottom: 40px;
}