.category-pagination {
   margin: 24px 0 50px;
   margin-bottom: 50px;
   display: flex;
   justify-content: center;
 }
 .category-pagination .page-numbers {
   display: flex;
   flex-wrap: wrap;
   gap: 8px;
   list-style: none;
   padding: 0;
   margin: 0;
   justify-content: center;
 }
 .category-pagination .page-numbers li {
   margin: 0;
 }
 .category-pagination .page-numbers li a,
 .category-pagination .page-numbers li span {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   min-width: 36px;
   height: 36px;
   padding: 0 12px;
   border: 1px solid #ddd;
   border-radius: 7px;
   color: #111;
   background: #fff;
   text-decoration: none;
   font-size: 14px;
   line-height: 1;
 }
 .category-pagination .page-numbers li .current {
   background: #111;
   color: #fff;
   border-color: #111;
 }
 .category-pagination .page-numbers li a:hover {
   background: #000;
   color: #fff;
   border-color: #000;
 }
 .category-pagination .page-numbers .prev,
 .category-pagination .page-numbers .next {
   font-weight: 600;
 }
 @media (max-width: 600px) {
   .category-pagination {
     margin: 16px 0 50px;
   }
   .category-pagination .page-numbers {
     justify-content: center;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     padding-bottom: 8px;
     white-space: nowrap;
   }
   .category-pagination .page-numbers li {
     flex: 0 0 auto;
   }
   .category-pagination .page-numbers li a,
   .category-pagination .page-numbers li span {
     min-width: 32px;
     height: 32px;
     font-size: 13px;
     padding: 0 10px;
     border-radius: 7px;
   }
 }