.elementor-2535 .elementor-element.elementor-element-f608c14{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-color:#C1CADA;--border-color:#C1CADA;--border-radius:16px 16px 16px 16px;}.elementor-2535 .elementor-element.elementor-element-ddd5639 > .elementor-widget-container{border-style:none;}#jet-popup-2535 .jet-popup__container{width:500px;}#jet-popup-2535 .jet-popup__inner{justify-content:center;align-items:center;}#jet-popup-2535 .jet-popup__container-inner{justify-content:flex-start;}#jet-popup-2535 .jet-popup__close-button{color:#1B5AEB;background-color:#FFFFFF;font-size:39px;width:55px;height:55px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#144CAF;border-radius:10px 10px 10px 10px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.5);}#jet-popup-2535 .jet-popup__close-button:before{font-size:39px;}#jet-popup-2535 .jet-popup__close-button svg{width:39px;}#jet-popup-2535 .jet-popup__close-button:hover{color:#FFFFFF;background-color:#0263FF;}@media(max-width:767px){.elementor-2535 .elementor-element.elementor-element-f608c14{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}}/* Start custom CSS for shortcode, class: .elementor-element-ddd5639 *//* --- СТИЛЬ ФОРМЫ CF7 (ENGINEERING STYLE) --- */

/* Заголовки */
.avd-form-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 700;
    color: #1a1f2c;
    margin-bottom: 5px;
    text-align: center;
}
.avd-form-subtitle {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 20px;
    text-align: center;
}

/* Поля ввода */
.avd-form-row {
    margin-bottom: 15px;
}
.avd-form-row label {
    font-size: 12px;
    font-weight: 700;
    color: #1a1f2c;
    display: block;
    margin-bottom: 5px;
}

/* Инпуты */
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    background-color: #f8fafc;
    font-size: 14px;
    color: #1a1f2c;
    transition: all 0.3s ease;
}

/* Фокус (При нажатии) - Синяя рамка */
.wpcf7-form-control-wrap input:focus,
.wpcf7-form-control-wrap textarea:focus {
    border-color: #0062cc;
    background-color: #ffffff;
    box-shadow: 0 0 0 3px rgba(0, 98, 204, 0.1);
    outline: none;
}

/* Две колонки (для планшетов/ПК) */
@media (min-width: 768px) {
    .two-cols {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 15px;
    }
}

/* Кнопка отправки */
.avd-form-submit input[type="submit"] {
    width: 100%;
    background-color: #0062cc;
    color: #ffffff;
    font-weight: 700;
    padding: 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
}

.avd-form-submit input[type="submit"]:hover {
    background-color: #004a99;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 98, 204, 0.3);
}

/* Мелкий текст политики */
.avd-policy {
    font-size: 10px;
    color: #94a3b8;
    text-align: center;
    margin-top: 10px;
}

/* Ошибки/Успех */
.wpcf7-not-valid-tip {
    font-size: 10px;
    color: #dc2626;
    margin-top: 2px;
}
.wpcf7-response-output {
    border-radius: 8px;
    font-size: 13px;
    text-align: center;
}

---

**Задание:**
1.  Создай форму в CF7 с моим HTML-кодом.
2.  Настрой письмо.
3.  Вставь шорткод в Попап и добавь CSS.

Нажми **Update**.
Теперь зайди на страницу товара, нажми "Запросить КП".
Должна открыться красивая форма. Заполни её и проверь, придет ли письмо с названием товара.

Напиши **«Форма работает»**, и мы перейдем к последнему шагу — **Таблице характеристик** (Вкладкам)./* End custom CSS */