.catalog-list-table {
  overflow: hidden;
  border: 1px solid rgba(98, 91, 139, .13);
  border-radius: 18px;
  background: rgba(255, 255, 255, .92);
  box-shadow: 0 10px 28px rgba(39, 38, 62, .055);
}

.catalog-list-header,
.catalog-product-grid.list-view .product-card {
  display: grid;
  grid-template-columns: 84px minmax(270px, 1.5fr) minmax(170px, .75fr) minmax(135px, .55fr) 194px;
  gap: 16px;
  align-items: center;
}

.catalog-list-header {
  min-height: 48px;
  padding: 0 18px;
  border-bottom: 1px solid rgba(92, 86, 126, .12);
  color: #77768b;
  background: linear-gradient(180deg, #fbfaff, #f6f5fb);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: .055em;
  text-transform: uppercase;
}

.catalog-list-header span:last-child { text-align: right; padding-right: 5px; }
.catalog-product-grid.list-view { display: block; }

.catalog-product-grid.list-view .product-card {
  min-height: 104px;
  padding: 14px 18px;
  border: 0;
  border-bottom: 1px solid rgba(91, 87, 121, .10);
  border-radius: 0;
  background: rgba(255, 255, 255, .86);
  box-shadow: none;
  transition: background .18s ease, box-shadow .18s ease;
}

.catalog-product-grid.list-view .product-card:last-child { border-bottom: 0; }
.catalog-product-grid.list-view .product-card:hover { border-color: rgba(91, 87, 121, .10); background: #fdfcff; box-shadow: inset 3px 0 0 #7562e5; }

.catalog-product-grid.list-view .catalog-list-image { width: 72px; height: 72px; margin: 0; }
.catalog-product-grid.list-view .catalog-list-image .product-image,
.catalog-product-grid.list-view .catalog-list-image .product-placeholder {
  width: 72px;
  height: 72px;
  border: 1px solid rgba(96, 89, 132, .11);
  border-radius: 13px;
  object-fit: cover;
  background: #f7f6fb;
}

.catalog-product-grid.list-view .catalog-list-image .stock-badge { display: none; }
.catalog-product-grid.list-view .catalog-select { left: 5px; top: 5px; }
.catalog-list-info { min-width: 0; }
.catalog-list-info .product-brand-row { justify-content: flex-start; gap: 8px; }

.catalog-list-info .product-brand,
.catalog-category {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 3px 7px;
  border-radius: 6px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
}

.catalog-list-info .product-brand { color: #6554ce; background: #f1eeff; }
.catalog-category { color: #637268; background: #f1f7f3; }
.catalog-product-grid.list-view .catalog-list-info h4 { min-height: 0; margin: 7px 0 4px; color: #2f3040; font-size: 12px; font-weight: 700; line-height: 1.4; }
.catalog-code { display: block; overflow: hidden; color: #9694a3; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

.catalog-price-cell,
.catalog-stock-cell { display: flex; min-width: 0; flex-direction: column; align-items: flex-start; gap: 3px; }
.catalog-cell-label { color: #9492a2; font-size: 9px; font-weight: 700; letter-spacing: .045em; text-transform: uppercase; }
.catalog-price-cell .product-price { margin: 0; color: #6258d6; font-size: 15px; font-weight: 750; }
.catalog-wholesale { color: #9a6a16; font-size: 10px; font-weight: 650; }
.catalog-price-cell small,
.catalog-stock-cell small { color: #9a98a7; font-size: 9px; line-height: 1.35; }

.catalog-stock-cell strong {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #23755f;
  font-size: 13px;
  font-weight: 750;
}

.catalog-stock-cell strong::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #2fc491; box-shadow: 0 0 0 4px rgba(47, 196, 145, .10); }
.catalog-stock-cell.low strong { color: #b5723c; }
.catalog-stock-cell.low strong::before { background: #e7a65a; box-shadow: 0 0 0 4px rgba(231, 166, 90, .11); }

.catalog-product-grid.list-view .product-buttons { justify-content: flex-end; gap: 7px; margin: 0; padding: 0; border: 0; }
.catalog-product-grid.list-view .product-buttons .btn { min-height: 34px; border-radius: 9px; }
.catalog-product-grid.list-view .product-buttons .catalog-detail { flex: 0 0 auto; min-width: 76px; padding-inline: 11px; }
.catalog-product-grid.list-view .product-buttons .icon-btn { flex: 0 0 34px; width: 34px; padding: 8px; }

@media (max-width: 1080px) {
  .catalog-list-header,
  .catalog-product-grid.list-view .product-card { grid-template-columns: 72px minmax(220px, 1fr) minmax(150px, .7fr) 125px; }
  .catalog-list-header span:nth-child(4),
  .catalog-product-grid.list-view .catalog-stock-cell { display: none; }
  .catalog-list-header span:last-child { grid-column: 4; }
  .catalog-product-grid.list-view .product-buttons { grid-column: 4; }
}

@media (max-width: 760px) {
  .catalog-list-table { overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
  .catalog-list-header { display: none; }
  .catalog-product-grid.list-view { display: flex; gap: 10px; }
  .catalog-product-grid.list-view .product-card { grid-template-columns: 68px minmax(0, 1fr) auto; min-height: 96px; padding: 12px; border: 1px solid rgba(98,91,139,.13); border-radius: 14px; }
  .catalog-product-grid.list-view .catalog-list-image,
  .catalog-product-grid.list-view .catalog-list-image .product-image,
  .catalog-product-grid.list-view .catalog-list-image .product-placeholder { width: 62px; height: 62px; }
  .catalog-product-grid.list-view .catalog-price-cell { grid-column: 2; }
  .catalog-product-grid.list-view .catalog-stock-cell { display: none; }
  .catalog-product-grid.list-view .product-buttons { grid-column: 3; grid-row: 1 / span 2; flex-direction: column; }
  .catalog-product-grid.list-view .product-buttons .catalog-detail { min-width: 34px; width: 34px; overflow: hidden; padding: 8px; font-size: 0; }
}