#newsletter {background: #151414; padding: var(--footer-space) 0; line-height: normal;}
#newsletter label {font-size: 12px; font-weight: 500; display: none;}
#newsletter input {color: var(--text-gray); padding: 16px; font-size: 14px; border: 1px solid #fff; background: #fff; height: 56px; }
#newsletter input::placeholder {color: var(--text-gray);}
#newsletter input:focus {background: #e1e1e1; border-color:#a9a9a9;}
#newsletter button {height: 100%; padding: 0 40px; height: 56px; text-transform: uppercase; font-weight: 700;}
#newsletter .newsletter-wrapper {display: flex; gap: 8px; align-items: end; justify-content: center;}
#newsletter .newsletter-field {flex: 1; max-width: 320px;}
#newsletter .newsletter-btn {flex: none;}
#newsletter .newsletter-title {margin-bottom: 8px; color: #fff;}
#newsletter .newsletter-description {font-size: 16px; color: #C2BDBD;}
.section-newsletter {background: #151414; padding: var(--footer-space) 0; line-height: normal;
	.newsletter-text {text-align: center; margin-bottom: 24px;}
	.newsletter-title {color: #fff; margin-bottom: 8px;}
	.newsletter-description {color: #dadada; font-size: 16px; }
	.newsletter-label {font-size: 12px; font-weight: 500; display: none;}
	.newsletter-input {color: var(--text-gray); padding: 16px; font-size: 13px; border: 1px solid #fff; background: #fff;}
	.newsletter-input::placeholder {color: var(--text);}
	.newsletter-input:focus {background: #e1e1e1; border-color:#a9a9a9;}
	.btn-newsletter {background: var(--primary); padding: 12px 32px; color: #fff; height: 100%; font-weight: 600;}
	.newsletter-input, .btn-newsletter {height: 56px;}
	.btn-newsletter:hover, .btn-newsletter:active {background: var(--primary-hover); color: #fff;}

	#form-newsletter {max-width: 1200px; margin: auto;}

	.newsletter-fields {display: flex; justify-content: center; gap: 8px; align-items: end;}
	.newsletter-field:not(.newsletter-field-button) {flex: 1;}

	.newsletter-terms {display: flex; align-items: center; gap: 8px; margin-top: 8px;}
	.newsletter-terms, .newsletter-terms a {color: #fafafa;}
	.newsletter-terms a {text-decoration: underline;}
	.newsletter-terms span {flex: 1;}
	#newsletter-terms {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 2px solid #fff; border-radius: 4px; cursor: pointer; position: relative; vertical-align: middle; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center;}
	#newsletter-terms:checked {background-color: var(--primary); border-color: var(--primary);}
	#newsletter-terms::after {content: ""; position: relative; width: 6px; height: 12px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg) translate(-1px, -1px); opacity: 0; transition: opacity 0.15s ease;}
	#newsletter-terms:checked::after {opacity: 1;}
}

@media (max-width: 991px) {
	.section-newsletter {
		.newsletter-description {font-size: 13px;}
		.newsletter-fields {flex-direction: column; align-items: normal;}
		.btn-newsletter {width: 100%;}
		.newsletter-input, .btn-newsletter {height: 52px;}
	}
}