.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  z-index: 1000;
  overflow-y: auto;
}


/* Общие стили для попапов */
.popup {
  display: none;
  position: fixed;
  z-index: 1001;
  background: #fff;
  padding: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  max-width: 500px;
  width: 90%;
}

/* Центрирование попапа */
.popup-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Попап у верхней части экрана */
.popup-top {
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
}

/* Кнопка закрытия */
.popup-close {
  background: none;
  border: none;
  font-size: 24px;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

.popup-form {
  border-radius: clamp(0.625rem, 0.4268rem + 0.8130vw, 1.25rem);
  background-color: var(--Black);
  padding: 30px clamp(1rem, 0.5244rem + 1.9512vw, 2.5rem);
  max-width: 795px;
}

span.close-popup {
  position: absolute;
  right: clamp(1rem, 0.9207rem + 0.3252vw, 1.25rem);
  display: flex;
  top: clamp(1rem, 0.7226rem + 1.1382vw, 1.875rem);
  cursor: pointer;
}
div#form .popup-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div#form p {
  margin: 0;
}
svg.pop-logo {
  margin-bottom: 20px;
}
span.popup-text {
  display: block;
  margin-bottom: 30px;
  color: var(--White);
  font-weight: 700;
  line-height: normal;
  font-size: clamp(1.625rem, 1.4665rem + 0.6504vw, 2.125rem);
}
span.wpcf7-form-control-wrap {
  display: block;
  margin-bottom: clamp(1.25rem, 1.0518rem + 0.8130vw, 1.875rem);
}
div#form br {
  display: none;
}
span.wpcf7-form-control-wrap input {
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #818FB0;
  border-radius: 0;
  padding: 0 0 10px;
  font-size: clamp(1rem, 0.8415rem + 0.6504vw, 1.5rem);
  font-weight: 300;
  line-height: 120%;
  color: #AFB5C4;
}
::placeholder {
  color: #AFB5C4;
  font-size: clamp(1rem, 0.8415rem + 0.6504vw, 1.5rem);
  font-weight: 300;
  line-height: 120%;
}
span.poli {
  display: block;
  font-size: clamp(0.75rem, 0.6904rem + 0.2446vw, 0.938rem);
  font-weight: 500;
  line-height: 150%;
  color: var(--White);
  margin-bottom: clamp(1.25rem, 1.0518rem + 0.8130vw, 1.875rem);
}
div#wpcf7-f7-o1 {
  width: 100%;
}
span.wpcf7-spinner {
  display: none;
}
input.wpcf7-form-control.wpcf7-submit {
  width: 100%;
  border-radius: 15px;
  background-color: var(--Accent);
  border: none;
  color: var(--White);
  height: 60px;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  text-transform: uppercase;
  padding: 0;
}