.shopify-section--newsletter {
	.section {
		@media (width < 1000px) {
			padding-block-start: 0;
			padding-block-end: 0;
		}
	}
}

.newsletter {
	background-color: var(--section-background-color);

	.container {
		@media (width >= 1000px) {
			border-radius: inherit;
			overflow: hidden;
		}

		@media (width >= 1000px) {
			grid-template-columns: .5fr .5fr;
			display: grid;
		}

		img {
			width: 100%;
		}

		> .newsletter-box {
			@media (width >= 1000px) {
				justify-content: right;
				align-items: center;
				display: grid;
			}
		}
	}
}

.newsletter-content {
	display: grid;
	gap: 30px;
	margin-inline-start: auto;
	margin-inline-end: auto;

	@media (width >= 1000px) {
		max-width: 780px;
		text-align: center;
		gap: var(--spacing-8);
	}

	.h2 {
		margin-block-start: 10px;
	}

	.prose {
		p {
			margin-block-start: 20px;

			@media (width >= 1000px) {
				margin-block-start: 50px;
			}
		}
	}
}

.newsletter-box {
	padding: 30px 25px;

	@media (width >= 1000px) {
		padding: var(--spacing-12);
	}

	@media (width > 1150px) {
		padding: var(--spacing-16);
	}

	@media (width > 1400px) {
		padding: var(--spacing-20);
	}
}

.newsletter-content > .form {
	width: 100%;

	.fieldset-with-submit {
		display: flex;
		gap: 0;

		input {
			border-radius: 2px 0 0 2px;
		}

		button {
			height: 100%;
			display: block;
		}
	}
}

@media screen and (min-width: 1000px) {
	.newsletter-content__icon {
		width: 48px;
		height: 48px;
	}
}

@media screen and (min-width: 1000px) {
	.newsletter-content>.prose p,
	.newsletter-content>.form {
		max-width: 490px;
	}

	.section-full .newsletter-box {
		background: none;
	}
}