/* ================================================================
   TerraFloor — coming-soon.css
   ================================================================ */

.coming-soon {
    padding-block: 48px 100px;
}

.coming-soon__title {
    color: var(--color-black);
    font-size: 45px;
    line-height: 51px;
    font-weight: 600;
    margin: 0 0 30px;
}

.coming-soon__title-accent {
    color: var(--color-brown);
}

/* Карточка с формой */
.coming-soon__card {
    background: linear-gradient(180deg, #fdf9f6 0%, #f8f8f8 100%);
    border-radius: 40px;
    padding: 50px 60px;
    margin-bottom: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-blend-mode: overlay;
}

.coming-soon__card-text {
    color: var(--color-black);
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    margin: 0 0 30px;
    max-width: 500px;
}

/* CF7 форма в ряд */
.coming-soon__form-wrap .wpcf7-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.coming-soon__form-wrap p { margin: 0; }

.coming-soon__form-wrap .wpcf7-form > p:first-of-type {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.coming-soon__form-wrap input[type="text"],
.coming-soon__form-wrap input[type="tel"],
.coming-soon__form-wrap input[type="email"] {
    width: 100%;
    background: var(--color-white);
    border: 1px solid var(--color-light-gray);
    border-radius: 50px;
    padding: 15px 24px;
    font-family: var(--font-primary);
    font-size: 15px;
    color: var(--color-black);
    height: 54px;
}

.coming-soon__form-wrap input[type="submit"] {
    background: var(--color-black);
    color: var(--color-white);
    border: none;
    border-radius: 50px;
    padding: 15px 40px;
    height: 55px;
    font-family: var(--font-primary);
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: opacity var(--transition);
    align-self: flex-start;
}
.coming-soon__form-wrap input[type="submit"]:hover { opacity: 0.85; }

/* Кнопка на главную */
.coming-soon__btn {
    background: var(--color-brown);
    color: var(--color-white);
    height: 55px;
    padding: 15px 30px;
    font-size: 18px;
    font-weight: 600;
}
.cs-fields-row {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}
.cs-fields-row .wpcf7-form-control-wrap {
    flex: 1 1 200px;
}



/* ================================================================
   Адаптив
   ================================================================ */
@media (max-width: 768px) {
    .coming-soon__title { font-size: 28px; }
    .coming-soon__card  { padding: 32px 24px; border-radius: 24px; }
    .coming-soon__card-text { font-size: 17px; }
}