test

wp-content/themes/sevastopol-tort-child/assets/css/layout.css

@@ -241,7 +241,10 @@
 	align-items: center;
 	min-height: 46px;
 	border-bottom: 1px solid var(--color-line);
+	color: var(--color-text);
+	font: inherit;
 	font-weight: 700;
+	text-align: left;
 }
 
 .site-footer {
@@ -315,6 +318,15 @@
 	box-shadow: var(--shadow-soft);
 }
 
+.lead-form__trap {
+	position: absolute;
+	left: -10000px;
+	width: 1px;
+	height: 1px;
+	opacity: 0;
+	pointer-events: none;
+}
+
 .lead-form__head {
 	display: grid;
 	gap: 8px;
@@ -381,6 +393,67 @@
 	color: var(--color-success);
 }
 
+.lead-modal {
+	position: fixed;
+	inset: 0;
+	z-index: 120;
+	display: grid;
+	place-items: center;
+	padding: 20px;
+}
+
+.lead-modal[hidden] {
+	display: none;
+}
+
+.lead-modal__overlay {
+	position: absolute;
+	inset: 0;
+	background: rgba(44, 33, 29, 0.58);
+}
+
+.lead-modal__dialog {
+	position: relative;
+	width: min(100%, 520px);
+	max-height: calc(100vh - 40px);
+	overflow: auto;
+}
+
+.lead-modal__close {
+	position: absolute;
+	top: 14px;
+	right: 14px;
+	z-index: 2;
+	width: 36px;
+	height: 36px;
+	border-radius: 50%;
+	background: var(--color-surface-soft);
+}
+
+.lead-modal__close::before,
+.lead-modal__close::after {
+	position: absolute;
+	top: 17px;
+	left: 10px;
+	width: 16px;
+	height: 2px;
+	border-radius: 2px;
+	background: var(--color-text);
+	content: "";
+}
+
+.lead-modal__close::before {
+	transform: rotate(45deg);
+}
+
+.lead-modal__close::after {
+	transform: rotate(-45deg);
+}
+
+.lead-modal .lead-form {
+	padding-top: 54px;
+}
+
 .cookie-note {
 	position: fixed;
 	right: 24px;

wp-content/themes/sevastopol-tort-child/assets/css/style-core.css

@@ -48,6 +48,10 @@ body.menu-is-open {
 	overflow: hidden;
 }
 
+body.lead-modal-is-open {
+	overflow: hidden;
+}
+
 .button-main,
 .lead-form__button {
 	display: inline-flex;