Каталоги ковровой плитки и рулонных ковровых покрытий

const ctlgBd = document.getElementById('ctlgBackdrop');function ctlgOpen() { ctlgBd.classList.add('ctlg-bd--open'); requestAnimationFrame(() => requestAnimationFrame(() =>ctlgBd.classList.add('ctlg-bd--visible') )); }function ctlgClose() { ctlgBd.classList.remove('ctlg-bd--visible'); setTimeout(() => ctlgBd.classList.remove('ctlg-bd--open'), 440); }document.getElementById('ctlgOpenFilter').addEventListener('click', ctlgOpen); document.getElementById('ctlgCloseFilter').addEventListener('click', ctlgClose); document.getElementById('ctlgApplyFilter').addEventListener('click', ctlgClose); ctlgBd.addEventListener('click', e => { if (e.target === ctlgBd) ctlgClose(); });// Tab switching document.querySelectorAll('.ctlg-fpanel__tab').forEach(tab => { tab.addEventListener('click', () => { document.querySelectorAll('.ctlg-fpanel__tab').forEach(t => t.classList.remove('ctlg-tab--active')); document.querySelectorAll('.ctlg-fpanel__optgrp').forEach(g => g.classList.remove('ctlg-grp--active')); tab.classList.add('ctlg-tab--active'); document.getElementById('ctlgGrp-' + tab.dataset.grp).classList.add('ctlg-grp--active'); }); });// Toggle checkboxes document.querySelectorAll('.ctlg-fpanel__opt').forEach(opt => { opt.addEventListener('click', () => { opt.querySelector('.ctlg-fpanel__chk').classList.toggle('ctlg-chk--on'); }); });// Clear all document.getElementById('ctlgClearAll').addEventListener('click', () => { document.querySelectorAll('.ctlg-fpanel__chk').forEach(c => c.classList.remove('ctlg-chk--on')); }); // Mobile Pagination const CARDS_PER_PAGE = 3; let currentPage = 1;const allCards = Array.from(document.querySelectorAll('.ctlg-card')); const totalPages = Math.ceil(allCards.length / CARDS_PER_PAGE);function isMobile() { return window.innerWidth c.style.display = ''); document.getElementById('ctlgPagination').style.display = 'none'; return; }currentPage = page; const start = (page - 1) * CARDS_PER_PAGE; const end = start + CARDS_PER_PAGE;allCards.forEach((card, i) => { card.style.display = (i >= start && i < end) ? '' : 'none'; });// Show pagination document.getElementById('ctlgPagination').style.display = 'flex';// Prev / Next document.getElementById('ctlgPrevPage').disabled = (page === 1); document.getElementById('ctlgNextPage').disabled = (page === totalPages);// Page number buttons const numsEl = document.getElementById('ctlgPageNums'); numsEl.innerHTML = ''; for (let p = 1; p renderPage(p)); numsEl.appendChild(btn); } }document.getElementById('ctlgPrevPage').addEventListener('click', () => { if (currentPage > 1) renderPage(currentPage - 1); }); document.getElementById('ctlgNextPage').addEventListener('click', () => { if (currentPage renderPage(currentPage));