.catalog-section {
  --catalog-column-property-max-width: 294px;
  --catalog-header-display: none;
}
.catalog-section-inner {
  --catalog-items-per-row: 1;
  display: grid;
  grid-template-columns: repeat(var(--catalog-items-per-row, 1), 1fr);
}
@media (min-width: 375px) {
  .catalog-section-inner {
    --catalog-items-per-row: 2;
  }
}
@media (min-width: 768px) {
  .catalog-section-inner {
    --catalog-items-per-row: 3;
  }
}
@media (min-width: 1025px) {
  .catalog-section-inner {
    --catalog-items-per-row: 4;
  }
}
@media (min-width: 1280px) {
  .catalog-section-inner {
    --catalog-items-per-row: 5;
  }
}
@media (min-width: 1441px) {
  .catalog-section-inner {
    --catalog-items-per-row: 7;
  }
}
.catalog-section-settings[badge]::after {
  top: var(--gap-xxs);
  right: var(--gap-xxs);
  width: 8px;
  height: 8px;
}
.catalog-section__filter-btn {
  --sotbit-button-icon-badge-size: 12px;
}
.catalog-section-items {
  display: contents;
}
.catalog-section--table .catalog-section-inner {
  column-gap: var(--gap-s);
  row-gap: var(--gap-s);
}
@media (min-width: 1025px) {
  .catalog-section--table {
    overflow: hidden;
    --catalog-header-display: grid;
  }
  .catalog-section--table .catalog-section-inner {
    display: grid;
    grid-template-columns: 48px minmax(340px, 100%) repeat(var(--cols-count), max-content) min-content;
    min-width: 100%;
    width: 100%;
    column-gap: 0;
    row-gap: 0;
    padding-bottom: 1px;
  }
  .catalog-section--table .catalog-section-inner--without-props {
    grid-template-columns: 48px minmax(340px, 100%) min-content;
  }
}
@media (max-width: 1024px) {
  .catalog-section--tile .catalog-section-inner {
    column-gap: var(--gap-s);
    row-gap: var(--gap-s);
  }
}
@media (max-width: 374px) {
  .catalog-section--tile .catalog-section-inner {
    column-gap: var(--gap-xs);
  }
}
.catalog-section-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--gap-m);
  flex-direction: column;
  row-gap: var(--gap-m);
}
.catalog-section-top > * {
  width: 100%;
}
@media (min-width: 768px) {
  .catalog-section-top {
    position: relative;
    flex-direction: row;
  }
  .catalog-section-top > * {
    width: auto;
    position: static !important;
  }
}
.catalog-section-actions {
  display: flex;
  align-items: center;
  column-gap: var(--gap-s);
}
.catalog-section-excel {
  position: relative;
}
.catalog-section-excel-button {
  min-height: 40px;
}
.catalog-section-excel-button::part(button) {
  min-height: 40px;
}
.catalog-section-excel-button-content {
  padding: 0 var(--gap-xxs);
}
.catalog-section-table-header {
  display: var(--catalog-header-display);
}
.catalog-section-table-header-column {
  max-width: var(--catalog-column-property-max-width, 294px);
}
.catalog-section-table-header-column-first[sort-order]::part(cell), .catalog-section-table-header-column[sort-order]::part(cell) {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
}
.catalog-section-table-settings__list.move * {
  cursor: grabbing !important;
}
.catalog-section-table-settings__list .catalog-section-table-settings__item {
  word-break: break-all;
}
.catalog-section-table-settings__list.move .catalog-section-table-settings__item:hover {
  background-color: initial;
}
.catalog-section-table-settings__item {
  display: flex;
  gap: var(--gap-xxs);
  align-items: flex-start;
  min-height: 40px;
  border-radius: var(--border-radius-300);
}
.catalog-section-table-settings__item sotbit-checkbox {
  display: flex;
}
.catalog-section-table-settings__item:hover {
  background-color: var(--background-primary-secondary-hover);
}
.catalog-section-table-settings__item.sortable-chosen .catalog-section-table-settings__item-handle {
  cursor: grabbing !important;
}
.catalog-section-table-settings__item.sortable-ghost {
  background-color: var(--sotbit-icon-secondary-active-bg-pressed) !important;
  cursor: grabbing !important;
}
.catalog-section-table-settings__item.sortable-drag {
  background-color: var(--background-primary-secondary-hover) !important;
}
.catalog-section-table-settings__item sotbit-checkbox {
  width: 100%;
}
.catalog-section-table-settings__item-handle {
  margin-left: auto;
  cursor: grab;
}
.catalog-section-table-settings__apply {
  width: 100%;
}

.pagination-wrapper--bottom {
  --pagination-wrapper-padding-top: var(--gap-3xl);
}
.pagination-wrapper:has(.pagination-toggle-count), .pagination-wrapper:has(.pagination-btn), .pagination-wrapper:has(.pagination) {
  display: flex;
  flex-direction: column;
  row-gap: var(--gap-m);
  position: relative;
  min-height: 48px;
  padding-top: var(--pagination-wrapper-padding-top, 0);
  box-sizing: border-box;
}
.pagination-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  column-gap: var(--gap-m);
  flex-wrap: wrap;
  position: relative;
}
.pagination-inner--not-empty {
  min-height: 40px;
}
@media (min-width: 768px) {
  .pagination-inner {
    position: static;
  }
}
.pagination-inner sotbit-dropdown {
  min-width: 0;
}
.pagination-btn {
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.pagination-toggle-count {
  display: none;
}
@media (min-width: 768px) {
  .pagination-toggle-count {
    display: block;
  }
}

.template-variant-button {
  display: none;
}
@media (min-width: 1280px) {
  .template-variant-button:not([hidden]) {
    display: block;
  }
}

.catalog-section-empty-filter {
  text-align: center;
  padding: var(--gap-xl);
  color: var(--text-secondary-color);
}

.error-message {
  margin-bottom: var(--gap-3xl);
}
.error-message::part(alert) {
  align-items: center;
}