.js-store-prod-all-text {
    color: #160A2C !important;
}

.t-store__card__textwrapper {
    padding: 15px 10px 15px 15px;
    background-color: #ffffff;
}
.t-store__card__imgwrapper.t-store__card__imgwrapper_1-1 {
    background-color: #ffffff;
}
.t-store__card__imgwrapper.t-store__card__imgwrapper_1-1 {
    padding-bottom: 81%;
    border-radius: 16px 16px 0px 0px;
}
.t-store__card__btns-wrapper.js-store-buttons-wrapper {
    background-color: #ffffff;
    margin-top: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
    border-radius: 0px 0px 16px 16px;
}
.t-store__grid-cont_col-width_stretch .t-store__card__imgwrapper_original-ratio.t-store__card__imgwrapper_1-1 {
    padding-bottom: 81%;
}


@media screen and (max-width: 560px) {
.t-store .t-popup__close-wrapper {
    background-color: white;
}
}




document.addEventListener("DOMContentLoaded", function() {
  function renderPagination() {
    const pagination = document.querySelector(".t-store__pagination");
    if (!pagination) return;

    const totalPages = parseInt(pagination.dataset.totalPages, 10);
    let currentPage = parseInt(pagination.dataset.activePage, 10);

    // Очищаем стандартную пагинацию
    pagination.innerHTML = "";

    function addPage(num, active=false) {
      const el = document.createElement("div");
      el.className = "t-store__pagination__item t-descr t-descr_xxs";
      el.style.borderColor = "#614bf2";
      el.style.borderRadius = "16px";
      el.textContent = num;
      if (active) {
        el.classList.add("t-store__pagination__item_active");
      } else {
        el.classList.add("js-pagination-item");
        el.dataset.pageNum = num;
        el.addEventListener("click", () => render(num));
      }
      pagination.appendChild(el);
    }

    function addSeparator() {
      const span = document.createElement("div");
      span.className = "t-store__pagination__item t-store__pagination__item_separator t-descr t-descr_xxs";
      span.textContent = "...";
      pagination.appendChild(span);
    }

    // Кнопка назад
    const prev = document.createElement("div");
    prev.className = "t-store__pagination__item t-descr t-descr_xxs";
    prev.style.borderColor = "#614bf2";
    prev.style.borderRadius = "16px";
    prev.textContent = "← назад";
    if (currentPage > 1) {
      prev.addEventListener("click", () => render(currentPage - 1));
    } else {
      prev.style.opacity = "0.5";
    }
    pagination.appendChild(prev);

    // Всегда показываем 1
    addPage(1, currentPage === 1);

    // Левое "..."
    if (currentPage > 4) addSeparator();

    // Страницы вокруг активной
    for (let i = currentPage - 2; i  1 && i < totalPages) {
        addPage(i, i === currentPage);
      }
    }

    // Правое "..."
    if (currentPage < totalPages - 3) addSeparator();

    // Последняя
    if (totalPages > 1) addPage(totalPages, currentPage === totalPages);

    // Кнопка вперед
    const next = document.createElement("div");
    next.className = "t-store__pagination__item t-descr t-descr_xxs";
    next.style.borderColor = "#614bf2";
    next.style.borderRadius = "16px";
    next.textContent = "вперед →";
    if (currentPage < totalPages) {
      next.addEventListener("click", () => render(currentPage + 1));
    } else {
      next.style.opacity = "0.5";
    }
    pagination.appendChild(next);

    // обновляем dataset
    pagination.dataset.activePage = currentPage;
  }

  function render(page) {
    const pagination = document.querySelector(".t-store__pagination");
    if (!pagination) return;
    pagination.dataset.activePage = page;
    renderPagination();
    // тут можно вызвать подгрузку товаров по page, если нужно
  }

  renderPagination();
});