.page-newsroom {
	.container {
		max-width: 960px;
		overflow: hidden;
	}
	.newsroom-header {
		background-image: url('../../images/news-bg.webp');
		background-size: cover;
		background-position: center bottom;
		padding-top: calc(var(--space-xxl) * 2);
		padding-bottom: var(--space-xxl);
		margin-bottom: var(--space-xxl);

		h2 {
			font-size: var(--font-subtitle);
			line-height: 1.21;
		}
		h3 {
			font-size: var(--font-size-base);
		}

		.search-box {
			position: relative;
			max-width: 480px;
			margin: var(--space-lg) auto;

			input {
				width: 100%;
				background: var(--smx-color-white);
				border: 1px solid var(--smx-color-primary);
				border-radius: var(--border-radius-full);
				font-size: var(--font-text);
				padding-right: 4rem;

				@media (max-width: 768px) {
					font-size: 1rem;
				}
			}

			button {
				width: 4rem;
				text-align: center;
				background-color: transparent;
				border: none;
				background-image: url('../../images/search.webp');
				background-position: center center;
				background-size: 38%;
				background-repeat: no-repeat;
				position: absolute;
				z-index: 1;
				right: 0;
				display: flex;
				align-items: center;
				top: 0;
				bottom: 0;
			}
		}
	}

	.main-row {
		margin-bottom: var(--space-lg);

		.grid-2 {
			@media (max-width: 768px) {
				gap: var(--space-sm);
				grid-template-columns: 1fr !important;
			}
		}
	}

	.main-row .grid-2,
	.more-news .grid-2 {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--space-lg);
	}

	.more-news .grid-2 {
		@media (max-width: 768px) {
			align-items: center;
		}
	}

	.second-row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--space-lg);
		@media (max-width: 768px) {
			gap: var(--space-sm);
			grid-template-columns: 1fr;
		}
	}

	.more-title {
		padding: var(--space-lg) 0;
		margin-top: var(--space-lg);
		border-top: 1.5px solid rgba(var(--smx-color-text-rgb), 0.16);
		color: var(--smx-color-text-bold);
	}

	.card {
		display: block;
		text-decoration: none;
		background: var(--smx-color-white);
		border-radius: var(--border-radius-lg);
		overflow: hidden;

		.card-content {
			padding: var(--space-lg);
			display: flex;
			flex-direction: column;
			justify-content: center;

			@media (max-width: 768px) {
				padding: var(--space-md);
			}

			h2 {
				font-size: var(--font-subtitle);
				color: var(--smx-color-black);
				margin-bottom: var(--space-lg);
				line-height: 1.21;
			}
			span {
				display: flex;
				color: var(--smx-color-text-bold);
			}

			.cat-chips {
				display: flex;
				gap: var(--space-lg);
				.chip {
					font-size: var(--font-size-sm);
					color: var(--smx-color-text);
					text-decoration: none;
					text-transform: uppercase;
					font-weight: bold;
					display: block;
				}
			}
		}
	}

	.more-news {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0;

		@media (max-width: 768px) {
			grid-template-columns: 1fr;
		}

		.card {
			padding: var(--space-md) 0;
			background: transparent;
			border-radius: 0;
			border-bottom: 1.5px solid rgba(var(--smx-color-text-rgb), 0.16);

			img {
				border-radius: var(--border-radius-md);
			}

			.card-content {
				padding: var(--space-md);

				h2 {
					font-size: var(--font-size-base);
				}
			}

			.grid-2 {
				gap: var(--space-sm);
			}
		}
	}

	.thumb img {
		width: 100%;
		height: auto;
		display: block;
	}

	.more {
		text-align: center;
		padding: var(--space-xl) var(--space-md);
	}

	.more .more-news-button {
		text-decoration: none;
		display: inline-block;
		padding: var(--space-md) var(--space-lg);
		line-height: 1;
		border: 1px solid rgba(var(--smx-color-background-dark-rgb), 0.3);
		border-radius: var(--border-radius-md);
		color: var(--smx-color-primary-contrast);
	}
}