:host {
  @apply box-border grid;
  max-height: calc(100vh - 284px);
  height: 100vh;
  grid-template-rows: auto 1fr;
}

.product-list {
  @apply m-0 p-0 mt-2;
}

.product-list-result {
  @apply list-none bg-white rounded-card p-4 mb-2;
  height: 187px;
  max-height: 187px;
}

.filter-wrapper {
  @apply block relative;

  .hits {
    @apply text-inactive-branch font-semibold absolute top-2 right-0;
  }

  ui-order-by-filter {
    @apply mx-auto;
  }
}

.actions {
  @apply fixed bottom-28 inline-grid grid-flow-col gap-7;
  left: 50%;
  transform: translateX(-50%);

  .cta-cart {
    @apply border-2 border-solid border-brand rounded-full py-3 px-6 font-bold text-lg outline-none self-end whitespace-nowrap no-underline;

    &:disabled {
      @apply bg-inactive-branch border-inactive-branch text-white;
    }
  }

  .cta-action-primary {
    @apply bg-brand text-white;
  }
}

::ng-deep .desktop page-search-results {
  .scroll-bar-margin::-webkit-scrollbar-track {
    margin-bottom: 0.5rem;
  }
}
