/***********************************************************************/
	/*************************** Pagination Style **************************/
	/***********************************************************************/


	div.news {
	  display: none;
	  animation: fadeIn 0.4s ease both;
	}
	div.news.visible {
	  display: block;
	}
	@keyframes fadeIn {
	  from { opacity: 0; transform: translateY(12px); }
	  to   { opacity: 1; transform: translateY(0); }
	}
	.pagination {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  gap: 8px;
	  padding: 48px 0 64px;
	  flex-wrap: wrap;
	}
	.pagination button {
	  background: none;
	  border: 1px solid #1e1e2e;
	  color: #6b6560;
	  font-family: inherit;
	  font-size: 14px;
	  padding: 8px 16px;
	  cursor: pointer;
	  transition: all 0.2s ease;
	  min-width: 40px;
	}
	.pagination button:hover { border-color: #7a6540; color: #c8a96e; }
	.pagination button.active { border-color: #c8a96e; color: #c8a96e; }
	.pagination button:disabled { opacity: 0.25; cursor: not-allowed; }
	.pagination button.prev-next { letter-spacing: 0.15em; text-transform: uppercase; font-size: 11px; padding: 8px 20px; }
	.pagination .ellipsis { color: #6b6560; padding: 8px 4px; font-size: 14px; }
	.pagination-status { text-align: center; font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #6b6560; margin-bottom: 8px; }


	/**************************************************************/
    /***************** Fall back if JS is disabled ****************/
    /**************************************************************/
	<noscript>
	  <style> div.news { display: block; } </style> 
	</noscript>