/* Start:/bitrix/templates/aspro-allcorp/components/bitrix/system.pagenavigation/.default/style.css?1745325210799*/
    .wrap_pagination {
        text-align: center;
    }

    .pagination {
        border-radius: 0;
        border-color: #dfe5e9;
        background-color: transparent;
    }

    .pagination .page-item {
        border-radius: 0;
        margin: 0 1px;
    }

    .pagination .page-item .page-link {
        color: #4c7698;
        border-radius: 5 !important;
        padding: 5px 10px;
        transition: background-color 0.3s, color 0.3s;
    }

    .pagination .page-item .page-link:hover {
        background-color: #66bedf;
        color: white;
    }
.pagination .page-item.disabled .page-link {
    color: rgb(46 52 58 / 98%);
}

    .pagination .page-item .page-link:hover .icon {
        color: white;
    }

    .pagination .page-item .page-link .icon {
        color: #acb6bc;
    }
/* End */


/* Start:/bitrix/templates/aspro-allcorp/components/bitrix/news.list/catalog-table/style.css?17552557124025*/
.catalog.group.item-views.table .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  border: 1px solid #d7dee3;
  border-radius: 12px;
  background: rgba(230, 240, 245, 0.63);
  padding: 15px;
  margin: 15px 0;
  transition: transform 0.3s ease, box-shadow 0.3s ease,
    background-color 0.3s ease;
  overflow: hidden;
  text-align: center;
  position: relative;
}

/* Hover эффект */
.catalog.group.item-views.table .item:hover {
  background-color: rgba(228, 235, 241, 0.5);
  transform: scale(1.02);
  box-shadow: 0 12px 24px rgba(65, 185, 234, 0.45);
}

/* Ссылка на всю карточку */
.catalog.group.item-views.table .item a.full-link {
  position: absolute;
  inset: 0;
  z-index: 1;
  display: block;
}

/* Изображение */
.catalog.group.item-views.table .image {
  height: 220px;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
}

.catalog.group.item-views.table .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

/* Заголовок под изображением */
.catalog.group.item-views.table .title {
  font-size: 16px;
  font-weight: 550;
  margin-top: 12px;
  position: relative;
  z-index: 2;
  letter-spacing: 1px;
}

.catalog.group.item-views.table .title a {
  color: #333;
  text-decoration: none;
  transition: color 0.3s ease;
}

.catalog.group.item-views.table .title a:hover {
  color: #1da4d3;
}

/* Цена */
.catalog.group .price {
  font-size: 1.2rem;
  font-weight: bold;
  color: #28a745;
  margin-top: 10px;
}

/* ===== Status badge for catalog cards ===== */

/* позиционируем бейдж в карточке */
.catalog .item {
  position: relative;
} /* на всякий случай */
.catalog .item .k-status {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 3;
}

/* базовый плоский бейдж */
.k-status {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.35rem 0.6rem 0.35rem 0.5rem;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1;
  font-size: 0.875rem; /* можно уменьшить до .8125rem при необходимости */
  -webkit-font-smoothing: antialiased;
}

.k-status--flat {
  /* дефолтные переменные (перекроются модификаторами ниже) */
  --k-fg: var(--bs-primary, #0d6efd);
  --k-bg: rgba(13, 110, 253, 0.1);
  --k-br: rgba(13, 110, 253, 0.28);

  color: var(--k-fg);
  background: var(--k-bg);
  border: 1px solid var(--k-br);
  box-shadow: 0 1px 0 rgba(16, 24, 40, 0.04);
  /* чтобы читалось и на тёмных фото */
  backdrop-filter: saturate(120%) blur(1px);
}

.k-status__dot {
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.02);
}

/* ===== Цветовые варианты ===== */

/* В наличии — зелёный (мягкий) */
.k-status--available {
  --k-fg: #198754; /* bootstrap success */
  --k-bg: rgba(25, 135, 84, 0.12);
  --k-br: rgba(25, 135, 84, 0.32);
}

/* Под заказ — тёплый нейтральный (мёд/песок) */
.k-status--preorder {
  --k-fg: #b8742a;
  --k-bg: rgba(184, 116, 42, 0.14);
  --k-br: rgba(184, 116, 42, 0.34);
}

/* Ожидается — янтарный акцент */
.k-status--expected {
  --k-fg: #d49100;
  --k-bg: rgba(212, 145, 0, 0.14);
  --k-br: rgba(212, 145, 0, 0.34);
}

/* Нет в наличии — спокойный серый */
.k-status--out {
  --k-fg: #5f6b7a;
  --k-bg: rgba(95, 107, 122, 0.1);
  --k-br: rgba(95, 107, 122, 0.28);
  color: var(--k-fg);
}

/* ===== Адаптив: чуть компактнее на мобильном ===== */
@media (max-width: 575.98px) {
  .catalog .item .k-status {
    top: 0.4rem;
    left: 0.4rem;
    font-size: 0.8125rem;
    padding: 0.3rem 0.5rem 0.3rem 0.45rem;
  }
  .k-status__dot {
    width: 0.45rem;
    height: 0.45rem;
  }
}

/* End */
/* /bitrix/templates/aspro-allcorp/components/bitrix/system.pagenavigation/.default/style.css?1745325210799 */
/* /bitrix/templates/aspro-allcorp/components/bitrix/news.list/catalog-table/style.css?17552557124025 */