.elementor-2148 .elementor-element.elementor-element-131daca{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:40px;--padding-bottom:80px;--padding-left:12px;--padding-right:12px;}.elementor-2148 .elementor-element.elementor-element-c0520ce{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2148 .elementor-element.elementor-element-4861a85{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-end;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-2148 .elementor-element.elementor-element-444700e{width:100%;max-width:100%;}.elementor-2148 .elementor-element.elementor-element-664ffd6{--display:flex;}.elementor-2148 .elementor-element.elementor-element-02354c2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}body.elementor-page-2148:not(.elementor-motion-effects-element-type-background), body.elementor-page-2148 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-2148 .elementor-element.elementor-element-c0520ce{--width:34%;}.elementor-2148 .elementor-element.elementor-element-4861a85{--width:70%;}.elementor-2148 .elementor-element.elementor-element-664ffd6{--content-width:800px;}}/* Start custom CSS for shortcode, class: .elementor-element-444700e *//* =========================================
   ОДНОКРОКОВА ФОРМА (Стіки / Сошети)
   ========================================= */

.single-step-form {
    max-width: 800px;
    margin: 0 auto;
    font-family: 'Gilroy', sans-serif;
}

/* Блокуємо авто-теги CF7, щоб не ламали сітку */
.single-step-form p { display: contents !important; }
.single-step-form br { display: none !important; }
.single-step-form .wpcf7-form-control-wrap { display: block !important; width: 100% !important; }

/* Ховаємо стандартні кружечки радіокнопок та чекбоксів */
.single-step-form input[type="radio"],
.single-step-form input[type="checkbox"] {
    display: none !important;
}

/* --- СТАНДАРТНИЙ РЯДОК --- */
.ssf-row {
    display: flex !important;
    align-items: center !important;
    background-color: #EBEBEB !important; /* Світло-сірий фон з макета */
    padding: 15px 20px !important;
    margin-bottom: 15px !important;
    gap: 20px !important;
}

.ssf-label {
    flex: 0 0 190px !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #560000 !important;
}

.ssf-inputs {
    flex: 1 !important;
    width: 100% !important;
}

/* --- ТЕКСТОВІ ПОЛЯ --- */
.ssf-input {
    width: 100% !important;
    height: 50px !important;
    border: none !important;
    padding: 0 20px !important;
    font-size: 15px !important;
    font-family: 'Gilroy', sans-serif !important;
    color: #111111 !important;
    box-sizing: border-box !important;
    background-color: #ffffff !important;
}
.ssf-input::placeholder { color: #999999 !important; }

/* Два поля в ряд (Для зв'язку) */
.flex-cols-2 {
    display: flex !important;
    gap: 15px !important;
}

/* --- БЛОКОВІ РАДІОКНОПКИ (Пакування / Фасування) --- */
.ssf-radio-blocks .wpcf7-radio {
    display: flex !important;
    gap: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ssf-radio-blocks .wpcf7-list-item {
    margin: 0 !important;
    flex: 1 1 0 !important;
}
.ssf-radio-blocks .wpcf7-list-item-label {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background-color: #ffffff !important;
    height: 50px !important;
    color: #111111 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    transition: 0.3s ease !important;
    text-align: center !important;
}
/* Активний стан */
.ssf-radio-blocks input[type="radio"]:checked + .wpcf7-list-item-label {
    background-color: #560000 !important;
    color: #ffffff !important;
}

/* --- КОЛІР УПАКОВКИ (Білий кружечок) --- */
.ssf-color-circle .wpcf7-radio { margin: 0 !important; }
.ssf-color-circle .wpcf7-list-item { margin: 0 !important; }
.ssf-color-circle .wpcf7-list-item-label {
    font-size: 0 !important; /* Ховаємо слово "Білий" */
    cursor: pointer !important;
    display: inline-block !important;
}
.ssf-color-circle .wpcf7-list-item-label::before {
    content: "" !important;
    display: block !important;
    width: 44px !important;
    height: 44px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 0 0 0 1px #CCCCCC !important;
    transition: 0.3s !important;
}
.ssf-color-circle input[type="radio"]:checked + .wpcf7-list-item-label::before {
    box-shadow: 0 0 0 2px #560000 !important;
}

/* --- ІНДИВІДУАЛЬНЕ ЗАМОВЛЕННЯ --- */
.ssf-row-individual {
    background-color: #EBEBEB !important;
    padding: 20px 25px !important;
    margin-bottom: 25px !important;
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.ssf-row-individual .wpcf7-checkbox,
.ssf-row-individual .wpcf7-list-item {
    margin: 0 !important;
    display: block !important;
}

/* Чекбокс, що виглядає як кругла кнопка */
.ssf-row-individual .wpcf7-list-item-label {
    display: flex !important;
    align-items: center !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #111111 !important;
    cursor: pointer !important;
}

.ssf-row-individual .wpcf7-list-item-label::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    border-radius: 50% !important;
    border: 1px solid #560000 !important;
    margin-right: 15px !important;
    background-color: transparent !important;
    transition: 0.2s !important;
}

/* Якщо чекбокс обрано */
.ssf-row-individual input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    background-color: #560000 !important;
    box-shadow: inset 0 0 0 3px #EBEBEB !important; /* Ефект "крапки" всередині */
}

.ssf-ind-subtext {
    font-size: 13px !important;
    color: #666666 !important;
    margin-left: 37px !important; /* Вирівнюємо під текст */
    margin-top: 5px !important;
}

/* Іконка корони справа */
.ssf-row-individual::after {
    content: "" !important;
    position: absolute !important;
    right: 25px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 44px !important;
    height: 44px !important;
    background-color: #560000 !important;
    border-radius: 50% !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0id2hpdGUiPjxwYXRoIGQ9Ik0yIDIwaDIwdjJIMnYtMnptMS41LTE0bDMuNSA2IDUtOCA1IDggMy41LTZMMTkgMThINUwzLjUgNnoiLz48L3N2Zz4=') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 20px !important;
}

/* --- КНОПКА ВІДПРАВКИ --- */
.ssf-submit {
    width: 100% !important;
    height: 60px !important;
    background-color: #560000 !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-family: 'Gilroy', sans-serif !important;
    font-weight: 500 !important;
    border: none !important;
    cursor: pointer !important;
    transition: 0.3s !important;
    margin: 0 !important;
}
.ssf-submit:hover { background-color: #400000 !important; }

/* --- МОБІЛЬНА АДАПТАЦІЯ --- */
@media (max-width: 768px) {
    .ssf-row { flex-direction: column !important; align-items: flex-start !important; padding: 20px !important; gap: 15px !important; }
    .ssf-label { flex: 0 0 auto !important; min-width: 100% !important; margin-bottom: 5px !important; }
    .flex-cols-2 { flex-direction: column !important; }
    .ssf-radio-blocks .wpcf7-radio { flex-direction: column !important; }
    .ssf-row-individual { padding-right: 80px !important; /* Щоб текст не наліз на корону */ }
}/* End custom CSS */