@media only screen and (max-width: 1920px) and (min-width: 1500px) {
	.container {
		max-width: 1400px;
	}
}

@media only screen and (max-width: 1600px) {}

@media only screen and (max-width: 1445px) {}

@media only screen and (max-width: 1366px) {
	html {
		font-size: 15px;
	}
}

@media (max-width: 1199.98px) {
	html {
		font-size: 14px;
	}
}

@media (max-width: 991.98px) {
	html {
		font-size: 13px;
	}
}

@media (max-width: 767.98px) {
	html {
		font-size: 12px;
	}
}

@media (max-width: 575.98px) {}

@media (max-width: 320.98px) {}
/* Pagination */
nav[aria-label="Pagination"] { display: flex; align-items: center; justify-content: center; gap: 4px; flex-wrap: wrap; }
nav[aria-label="Pagination"] span, nav[aria-label="Pagination"] a { display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #333; text-decoration: none; }
nav[aria-label="Pagination"] a:hover { background: #f5f5f5; }
nav[aria-label="Pagination"] span[aria-current="page"] > span { background: #333; color: #fff; border-color: #333; display: inline-flex; align-items: center; justify-content: center; min-width: 36px; height: 36px; padding: 0 10px; border-radius: 4px; }
nav[aria-label="Pagination"] svg { width: 14px; height: 14px; }

/* Custom Pagination */
.kasden-pagination { display: flex; align-items: center; justify-content: center; gap: 6px; flex-wrap: wrap; margin: 20px 0; }
.kasden-pagination .page-btn { display: inline-flex; align-items: center; justify-content: center; min-width: 38px; height: 38px; padding: 0 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #333; text-decoration: none; background: #fff; cursor: pointer; transition: all 0.2s; }
.kasden-pagination a.page-btn:hover { background: #f0f0f0; border-color: #bbb; }
.kasden-pagination .page-btn.active { background: #333; color: #fff; border-color: #333; }
.kasden-pagination .page-btn.disabled { color: #aaa; cursor: not-allowed; }