/* Modal */
.search-modal {
  .predictive-search__close-modal-button {
    width: var(--padding-5xl);
    height: var(--padding-5xl);
  }

  .predictive-search-form__header {
    padding: var(--padding-xl);
    border: 0;

    &::before {
      display: none;
    }

    @media screen and (width < 750px) {
      gap: var(--gap-xs);
    }
  }

  .predictive-search-form__content-wrapper {
    @media screen and (min-width: 750px) {
      min-height: 40dvh;
    }
  }

  .predictive-search-form__header-inner {
    position: relative;
    color: var(--color-input-text);
    background-color: var(--color-input-background);
    border-radius: var(--style-border-radius-inputs);
    border: var(--style-border-width-inputs) solid var(--color-input-border);

    .predictive-search-form__header-inner:focus-within & {
      border-radius: var(--style-border-radius-inputs);
    }
  }

  .predictive-search__icon {
    left: var(--margin-lg);
  }

  .predictive-search__reset-button,
  .predictive-search__icon {
    --icon-size: 1.75rem;
    color: var(--color-black);
    width: var(--icon-size);
    height: var(--icon-size);
    font-size: var(--font-size--md);

    svg,
    > svg {
      width: var(--icon-size);
      height: var(--icon-size);
    }
  }

  .predictive-search-form {
    .search-input {
      height: calc(var(--padding-5xl) - 2px);
      padding-inline: calc(var(--icon-size-lg) + var(--margin-xl) * 1.5);
      font-size: var(--font-size--lg);
    }
  }

  @media screen and (width < 750px) {
    .predictive-search__reset-button {
      flex-shrink: 0;
      width: auto;
      height: auto;
    }

    .predictive-search-form {
      .search-input {
        font-size: var(--font-size--md);
        padding-inline: calc(var(--icon-size-lg) + var(--margin-xl) * 1.5) var(--margin-md);
      }
    }
  }
}

/* List */
.predictive-search-results__inner {
  > *:not(:last-child) {
    margin-block-end: var(--margin-3xl);
  }
}

.predictive-search-results__title,
.predictive-search-results__title:last-child {
  margin-block-end: var(--margin-lg);
  font-size: var(--font-size--3xl);
}

.predictive-search-results__wrapper-products {
  padding-block: 0;
  padding-inline-start: 1px;
  gap: 0;

  &:last-child {
    padding-block-end: 0;
    margin-block-end: var(--margin-sm);
  }
}

.predictive-search-results__resource-header {
  margin-block-end: var(--margin-lg);
}

.predictive-search-results__card {
  margin: -1px 0 0 -1px;
  will-change: unset;
}

/* Carousel */
.predictive-search-results__wrapper {
  slideshow-controls {
    gap: var(--gap-xs);
  }

  slideshow-slides {
    gap: var(--gap-sm);
  }
}