.pagination_container_catalog{margin-top:50px;width:100%;margin-left:auto}.pagination_catalog{display:flex;justify-content:space-between;gap:8px}.page_numbers_catalog{display:flex;gap:8px;align-items:center}.page_numbers_catalog .dots{line-height:1;font-size:24px;font-weight:600;color:#b2b2b2}.page_numbers_catalog button{border-radius:48px;padding:20px 32px;border:2px solid #b2b2b2;background-color:rgba(0,0,0,0);color:#b2b2b2;font-size:24px;line-height:24px;letter-spacing:-4%;transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.page_numbers_catalog button.active{border:2px solid #000;background-color:#000;color:#fff;font-weight:600}.page_numbers_catalog button.active:hover{color:#fff}.page_numbers_catalog button:hover{border:2px solid #000;color:#000}.page_arrows_catalog{display:flex;gap:16px}.page_arrows_catalog button{width:100%;border-radius:48px;padding:16px;border:2px solid #b2b2b2;background-color:rgba(0,0,0,0);color:#b2b2b2}.page_arrows_catalog button,.page_arrows_catalog button img{transition:.3s ease;-webkit-transition:.3s ease;-moz-transition:.3s ease;-ms-transition:.3s ease;-o-transition:.3s ease}.page_arrows_catalog button:hover{border:2px solid #000;color:#000}.page_arrows_catalog button:hover img{filter:brightness(0);-webkit-filter:brightness(0)}.loading-state{text-align:center;padding:60px 20px}.loading-state .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top-color:#1976d2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-state p{color:#666;margin:0}.empty-state,.error-state{text-align:center;padding:60px 20px;background:#f9f9f9;border-radius:8px}.empty-state h3,.error-state h3{color:#d32f2f;margin-bottom:10px}.empty-state p,.error-state p{color:#666;margin-bottom:20px}.retry-button{background:#1976d2;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;transition:background .3s ease}.retry-button:hover{background:#1565c0}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));grid-gap:24px;gap:24px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:684px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(40%,1fr));gap:8px}.page_numbers_catalog{gap:4px}.page_numbers_catalog button{font-size:16px;padding:16px 20px;line-height:1}.page_arrows_catalog{gap:4px}.page_arrows_catalog button{line-height:1;padding:14px}.page_arrows_catalog button img{height:20px;width:auto}.pagination_catalog{flex-direction:column;align-items:flex-start}}