/* CTA BUTTONS STYLES */
.cta-btn-primary,
.cta-btn-secondary {
    display: inline-block;
    padding: 12px 25px;
    margin: 0 10px;
    text-decoration: none;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
    border: none;
    line-height: 1.4;
}

.cta-btn-primary {
    background: #ff6b35;
    color: #ffffff;
    border: 2px solid #ff6b35;
}

.cta-btn-primary:hover {
    background: #e55a2b;
    border-color: #e55a2b;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

.cta-btn-secondary {
    background: transparent;
    color: #ffffff;
    border: 2px solid #d0d8e0;
}

.cta-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
    border-color: #ffffff;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.2);
}

.cta-buttons-container {
    margin: 40px 0;
    text-align: center;
}

@media (max-width: 768px) {
    .cta-btn-primary,
    .cta-btn-secondary {
        display: block;
        width: 80%;
        max-width: 300px;
        margin: 10px auto;
        padding: 14px 25px;
    }
    
    .cta-buttons-container {
        margin: 30px 0;
    }
}

@media (max-width: 480px) {
    .cta-btn-primary,
    .cta-btn-secondary {
        width: 90%;
        font-size: 15px;
        padding: 12px 20px;
    }
}
/* Эффект "звездного неба" для ГС */
.hero-particle-bg {
    position: relative;
    overflow: hidden;
}


.hero-particle-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.1) 2%, transparent 25%),
        radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 1%, transparent 20%),
        radial-gradient(circle at 40% 80%, rgba(255,255,255,0.05) 3%, transparent 30%),
        radial-gradient(circle at 70% 20%, rgba(255,255,255,0.06) 2%, transparent 15%);
       pointer-events: none;
    z-index: 0;
}
.hero-particle-bg > .sppb-container > .sppb-row > .sppb-row-inner {
    position: relative;
    z-index: 2;
}

@keyframes starMove {
    0% { background-position: 0 0, 0 0, 0 0, 0 0; }
    100% { background-position: 800px 800px, 600px 600px, 500px 500px, 700px 700px; }
}
.hero-particle-bg::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: 
        radial-gradient(circle at 10% 20%, rgba(255,255,255,0.8) 1px, transparent 1px),
        radial-gradient(circle at 90% 40%, rgba(255,255,255,0.6) 1px, transparent 1px),
        radial-gradient(circle at 50% 80%, rgba(255,255,255,0.7) 1px, transparent 1px),
        radial-gradient(circle at 30% 10%, rgba(255,255,255,0.5) 1px, transparent 1px);
    background-size: 200px 200px;
    animation: twinkle 4s infinite ease-in-out;
    pointer-events: none;
    z-index: 1;
}

@keyframes twinkle {
    0%, 100% { opacity: 0.3; }
    50% { opacity: 1; }
}

/* Золото кнопки */
.sppb-btn-border {
    border: 2px solid #d4af37 !important;
    color: #ffffff !important;
    background: transparent !important;
    padding: 15px 40px !important;
    border-radius: 3px !important;
    font-size: 1.1rem !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
    transition: all 0.3s ease !important;
}

.sppb-btn-border:hover {
    background: #ffffff !important;
    color: #0b1a30 !important;
    border-color: #d4af37 !important;
}
/* Плавное свечение для золотой кнопки */
.sppb-btn-gold-outline {
    box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
}

.btn-gold-outline:hover {
    box-shadow: 0 0 20px 5px rgba(212, 175, 55, 0.4);
    transform: translateY(-2px);
}
/* Скрыть верхний бар, хедер и нижние элементы на главной */
body.itemid-101 #sp-top-bar,
body.itemid-101 #sp-header,
body.itemid-101 #sp-page-title,
body.itemid-101 #sp-footer {
    display: none !important;
}
/* ТЕМНЫЙ ФОН для страницы Works */
.com-sppagebuilder.view-page #sp-page-builder,
.com-sppagebuilder.view-page .sp-page-builder,
.com-sppagebuilder.view-page .page-content {
    background: linear-gradient(135deg, #0b1a30 0%, #000000 100%) !important;
    min-height: 100vh;
}

/* Звездный эффект для страницы Works */
.com-sppagebuilder.view-page .page-content::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: 
        radial-gradient(circle at 20% 30%, rgba(255,255,255,0.1) 2%, transparent 25%),
        radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 1%, transparent 20%),
        radial-gradient(circle at 40% 80%, rgba(255,255,255,0.05) 3%, transparent 30%),
        radial-gradient(circle at 70% 20%, rgba(255,255,255,0.06) 2%, transparent 15%) !important;
    background-size: 800px 800px, 600px 600px, 500px 500px, 700px 700px;
    animation: starMove 25s infinite linear;
    pointer-events: none;
    z-index: 0;
}

/* Поднимаем контент над фоном */
.com-sppagebuilder.view-page .page-content > section {
    position: relative;
    z-index: 1;
}

/* Белый текст по умолчанию для всей страницы Works */
.com-sppagebuilder.view-page .sp-page-builder {
    color: #ffffff !important;
}

@keyframes starMove {
    0% { background-position: 0 0, 0 0, 0 0, 0 0; }
    100% { background-position: 800px 800px, 600px 600px, 500px 500px, 700px 700px; }
}
/* Подключение шрифта Lato */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* Стили для кнопок */
a[style*="#ff6b35"]:hover {
    background-color: #e55a2b !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}
/* СИЛЬНОЕ ПЕРЕОПРЕДЕЛЕНИЕ CONVERT FORMS */
#cf_1.convertforms {
    max-width: 500px !important;
    margin: 0 auto !important;
    text-align: center !important;
    background: transparent !important;
}

/* ФОН ФОРМЫ - УБИРАЕМ БЕЛЫЙ */
#cf_1 .cf-form-wrap {
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
}

/* ПОЛЯ ВВОДА */
#cf_1 .cf-input {
    color: #ffffff !important;
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid #d0d8e0 !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-sizing: border-box !important;
}

/* ФОКУС ПОЛЕЙ */
#cf_1 .cf-input:focus {
    border-color: #ff6b35 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2) !important;
    background: rgba(255,255,255,0.15) !important;
}

/* ЛЕЙБЛЫ */
#cf_1 .cf-label {
    color: #ffffff !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 400 !important;
    text-align: left !important;
    display: block !important;
    margin-bottom: 8px !important;
    font-size: 16px !important;
}

/* КНОПКА SUBMIT - ЦЕНТРИРОВАНИЕ */
#cf_1 .cf-control-group[data-key="2"] {
    text-align: center !important;
    margin-top: 20px !important;
}

#cf_1 .cf-btn {
    background: #ff6b35 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 30px !important;
    font-family: 'Lato', sans-serif !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    text-transform: none !important;
    display: inline-block !important;
    margin: 0 auto !important;
}

/* ХОВЕР КНОПКИ */
#cf_1 .cf-btn:hover {
    background: #e55a2b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
}

/* ГРУППЫ ПОЛЕЙ */
#cf_1 .cf-control-group {
    margin-bottom: 25px !important;
    text-align: left !important;
}

/* ОПИСАНИЯ ПОЛЕЙ */
#cf_1 .cf-control-input-desc {
    color: #d0d8e0 !important;
    font-size: 14px !important;
    margin-top: 5px !important;
    font-family: 'Lato', sans-serif !important;
    font-style: italic !important;
}

/* ПЛЕЙСХОЛДЕР */
#cf_1 .cf-input::placeholder {
    color: rgba(255,255,255,0.6) !important;
    font-family: 'Lato', sans-serif !important;
    opacity: 1 !important;
}

/* УБИРАЕМ CSS ПЕРЕМЕННЫЕ CONVERT FORMS */
#cf_1 {
    --background-color: transparent !important;
    --input-background-color: rgba(255,255,255,0.1) !important;
    --input-color: #ffffff !important;
    --input-border-color: #d0d8e0 !important;
    --label-color: #ffffff !important;
    --button-background-color: #ff6b35 !important;
    --button-color: #ffffff !important;
}

/* АДАПТИВНОСТЬ */
@media (max-width: 768px) {
    #cf_1.convertforms {
        max-width: 100% !important;
        padding: 0 15px !important;
    }
    
    #cf_1 .cf-input {
        font-size: 16px !important; /* Предотвращает zoom на iOS */
    }
}
/* ПЛАВНАЯ ПРОКРУТКА ДЛЯ ЯКОРЕЙ */
html {
    scroll-behavior: smooth;
}

/* Компенсация для фиксированного хедера */
.anchor-target {
    scroll-margin-top: 80px;
}
/* Стили для формы Convert Forms */
#cf_2.convertforms {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Lato', sans-serif;
}

/* Контейнер формы */
#cf_2 .cf-form-wrap {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
}

/* Группы полей */
#cf_2 .cf-control-group {
    margin-bottom: 25px;
}

/* Метки полей */
#cf_2 .cf-label {
    color: #d0d8e0 !important;
    font-family: 'Lato', sans-serif;
    font-size: 16px !important;
    font-weight: 400 !important;
    margin-bottom: 8px !important;
    display: block;
}

/* Поля ввода */
#cf_2 .cf-input {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 107, 53, 0.3) !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif;
    font-size: 16px !important;
    padding: 12px 15px !important;
    width: 100% !important;
    transition: all 0.3s ease;
}

#cf_2 .cf-input:focus {
    border-color: #ff6b35 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    outline: none;
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2) !important;
}

/* Плейсхолдер */
#cf_2 .cf-input::placeholder {
    color: rgba(208, 216, 224, 0.6) !important;
}

/* Текстовое поле */
#cf_2 textarea.cf-input {
    min-height: 120px;
    resize: vertical;
}

/* Кнопка отправки */
#cf_2 .cf-btn {
    background: #ff6b35 !important;
    border: none !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 40px !important;
    transition: all 0.3s ease;
    margin: 20px auto 0 !important;
    display: block !important;
    min-width: 200px;
}

#cf_2 .cf-btn:hover {
    background: #e55a2b !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
}

/* Сообщение об успешной отправке */
#cf_2 .cf-response {
    text-align: center;
    padding: 20px;
    margin: 20px 0;
    border-radius: 8px;
    font-family: 'Lato', sans-serif;
    font-size: 16px;
}

/* Успешное сообщение */
#cf_2 .cf-response.cf-success {
    background: rgba(15, 157, 88, 0.1);
    border: 1px solid rgba(15, 157, 88, 0.3);
    color: #0F9D58;
}

/* Сообщение об ошибке */
#cf_2 .cf-response.cf-error {
    background: rgba(211, 47, 47, 0.1);
    border: 1px solid rgba(211, 47, 47, 0.3);
    color: #d32f2f;
}

/* Сетка полей - две колонки на десктопе */
#cf_2 .cf-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

/* Полноширинные поля */
#cf_2 .cf-control-group.message,
#cf_2 .cf-control-group[data-key="7"], /* reCAPTCHA */
#cf_2 .cf-control-group[data-key="2"] { /* Кнопка отправки */
    grid-column: 1 / -1;
}

/* Адаптивность для мобильных */
@media (max-width: 768px) {
    #cf_2 .cf-fields {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    #cf_2 .cf-control-group {
        margin-bottom: 20px;
    }
    
    #cf_2 .cf-input {
        font-size: 16px !important; /* Убираем зум на iOS */
        padding: 14px 15px !important;
    }
}

/* Специфичные стили для разных типов полей */
#cf_2 .cf-control-group[data-type="email"] .cf-input,
#cf_2 .cf-control-group[data-type="text"] .cf-input,
#cf_2 .cf-control-group[data-type="tel"] .cf-input {
    background: rgba(255, 255, 255, 0.08) !important;
}

/* Стили для reCAPTCHA */
#cf_2 .cf-control-group[data-key="7"] {
    text-align: center;
    color: #d0d8e0;
    font-size: 14px;
    margin: 10px 0;
}

/* Анимация загрузки */
#cf_2 .cf-spinner {
    display: inline-block;
    margin-left: 10px;
}

#cf_2 .cf-spinner .bounce1,
#cf_2 .cf-spinner .bounce2,
#cf_2 .cf-spinner .bounce3 {
    background-color: #ffffff;
}


/* ===== УНИВЕРСАЛЬНЫЕ СТИЛИ ДЛЯ ВСЕХ ФОРМ CONVERT FORMS ===== */

/* Основной контейнер формы для всех форм */
.convertforms {
    max-width: 800px !important;
    margin: 0 auto !important;
    font-family: 'Lato', sans-serif !important;
    background: transparent !important;
}

/* Контейнер формы - убираем белый фон */
.cf-form-wrap {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    box-shadow: none !important;
}

/* Переопределение CSS переменных Convert Forms для всех форм */
.convertforms {
    --background-color: transparent !important;
    --label-color: #d0d8e0 !important;
    --input-color: #ffffff !important;
    --input-background-color: rgba(255, 255, 255, 0.1) !important;
    --input-border-color: rgba(255, 107, 53, 0.3) !important;
    --input-border-radius: 4px !important;
    --input-placeholder-color: rgba(208, 216, 224, 0.6) !important;
    --color-primary: #ff6b35 !important;
    --color-success: #ff6b35 !important;
    --color-danger: #d32f2f !important;
    --color-warning: #F4B400 !important;
}

/* === СЕТКА И ВЫРАВНИВАНИЕ ПОЛЕЙ === */
.cf-fields {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
    align-items: start !important;
}

/* Все группы полей в сетке - одинаковой ширины и высоты */
.cf-control-group.cf-one-half {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 25px !important;
    min-height: 85px !important;
    width: 100% !important;
}


/* Контейнеры меток и полей ввода */
.cf-control-label {
    flex-shrink: 0 !important;
    margin-bottom: 8px !important;
    min-height: 40px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
}

.cf-control-input {
    flex-grow: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    margin-top: 0 !important;
    width: 100% !important;
}

/* === СТИЛИ ПОЛЕЙ ВВОДА - ОДИНАКОВЫЕ === */
.cf-input {
    background: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 107, 53, 0.3) !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    padding: 12px 15px !important;
    width: 100% !important;
    transition: all 0.3s ease !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    height: 48px !important;
    line-height: 24px !important;
    min-width: 0 !important;
}
.cf-input:focus {
    border-color: #ff6b35 !important;
    background: rgba(255, 255, 255, 0.15) !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2) !important;
}

/* Особые стили для текстового поля (textarea) */
textarea.cf-input {
    height: auto !important;
    min-height: 120px !important;
    resize: vertical !important;
    line-height: 1.5 !important;
}


/* Плейсхолдер */
.cf-input::placeholder {
    color: rgba(208, 216, 224, 0.6) !important;
}

/* Метки полей - одинаковое выравнивание */
.cf-label {
    color: #d0d8e0 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    display: block !important;
    line-height: 1.3 !important;
    width: 100% !important;
    word-wrap: break-word !important;
    overflow-wrap: break-word !important;
}

/* Особые стили для поля с длинной меткой - перенос текста */
.cf-control-group[data-key="1"] .cf-label {
    line-height: 1.3 !important;
    white-space: normal !important;
    text-align: left !important;
}

/* Принудительное выравнивание ширины всех полей */
.cf-control-group[data-key="1"],
.cf-control-group[data-key="4"],
.cf-control-group[data-key="0"],
.cf-control-group[data-key="8"],
.cf-control-group[data-key="9"],
.cf-control-group[data-key="6"] {
    width: 100% !important;
    min-width: 0 !important;
    flex: 1 1 0px !important;
}


/* === КНОПКА ОТПРАВКИ === */
.cf-btn {
    background: #ff6b35 !important;
    border: none !important;
    border-radius: 4px !important;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    padding: 15px 40px !important;
    transition: all 0.3s ease !important;
    margin: 20px auto 0 !important;
    display: block !important;
    min-width: 200px !important;
    box-shadow: none !important;
    height: auto !important;
}


.cf-btn:hover {
    background: #e55a2b !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3) !important;
}

/* === СООБЩЕНИЕ ОБ УСПЕШНОЙ ОТПРАВКЕ === */
.cf-response.cf-success {
    background: rgba(11, 26, 48, 0.95) !important;
    border: 1px solid #ff6b35 !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 18px !important;
    padding: 40px 30px !important;
    margin: 30px 0 !important;
    position: relative !important;
    overflow: hidden !important;
    text-align: center !important;
    box-shadow: none !important;
}


/* Декоративные уголки для успешного сообщения */
.cf-response.cf-success::before {
    content: '' !important;
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    width: 20px !important;
    height: 20px !important;
    border-top: 2px solid #ff6b35 !important;
    border-left: 2px solid #ff6b35 !important;
}

.cf-response.cf-success::after {
    content: '' !important;
    position: absolute !important;
    bottom: 10px !important;
    right: 10px !important;
    width: 20px !important;
    height: 20px !important;
    border-bottom: 2px solid #ff6b35 !important;
    border-right: 2px solid #ff6b35 !important;
}

/* Заголовок успеха */
.cf-response.cf-success h3 {
    color: #ff6b35 !important;
    font-family: 'Playfair Display', serif !important;
    font-size: 26px !important;
    margin-bottom: 20px !important;
    font-weight: normal !important;
}

/* Текст успеха */
.cf-response.cf-success p {
    color: #d0d8e0 !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    margin-bottom: 15px !important;
    font-family: 'Lato', sans-serif !important;
}

/* Сообщение об ошибке */
.cf-response.cf-error {
    background: rgba(11, 26, 48, 0.95) !important;
    border: 1px solid #d32f2f !important;
    border-radius: 8px !important;
    color: #ffffff !important;
    padding: 20px !important;
    text-align: center !important;
}

/* === ПОЛНОШИРИННЫЕ ПОЛЯ === */
.cf-control-group.message,
.cf-control-group[data-key="7"], /* reCAPTCHA */
.cf-control-group[data-type="submit"] { /* Кнопка отправки */
    grid-column: 1 / -1 !important;
    min-height: auto !important;
    width: 100% !important;
}

/* Особые стили для текстового поля сообщения */
.cf-control-group.message {
    min-height: 200px !important;
}
/* Стили для reCAPTCHA */
.cf-control-group[data-key="7"] {
    text-align: center !important;
    color: #d0d8e0 !important;
    font-size: 14px !important;
    margin: 10px 0 !important;
    min-height: auto !important;
}

/* Анимация загрузки */
.cf-spinner {
    display: inline-block !important;
    margin-left: 10px !important;
}

.cf-spinner .bounce1,
.cf-spinner .bounce2,
.cf-spinner .bounce3 {
    background-color: #ffffff !important;
}

/* === АДАПТИВНОСТЬ ДЛЯ МОБИЛЬНЫХ === */
@media (max-width: 768px) {
    .cf-fields {
        grid-template-columns: 1fr !important;
        gap: 15px !important;
    }
    
    .cf-control-group {
        margin-bottom: 20px !important;
        min-height: auto !important;
        width: 100% !important;
    }
    
    .cf-control-group.cf-one-half {
        min-height: 80px !important;
    }
    
    
    .cf-control-label {
        min-height: auto !important;
    }
    
    .cf-input {
        font-size: 16px !important;
        padding: 14px 15px !important;
        height: 52px !important;
    }
    
    textarea.cf-input {
        height: auto !important;
        min-height: 100px !important;
    }
    
    /* Адаптивность для успешного сообщения */
    .cf-response.cf-success {
        padding: 30px 20px !important;
        margin: 20px 0 !important;
    }
    
    .cf-response.cf-success h3 {
        font-size: 22px !important;
    }
    
    .cf-response.cf-success p {
        font-size: 15px !important;
    }
}


/* Убираем стандартные стили Convert Forms */
.cf-control-group .cf-control-input::before,
.cf-control-group .cf-control-input::after {
    display: none !important;
}

/* Форсированное переопределение инлайновых стилей */
.convertforms[style*="background-color"],
.cf-form-wrap[style*="background-color"],
.cf-response[style*="background-color"] {
    background: transparent !important;
}

.cf-response[style*="background-color"] {
    background: rgba(11, 26, 48, 0.95) !important;
}

/* Скрываем honeypot поле */
.cf-field-hp {
    display: none !important;
    position: absolute !important;
    left: -9000px !important;
}

/* Дополнительные гарантии одинаковой ширины */
.cf-fields > * {
    min-width: 0 !important;
}

.cf-control-group {
    flex: 1 !important;
}
/* ДОПОЛНИТЕЛЬНОЕ ПЕРЕОПРЕДЕЛЕНИЕ ДЛЯ УБОРКИ ЗЕЛЕНОГО ФОНА */
.cf-response {
    background: rgba(11, 26, 48, 0.95) !important;
    color: #ffffff !important;
}

.cf-response * {
    color: #ffffff !important;
}

/* Специфические стили для формы на странице Contact */
#cf_3.convertforms {
    max-width: 500px !important;
}

/* Убираем отступы для формы Contact */
#cf_3 .cf-fields {
    gap: 15px !important;
}
#cf_3 .cf-control-group {
    margin-bottom: 20px !important;
    min-height: 75px !important;
}

/* Центрируем кнопку на странице Contact */
#cf_3 .cf-btn {
    margin: 10px auto 0 !important;
}

/* Специфические стили для форм в материалах Joomla */
.item-page .convertforms,
.blog .convertforms,
.category .convertforms,
.featured .convertforms {
    background: transparent !important;
    padding: 20px 0 !important;
}

/* Убираем белый фон в статьях */
.item-page .cf-form-wrap,
.blog .cf-form-wrap {
    background: transparent !important;
}

/* Обеспечиваем контрастность в статьях с белым фоном */
.item-page .cf-input,
.blog .cf-input {
    background: rgba(0, 0, 0, 0.1) !important;
    border: 1px solid rgba(255, 107, 53, 0.5) !important;
    color: #333333 !important;
}

.item-page .cf-input::placeholder,
.blog .cf-input::placeholder {
    color: rgba(51, 51, 51, 0.6) !important;
}

.item-page .cf-label,
.blog .cf-label {
    color: #333333 !important;
}