.products-toolbar {
  position: relative;
  padding-bottom: calc(4 * var(--space-unit));
  border: solid rgba(var(--text-color)/0.15);
  border-width: 0 0 1px;
}

.products-toolbar__filter .icon {
  margin-inline-start: calc(4 * var(--space-unit));
  fill: rgba(var(--bg-color));
}

.products-toolbar__layout {
  margin-inline-end: -8px;
}
.products-toolbar__layout .label {
  margin-inline-end: 4px;
}
.products-toolbar__layout > label {
  padding: 8px;
  transition: color 0.3s;
  color: rgba(var(--text-color)/0.5);
  line-height: 1em;
  cursor: pointer;
}
.products-toolbar__layout input:checked + label {
  color: rgb(var(--text-color));
}

.grid.gapless .card--product-contained .card__quick-add {
  padding-bottom: var(--space-unit);
}

.main-products-grid[data-layout=list] .grid {
  grid-template-columns: none;
}
.main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid {
  row-gap: 0;
}
.main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid > li {
  padding-bottom: calc(10 * var(--space-unit));
  border-bottom: 1px solid rgba(var(--text-color)/0.15);
}

.products-toolbar__filter-btn circle {
  transition: transform 0.3s, color 0.3s;
}
.products-toolbar__filter-btn:not(.is-active) circle:nth-of-type(1) {
  transform: translateX(6px);
  color: rgba(var(--text-color)/0.8);
}
.products-toolbar__filter-btn:not(.is-active) circle:nth-of-type(2) {
  transform: translateX(-6px);
  color: rgba(var(--text-color)/0.8);
}

.products-toolbar__sort .custom-select__btn {
  margin-inline-end: 30px;
  padding: 0;
  font-weight: normal;
}
.products-toolbar__sort .custom-select__btn > .icon {
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0;
}
body:not(.tab-used) .products-toolbar__sort .custom-select__btn {
  border: 0;
  box-shadow: none;
}

@media (max-width: 768.98px) {
  .products-toolbar {
    justify-content: space-between;
  }
  .products-toolbar__filter {
    padding-inline-end: 10px;
  }
  .products-toolbar__filter-btn {
    padding: 8px 20px;
    border: var(--btn-border-width) solid rgba(var(--text-color)/0.15);
    border-radius: var(--btn-border-radius, 0);
    font-size: var(--btn-text-size);
    font-weight: 700;
    line-height: 1.2em;
    text-align: start;
  }
  .main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid {
    margin-top: calc(8 * var(--space-unit) * -1 - 1px);
    column-gap: 0;
  }
  .main-products-grid:not(.main-products-grid--contained)[data-layout=list] .grid > li {
    padding-bottom: calc(6 * var(--space-unit));
  }
}
@media (min-width: 600px) {
  .products-toolbar .label,
.products-toolbar label,
.products-toolbar .switch + label,
.products-toolbar .custom-select__btn,
.products-toolbar .products-toolbar__filter-btn {
    font-size: 1em;
  }
  .products-toolbar__sort {
    white-space: nowrap;
  }
  .products-toolbar__sort custom-select {
    display: flex;
    align-items: center;
  }
  .products-toolbar__sort .custom-select {
    position: relative;
    top: 0.04em;
  }
  .products-toolbar__sort label {
    margin: 0;
    padding-inline-end: 12px;
  }
  .products-toolbar__sort .custom-select__btn {
    height: 35px;
  }
}
@media (min-width: 769px) {
  .products-toolbar {
    padding-top: calc(4 * var(--space-unit));
    border-width: 1px 0;
  }
  .products-toolbar__filter + .products-toolbar__sort {
    margin-inline-start: calc(6 * var(--space-unit));
    padding-inline-start: calc(6 * var(--space-unit));
    border-inline-start: 1px solid rgba(var(--text-color)/0.15);
  }
}
@media (min-width: 1024px) {
  .js .lg\:js-hidden {
    display: none;
  }
}
@media (max-width: 1023.98px) {
  .products-toolbar__layout .label {
    display: none;
  }
}