div.sorting {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 80px auto 20px !important;
  font-size: 16px;
  font-weight: 700;
}

.sorting .products-count {
  font-size: 16px;
  font-weight: 700;
}

.sorting .products-count span:first-child {
  color: var(--taupe-gray);
}

.sorting .promotion-filter {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 48px;
  padding: 16px;
  background-color: #ffd05a;
  border-radius: 12px;
}

.sorting .sort {
  display: flex;
  align-items: center;
  gap: 40px;
}

.sorting .sort .listing-header-punkt {
  color: var(--taupe-gray);
}

.sorting .sort .selectize-input {
  font-size: 16px;
}

.sorting .sort .selectize-control.single .item:first-letter {
  text-transform: capitalize !important;
}

.sorting .sort .selectize-control.single .selectize-input::after {
  content: '';
  right: 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6' fill='none'%3E%3Cpath d='M1 1.49976L4 4.49976L7 1.49976' stroke='%23191919' stroke-width='1.9998'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  border-width: 0;
  width: 6px;
  height: 6px;
  transition: all .3s ease;
}

.sorting .sort .selectize-control.single .selectize-input.input-active::after {
  transform: rotate(180deg);
}

.sorting .sort .selectize-dropdown.single {
  box-shadow: 0px 8px 30px 10px rgba(0, 0, 0, .1);
}

.sorting .sort .selectize-dropdown.single,
.sorting .sort .selectize-dropdown.single .selectize-dropdown-content {
  border: 0;
  border-radius: 12px;
}

.sorting .sort .selectize-dropdown.single .selectize-dropdown-content {
  font-size: 16px;
}

.sorting .sort .selectize-dropdown.single .selectize-dropdown-content div {
  padding: 8px;
}

.sorting .sort .selectize-dropdown.single .selectize-dropdown-content div:first-letter {
  text-transform: capitalize;
}

.sorting  .promotion-filter {
  margin: 0;
}

@media (max-width: 768px) {
  div.sorting {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    gap: 16px;
    margin: 16px 0 0 !important;
    font-size: 14px;
  }

  .sorting .products-count,
  .sorting .sort .selectize-input,
  .sorting .sort .selectize-dropdown.single .selectize-dropdown-content {
    font-size: 14px;
  }

  .sorting .products-count {
    order: 1;
  }

  .sorting .sort .selectize-control.single .selectize-input::after {
    right: 12px;
  }

  .sorting .promotion-filter {
    display: none;
  }
}