:host {
  @apply box-border grid h-split-screen-tablet desktop-small:h-split-screen-desktop relative;
  grid-template-rows: auto auto 1fr;
}

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

.page-search-results__result-item {
  @apply mb-[0.625rem];
}

.page-search-results__result-item-primary {
  @apply mb-[0.3125rem];
}

.page-search-results__order-by {
  @apply bg-white rounded px-4;
}

.page-search-results__filter {
  &.active {
    @apply bg-[#596470] text-white ml-px-5;
  }
}

.actions {
  @apply flex sticky bottom-12 items-center justify-center;

  .cta-cart {
    @apply border-2 border-solid border-brand rounded-full py-4 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 page-search-results .page-search-results__order-by-primary shared-order-by-filter {
  @apply grid grid-flow-col justify-items-start gap-x-4 justify-start;

  .order-by-filter-button {
    @apply ml-0 mr-7;
  }
}
