@media (max-width: 1100px) {
	.datateks-category-layout {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 28px;
	}

	.datateks-category-layout .datateks-category-hero {
		grid-template-columns: 1fr;
	}

	.datateks-category-layout .datateks-category-hero-side {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: auto;
		gap: 12px;
	}

	.datateks-category-layout .datateks-category-hero-side article {
		display: block;
		padding: 0;
		border: 0;
	}

	.datateks-category-layout .datateks-category-side-thumb {
		height: 110px;
		margin-bottom: 8px;
	}

	.datateks-category-hero {
		grid-template-columns: minmax(0, 1.55fr) minmax(270px, 1fr);
	}

	.datateks-category-hero-main article,
	.datateks-category-hero-main article > a,
	.datateks-category-hero-media {
		min-height: 440px;
	}

	.datateks-category-featured-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.datateks-category-content {
		grid-template-columns: minmax(0, 1fr) 300px;
		gap: 32px;
	}

	.datateks-category-list-item {
		grid-template-columns: 220px minmax(0, 1fr);
	}
}

@media (max-width: 900px) {
	.datateks-category-layout {
		grid-template-columns: 1fr;
	}

	.datateks-category-hero {
		grid-template-columns: 1fr;
	}

	.datateks-category-hero-side {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-template-rows: auto;
		gap: 16px;
	}

	.datateks-category-hero-side article {
		display: block;
		padding: 0;
		border: 0;
	}

	.datateks-category-side-thumb {
		height: 135px;
		margin-bottom: 10px;
	}

	.datateks-category-content {
		grid-template-columns: 1fr;
	}

	.datateks-category-sidebar {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 28px;
		padding-top: 10px;
		border-top: 1px solid var(--dt-border);
	}

	.datateks-category-sidebar > .newsletter {
		grid-column: 1 / -1;
	}

	.datateks-category-rail .datateks-category-ad {
		min-height: 90px;
	}

	.datateks-category-reels-track {
		grid-auto-columns: calc((100% - 40px) / 3);
	}

	.datateks-category-explore-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 768px) {
	.datateks-category-hero-main article,
	.datateks-category-hero-main article > a,
	.datateks-category-hero-media {
		min-height: 390px;
	}

	.datateks-category-hero-overlay {
		padding: 24px;
	}

	.datateks-category-feature-image {
		height: 190px;
	}

	.datateks-category-data-visual .datateks-category-feed {
		grid-template-columns: 1fr;
	}
}

@media (max-width: 600px) {
	.datateks-category-page,
	.datateks-category-layout,
	.datateks-category-primary,
	.datateks-category-hero,
	.datateks-category-hero-main {
		max-width: 100%;
		overflow-x: hidden;
	}

	.datateks-category-page {
		padding-top: 12px;
	}

	.datateks-category-breadcrumb {
		margin-bottom: 18px;
	}

	.datateks-category-header {
		margin-bottom: 20px;
	}

	.datateks-category-hero-main article,
	.datateks-category-hero-main article > a,
	.datateks-category-hero-media {
		min-height: 330px;
	}

	.datateks-category-hero-overlay p {
		display: none;
	}

	.datateks-category-hero-side {
		display: block;
	}

	.datateks-category-layout .datateks-category-hero-side {
		display: block;
	}

	.datateks-category-layout .datateks-category-hero-side article {
		display: grid;
		grid-template-columns: 115px minmax(0, 1fr);
		gap: 12px;
		padding: 12px 0;
		border-bottom: 1px solid var(--dt-border);
	}

	.datateks-category-layout .datateks-category-side-thumb {
		width: 115px;
		height: 82px;
		margin: 0;
	}

	.datateks-category-layout .datateks-category-hero-overlay h2 {
		font-size: 23px;
		line-height: 1.22;
	}

	.datateks-category-hero-side article {
		display: grid;
		grid-template-columns: 115px minmax(0, 1fr);
		gap: 12px;
		padding: 12px 0;
		border-bottom: 1px solid var(--dt-border);
	}

	.datateks-category-side-thumb {
		height: 82px;
		margin: 0;
	}

	.datateks-category-featured-grid {
		display: flex;
		gap: 14px;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
	}

	.datateks-category-feature-card {
		flex: 0 0 78%;
		scroll-snap-align: start;
	}

	.datateks-category-layout .datateks-category-feature-image {
		height: 155px;
	}

	.datateks-category-list-item {
		grid-template-columns: 125px minmax(0, 1fr);
		gap: 14px;
		padding: 17px 0;
	}

	.datateks-category-list-copy h3 {
		font-size: 17px;
	}

	.datateks-category-list-copy p {
		display: none;
	}

	.datateks-category-list-copy .datateks-category-meta span:first-child,
	.datateks-category-list-copy .datateks-category-meta span:last-child {
		display: none;
	}

	.datateks-category-sidebar {
		display: block;
	}

	.datateks-category-reels-track {
		grid-auto-columns: 48%;
		gap: 12px;
	}

	.datateks-category-reel-arrow {
		display: none;
	}

	.datateks-category-empty {
		padding: 22px 16px;
	}

	.datateks-category-empty-grid {
		grid-template-columns: 1fr;
	}

	.datateks-category-explore-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.datateks-category-pagination .prev,
	.datateks-category-pagination .next {
		width: 100%;
	}
}

@media (max-width: 420px) {
	.datateks-category-hero-main article,
	.datateks-category-hero-main article > a,
	.datateks-category-hero-media {
		min-height: 300px;
	}

	.datateks-category-hero-overlay {
		padding: 18px;
	}

	.datateks-category-list-item {
		grid-template-columns: 105px minmax(0, 1fr);
	}

	.datateks-category-reels-track {
		grid-auto-columns: 56%;
	}

	.datateks-category-explore-grid {
		grid-template-columns: 1fr;
	}
}