/* Original form_style.css: ID compatibility, unchanged declarations. */
:is(#sp-legacy-specificity,[data-sp-legacy-id="form_b24"]) {
    background-color: red !important ;
    max-width: 600px !important;
} 
:is(#sp-legacy-specificity,[data-sp-legacy-id="form_title_b24"]) {
    color:white !important;
    text-align: center !important;
    padding-top: 10px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="name_b24"]) {
    background-color: white !important;
    width: 70% !important;
    margin-left: 13% !important;
    padding-bottom: 5px !important;
    border: none !important;
    margin-bottom: 10px !important;
    border-radius: 0px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="email_b24"]) {
    background-color: white !important;
    width: 70% !important;
    margin-left: 13% !important;
    padding-bottom: 5px !important;
    border: none !important;
    margin-bottom: 10px !important;
    border-radius: 0px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="select_box_b24"]) {
    position: relative;
    border: none !important;
    width: 70.3% !important;
    margin-left: 13% !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="phone_b24"]) {
    width:100% !important;
    border: .1rem solid transparent !important;
    outline: none !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="selected_option_b24"]) {
    background-color: #eee !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]){
    display: flex !important;
    margin-left: 1% !important;
    width: adaptive !important;
    text-align: center !important;
    cursor: pointer !important;
    padding-right: 7px;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"])::after{
    content: "" !important;
    transform: translateY(30%) rotate(45deg) !important;

    width: 0.5rem !important;
    height: 0.5rem !important;
    border-right: 0.1rem solid black !important;
    border-bottom: 0.1rem solid black !important;

    transition: .2s !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]).active::after{
    transform: translateY(85%) rotate(225deg) !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_b24"]){
    font: weight 50px !important;
    font-family:sans-serif !important;
    padding-right:5px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="flag_icon_wrap_b24"]){
    font: weight 50px !important;
    font-family:sans-serif !important;
    padding-right:5px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="option_bar_b24"]) {
    width: 70% !important;
    margin-left: 13% !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_options_b24"]){
    position: absolute !important;
    margin-top: 10px !important;
    max-width: 422px !important;
    width: 300px !important;
    border: solid #eee !important;
    background-color: white !important;
    display: none !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_options_b24"]).active{
    display: block !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_options_b24"])::before{
    position: absolute !important;
    content: "" !important;
    top: -1.28rem !important;

    border: .6rem solid transparent !important;
    border-bottom-color: black !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="country_list_b24"]) {
    max-height: 16rem !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: overlay !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="country_list_b24"])::-webkit-scrollbar {
    width: 0.6rem !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="country_list_b24"])::-webkit-scrollbar-thumb {
    width: 0.6rem !important;
    height: 3rem !important;
    background-color: #ccc !important;
    border-radius: 2rem !important;

}
:is(#sp-legacy-specificity,[data-sp-legacy-id="list_element_b24"]) {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.5rem !important;
    cursor: pointer !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="list_element_b24"]):not(:last-child) {
    border-bottom: .1rem solid #eee !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="list_element_b24"]):hover {
    background-color: #eee !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="form_message_b24"]) {
    background-color: white !important;
    width: 70% !important;
    margin-left: 13% !important;
    text-align: center !important;
    border: none !important;
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
    margin-top: 10px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="form_button_b24"]){
    background-color: black !important; 
    border: none !important;
    color: white !important;
    padding: 15px 32px !important;
    width: 70% !important;
    margin-left: 13.5% !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    cursor: pointer !important;
  }
:is(#sp-legacy-specificity,[data-sp-legacy-id="form_button_b24"]):hover{
    transition: 0.5s !important;
    background-color: #16af3c !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="form_message_b24"]) ,:is(#sp-legacy-specificity,[data-sp-legacy-id="name_b24"]), :is(#sp-legacy-specificity,[data-sp-legacy-id="email_b24"]),:is(#sp-legacy-specificity,[data-sp-legacy-id="phone_b24"]){
    -webkit-appearance: none !important;
    border-radius: 0 !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="privacy_b24"]){
    padding-top: 25px !important;
    margin-left: 13% !important;
    width: 80% !important;
    padding-bottom: 25px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="checkbox_b24"]) {
    vertical-align: text-top !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="privacy_content_b24"]){
    font-size: 10px !important;
}
@supports (-webkit-touch-callout: none) {
    @media(max-width:500px){
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_title_b24"]) {
            color:white !important;
            text-align: center !important;
            padding-top: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="name_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: none !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="email_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: none !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="select_box_b24"])  {
            border: none !important;
            width: 70% !important;
            margin-left: 13% !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]){
            display: flex !important;
            margin-left: 1% !important;
            width: adaptive !important;
            text-align: center !important;
            cursor: pointer !important;
            padding-right: 7px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"])::after{
            content: "" !important;
            transform: translateY(50%) rotate(45deg) !important;
        
            width: 0.4rem !important;
            height: 0.4rem !important;
            border-right: 0.1rem solid black !important;
            border-bottom: 0.1rem solid black !important;
        
            transition: .2s !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]).active::after{
            transform: translateY(100%) rotate(225deg) !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]){
            display: flex !important;
            margin-left: 1% !important;
            width: adaptive !important;
            text-align: center !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_b24"]){
            font: weight 50px !important;
            font-family:sans-serif !important;
            font-size: small !important;
            padding-right: 5px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_options_b24"]){
            position: absolute !important;
            margin-top: 0px !important;
            max-width: 422px !important;
            width: 60% !important;
            background-color: white !important;
            display: none !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_options_b24"])::before{
            position: absolute !important;
            content: "" !important;
            top: -1.28rem !important;
        
            border: .6rem solid transparent !important;
            border-bottom-color: black !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_message_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            text-align: center !important;
            border: none !important;
            padding-bottom: 5px !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_button_b24"]) {
            background-color: black !important; 
            border: none !important;
            color: white !important;
            border: solid black !important;
            padding: 15px 32px !important;
            width: 70% !important;
            margin-left: 13% !important;
            text-align: center !important;
            text-decoration: none !important;
            display: inline-block !important;
            font-size: 16px !important;
            margin-bottom: 15px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_button_b24"]):hover{
            transition: 0.5s !important;
            background-color: #16af3c !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="privacy_b24"]){
            padding-top: 15px !important;
            margin-left: 13% !important;
            width: 80% !important;
            padding-bottom: 25px !important;
        }
    } 
}
@supports not (-webkit-touch-callout: none) {
    @media(max-width:500px){
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_title_b24"]) {
            color:white !important;
            text-align: center !important;
            padding-top: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="name_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: none !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="email_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: none !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]){
            display: flex !important;
            margin-left: 1% !important;
            width: adaptive !important;
            text-align: center !important;
            cursor: pointer !important;
            padding-right: 7px;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"])::after{
            content: "" !important;
            transform: translateY(55%) rotate(45deg) !important;
        
            width: 0.4rem !important;
            height: 0.4rem !important;
            border-right: 0.1rem solid black !important;
            border-bottom: 0.1rem solid black !important;
        
            transition: .2s !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]).active::after{
            transform: translateY(105%) rotate(225deg) !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="select_box_b24"])  {
            border: none !important;
            width: 70% !important;
            margin-left: 13% !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="flag_code_b24"]){
            display: flex !important;
            margin-left: 1% !important;
            width: adaptive !important;
            text-align: center !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_b24"]){
            font: weight 50px !important;
            font-family:sans-serif !important;
            font-size: small !important;
            padding-right: 5px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_options_b24"]){
            position: absolute !important;
            margin-top: 0px !important;
            max-width: 422px !important;
            width: 60% !important;
            background-color: white !important;
            display: none !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="country_code_options_b24"])::before{
            position: absolute !important;
            content: "" !important;
            top: -1.28rem !important;
        
            border: .6rem solid transparent !important;
            border-bottom-color: black !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_message_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            text-align: center !important;
            border: none !important;
            padding-bottom: 5px !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_button_b24"]){
            background-color: black !important; 
            border: none !important;
            color: white !important;
            border: solid black !important;
            padding: 15px 32px !important;
            width: 70% !important;
            margin-left: 13% !important;
            text-align: center !important;
            text-decoration: none !important;
            display: inline-block !important;
            font-size: 16px !important;
            margin-bottom: 15px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="form_button_b24"]):hover{
            transition: 0.5s !important;
            background-color: #16af3c !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="privacy_b24"]){
            padding-top: 5px !important;
            margin-left: 15% !important;
            width: 75% !important;
            padding-bottom: 15px !important;
        }
    } 
}
  

/* Original main_form_style.css: ID compatibility, unchanged declarations. */
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_b24"]) {
    background-color: white !important ;
    max-width: 600px !important;
} 
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_title_b24"]) {
    color:white !important;
    text-align: center !important;
    background-color: #e51c24;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_name_b24"]) {
    background-color: white !important;
    width: 70% !important;
    margin-left: 13% !important;
    padding-bottom: 5px !important;
    border: solid #eee !important;
    margin-bottom: 10px !important;
    border-radius: 0px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_email_b24"]) {
    background-color: white !important;
    width: 70% !important;
    margin-left: 13% !important;
    padding-bottom: 5px !important;
    border: solid #eee !important;
    margin-bottom: 10px !important;
    border-radius: 0px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_select_box_b24"]) {
    position: relative;
    width: 70.3% !important;
    margin-left: 13% !important;
    border: none !important;
    margin-left: 13% !important;
    margin-bottom: 10px !important;
    border: solid #eee  !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_select_box_b24"]){
    position: relative !important;
    width:71% !important;
    border: .1rem solid transparent !important;
    outline: none !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_phone_b24"]) {
    width:100% !important;
    border: solid #eee !important;
    outline: none !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_selected_option_b24"]){
    background-color: #eee !important;
    overflow: hidden !important;
    display: flex !important;
    align-items: center !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_flag_b24"]){
    padding-top:4px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_flag_code_b24"]){
    display: flex !important;
    margin-left: 1% !important;
    width: adaptive !important;
    text-align: center !important;
    cursor: pointer !important;
    padding-right: 7px;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_flag_code_b24"])::after{
    content: "" !important;
    transform: translateY(30%) rotate(45deg) !important;

    width: 0.5rem !important;
    height: 0.5rem !important;
    border-right: 0.1rem solid black !important;
    border-bottom: 0.1rem solid black !important;

    transition: .2s !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_flag_code_b24"]).active::after{
    transform: translateY(85%) rotate(225deg) !important;
}

:is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_code_b24"]){
    font: weight 50px !important;
    font-family:sans-serif !important;
    padding-right:5px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="icon_wrap_b24"]){
    font: weight 50px !important;
    font-family:sans-serif !important;
    padding-right:5px !important;
}

:is(#sp-legacy-specificity,[data-sp-legacy-id="main_option_bar_b24"]) {
    width: 70% !important;
    margin-left: 13% !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_code_options_b24"]){
    position: absolute !important;
    margin-top: 10px !important;
    max-width: 422px !important;
    width: 300px !important;
    border: solid #eee !important;
    background-color: white !important;
    display: none !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_code_options_b24"]).active{
    display: block !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_code_options_b24"])::before{
    position: absolute !important;
    content: "" !important;
    top: -1.28rem !important;

    border: .6rem solid transparent !important;
    border-bottom-color: black !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_list_b24"]) {
    max-height: 16rem !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: overlay !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_list_b24"])::-webkit-scrollbar {
    width: 0.6rem !important;

}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_list_b24"])::-webkit-scrollbar-thumb {
    width: 0.6rem !important;
    height: 3rem !important;
    background-color: #ccc !important;
    border-radius: 2rem !important;

}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_list_element_b24"]) {
    display: flex !important;
    justify-content: space-between !important;
    padding: 0.5rem !important;
    cursor: pointer !important;
    overflow: overlay !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_list_element_b24"]):not(:last-child) {
    border-bottom: .1rem solid #eee !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_list_element_b24"]):hover {
    background-color: #eee !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_message_b24"]) {
    background-color: white !important;
    width: 70% !important;
    margin-left: 13% !important;
    text-align: center !important;
    border: solid #eee !important;
    padding-bottom: 5px !important;
    margin-bottom: 10px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_button_b24"]){
    background-color: #e51c24 !important; 
    border: none !important;
    color: white !important;
    border: none !important;
    padding: 15px 32px !important;
    width: 70% !important;
    margin-left: 13.5% !important;
    text-align: center !important;
    text-decoration: none !important;
    display: inline-block !important;
    font-size: 16px !important;
    cursor: pointer !important;
  }
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_button_b24"]):hover{
    transition: 0.5s !important;
    background-color: black !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_message_b24"]) ,:is(#sp-legacy-specificity,[data-sp-legacy-id="name_b24"]), :is(#sp-legacy-specificity,[data-sp-legacy-id="email_b24"]),:is(#sp-legacy-specificity,[data-sp-legacy-id="phone_b24"]){
    -webkit-appearance: none !important;
    border-radius: 0px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_privacy_b24"]){
    padding-top: 25px !important;
    margin-left: 13% !important;
    width: 70% !important;
    padding-bottom: 25px !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_checkbox_b24"]) {
    vertical-align: text-top !important;
}
:is(#sp-legacy-specificity,[data-sp-legacy-id="main_privacy_content_b24"]){
    font-size: 8px !important;
}
@supports (-webkit-touch-callout: none) {
    @media(max-width:500px){
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_title_b24"]) {
            color:white !important;
            text-align: center !important;
            background-color: #e51c24;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_name_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: solid #eee !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_email_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: solid #eee !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_select_box_b24"])  {
            border: solid #eee  !important;
            width: 71.5% !important;
            border-radius: 0px !important;
            margin-left: 13% !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_flag_code_b24"]){
            display: flex !important;
            margin-left: 1% !important;
            /* width: 0.2rem !important; */
            text-align: center !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_code_b24"]){
            font: weight 50px !important;
            font-family:sans-serif !important;
            font-size: small !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_message_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            text-align: center !important;
            border: solid #eee  !important;
            padding-bottom: 5px !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_button_b24"]) {
            background-color: #e51c24 !important; 
            border: none !important;
            color: white !important;
            padding: 15px 32px !important;
            width: 70% !important;
            margin-left: 13.8% !important;
            text-align: center !important;
            text-decoration: none !important;
            display: inline-block !important;
            font-size: 16px !important;
            margin-bottom: 25px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_button_b24"]):hover{
            transition: 0.5s !important;
            background-color: black !important;
        }
    } 
}
@supports not (-webkit-touch-callout: none) {
    @media(max-width:500px){
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_title_b24"]) {
            color:white !important;
            text-align: center !important;
            background-color: #e51c24;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_name_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: solid #eee !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_email_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            padding-bottom: 5px !important;
            border: solid #eee !important;
            margin-bottom: 10px !important;
            border-radius: 0px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_select_box_b24"])  {
            border: solid #eee  !important;
            width: 71% !important;
            margin-left: 13% !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_flag_code_b24"]){
            display: flex !important;
            margin-left: 1% !important;
            /* width: 0.2rem !important; */
            text-align: center !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_country_code_b24"]){
            font: weight 50px !important;
            font-family:sans-serif !important;
            font-size: small !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_message_b24"]) {
            background-color: white !important;
            width: 70% !important;
            margin-left: 13% !important;
            text-align: center !important;
            border: solid #eee !important;
            padding-bottom: 5px !important;
            margin-bottom: 10px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_button_b24"]){
            background-color: #e51c24 !important; 
            border: none !important;
            color: white !important;
            padding: 15px 32px !important;
            width: 70% !important;
            margin-left: 13.6% !important;
            text-align: center !important;
            text-decoration: none !important;
            display: inline-block !important;
            font-size: 16px !important;
            margin-bottom: 25px !important;
        }
        :is(#sp-legacy-specificity,[data-sp-legacy-id="main_form_button_b24"]):hover{
            transition: 0.5s !important;
            background-color: black !important;
        }
    } 
}
  

/* Original negocjuj_cene_styles.css: ID compatibility, unchanged declarations. */
/* Styles for the contact form - scoped to only affect the form */
/* Remove global selectors */

.ncn-container {
    max-width: 600px;
    margin: 30px auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(204, 0, 0, 0.15);
    border: 1px solid #ffe6e6;
    /* Add font family here to scope it to the container only */
    font-family: 'Arial', sans-serif;
    color: #333;
    line-height: 1.6;
}

.ncn-container * {
    box-sizing: border-box;
}

.ncn-container .ncn-form-header {
    text-align: center;
    margin-bottom: 20px;
}

.ncn-container .ncn-form-header h3 {
    color: #555;
    font-weight: normal;
    margin-bottom: 10px;
    margin: 0 0 10px 0;
    padding: 0;
}

.ncn-container .ncn-form-header h2 {
    color: #cc0000;
    font-size: 24px;
    margin: 0;
    padding: 0;
}

.ncn-container .ncn-product-info {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 10px;
    background-color: #fff0f0;
    border-radius: 6px;
    border: 1px solid #ffcccc;
}

.ncn-container .ncn-product-image {
    flex: 0 0 80px;
    margin-right: 15px;
}

.ncn-container .ncn-product-image img {
    max-width: 100%;
    border: 1px solid #ffcccc;
}

.ncn-container .ncn-product-description {
    flex: 1;
    font-size: 14px;
}

.ncn-container .ncn-form-group {
    margin-bottom: 15px;
}

.ncn-container label {
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    color: #800000;
}

/* Phone number with country code styling */
.ncn-container .ncn-phone-input-wrapper {
    display: flex;
    align-items: stretch;
    width: 100%;
    height: 41px; /* Match input height */
}

.ncn-container .ncn-country-code-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.ncn-container .ncn-selected-country {
    display: flex;
    align-items: center;
    height: 100%;
    background-color: #fff;
    border: 1px solid #ffcccc;
    border-right: none;
    border-radius: 4px 0 0 4px;
    padding: 0 10px;
    font-size: 14px;
    color: #800000;
    white-space: nowrap;
    flex-shrink: 0;
    cursor: pointer;
}

.ncn-container .ncn-selected-country .ncn-flag {
    margin-right: 5px;
    font-size: 16px;
}

.ncn-container .ncn-dropdown-arrow {
    margin-left: 5px;
    font-size: 10px;
    color: #cc0000;
}

.ncn-container .ncn-country-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 220px;
    max-height: 200px;
    overflow-y: auto;
    background-color: white;
    border: 1px solid #ffcccc;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(204, 0, 0, 0.1);
    z-index: 100;
    display: none;
}

.ncn-container .ncn-country-dropdown.show {
    display: block;
}

.ncn-container .ncn-country-option {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    cursor: pointer;
}

.ncn-container .ncn-country-option:hover {
    background-color: #fff0f0;
}

.ncn-container .ncn-country-option.ncn-current-language {
    background-color: #ffe6e6;
    font-weight: bold;
}

.ncn-container .ncn-country-option .ncn-flag {
    margin-right: 10px;
    font-size: 16px;
}

.ncn-container .ncn-country-option .ncn-country-name {
    margin-left: 10px;
    color: #666;
    font-size: 13px;
}

.ncn-container .ncn-phone-input-wrapper input[type="tel"] {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    flex-grow: 1;
    margin: 0;
    height: 100%;
}

.ncn-container input[type="text"],
.ncn-container input[type="email"],
.ncn-container input[type="tel"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ffcccc;
    border-radius: 4px;
    font-size: 14px;
    background-color: #fff;
    transition: border-color 0.3s, box-shadow 0.3s;
}

.ncn-container input[type="text"]:focus,
.ncn-container input[type="email"]:focus,
.ncn-container input[type="tel"]:focus,
.ncn-container .ncn-input-focused {
    outline: none;
    border-color: #cc0000;
    box-shadow: 0 0 3px rgba(204, 0, 0, 0.3);
}

/* Error state styling */
.ncn-container .ncn-input-error,
.ncn-container input.ncn-input-error {
    border-color: #d32f2f !important;
    background-color: #ffebee;
    box-shadow: 0 0 3px rgba(211, 47, 47, 0.3) !important;
}

.ncn-container .ncn-checkbox-group.ncn-input-error {
    padding: 8px;
    background-color: #ffebee;
    border-radius: 4px;
    border: 1px solid #d32f2f;
}

.ncn-container .ncn-radio-group {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 5px;
    justify-content: center;
}

.ncn-container .ncn-radio-option {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #fff;
    border: 1px solid #ffcccc;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s;
    text-align: center;
    position: relative;
}

.ncn-container .ncn-radio-option:hover {
    background-color: #cc0000;
}

.ncn-container .ncn-radio-option:hover label {
    color: white;
}

.ncn-container .ncn-radio-option label {
    cursor: pointer;
    font-size: 13px;
    margin: 0;
    color: #800000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.ncn-container .ncn-radio-option input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
}

/* Style for selected radio button */
.ncn-container .ncn-radio-option input[type="radio"]:checked + label {
    font-weight: bold;
    color: white;
}

.ncn-container .ncn-radio-option:has(input[type="radio"]:checked) {
    background-color: #cc0000;
    border: 2px solid #990000;
}

.ncn-container .ncn-hint {
    font-weight: normal;
    font-size: 12px;
    color: #999;
}

.ncn-container .ncn-checkbox-group {
    display: flex;
    align-items: flex-start;
    transition: all 0.3s;
}

.ncn-container .ncn-checkbox-group input[type="checkbox"] {
    margin-right: 8px;
    margin-top: 3px;
    accent-color: #cc0000;
}

.ncn-container .ncn-checkbox-group label {
    font-weight: normal;
    font-size: 13px;
}

.ncn-container button[type="submit"],
.ncn-container .ncn-submit-btn {
    display: block;
    width: 100%;
    padding: 12px;
    background-color: #cc0000;
    color: white;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s;
    margin-top: 20px;
}

.ncn-container button[type="submit"]:hover,
.ncn-container .ncn-submit-btn:hover {
    background-color: #990000;
}

.ncn-container button[type="submit"]:disabled,
.ncn-container .ncn-submit-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

/* Enhanced form message styling */
.ncn-container .ncn-form-message {
    margin: 15px 0;
    padding: 12px 15px;
    border-radius: 6px;
    display: none;
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    border: 1px solid;
    animation: slideIn 0.3s ease-out;
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ncn-container .ncn-form-message.ncn-success {
    display: block;
    background-color: #e8f5e8;
    color: #2e7d32;
    border-color: #4caf50;
}

.ncn-container .ncn-form-message.ncn-error {
    display: block;
    background-color: #ffebee;
    color: #d32f2f;
    border-color: #f44336;
    box-shadow: 0 2px 4px rgba(211, 47, 47, 0.1);
}

/* Validation error message specific styling */
.ncn-container .ncn-validation-error {
    margin: 10px 0 20px 0;
    background-color: #ffebee;
    color: #d32f2f;
    border-color: #f44336;
    font-weight: 600;
    text-align: left;
    padding: 15px;
    border-left: 4px solid #d32f2f;
    box-shadow: 0 2px 4px rgba(211, 47, 47, 0.15);
}

.ncn-container .ncn-validation-error::before {
    content: "⚠ ";
    font-size: 16px;
    margin-right: 5px;
}

.ncn-container .ncn-form-footer {
    margin-top: 20px;
    font-size: 12px;
    color: #888;
    border-top: 1px solid #ffdddd;
    padding-top: 10px;
}

/* Loading state */
.ncn-container .ncn-form-loading {
    position: relative;
}

.ncn-container .ncn-form-loading::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

/* Responsive design */
@media (min-width: 768px) {
    .ncn-container .ncn-contact-info {
        display: flex;
        gap: 10px;
    }
    
    .ncn-container .ncn-contact-info .ncn-form-group {
        flex: 1;
    }
}

@media (max-width: 767px) {
    .ncn-container {
        margin: 15px auto;
        padding: 15px;
    }
    
    .ncn-container .ncn-radio-group {
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        gap: 5px;
        margin-top: 5px;
    }
    
    .ncn-container .ncn-radio-option {
        width: 55px;
        height: 55px;
        font-size: 12px;
    }
    
    .ncn-container .ncn-radio-option label {
        font-size: 11px;
    }
    
    .ncn-container .ncn-form-message {
        text-align: center;
        font-size: 13px;
        padding: 10px;
    }
}

.steelprofil-bitrix-form .sp-form-status { margin: 1rem 0; padding: .8rem 1rem; border: 2px solid currentColor; background: #fff; color: #202020; text-align: left; clear: both; }
.steelprofil-bitrix-form .sp-form-status[hidden] { display: none !important; }
.steelprofil-bitrix-form [hidden] { display: none !important; }
.steelprofil-bitrix-form .sp-form-success { border-color: #166534; color: #14532d; }
.steelprofil-bitrix-form .sp-form-error { border-color: #b91c1c; color: #991b1b; }
.steelprofil-bitrix-form [aria-invalid="true"] { outline: 2px solid #b91c1c; }
.steelprofil-bitrix-form .sp-phone-row { display: flex; align-items: stretch; gap: 0; width: 100%; position: relative; }
.steelprofil-bitrix-form .sp-phone-row > input { flex: 1 1 auto; min-width: 0; width: 100%; }
.steelprofil-bitrix-form :is(#sp-phone-specificity,.sp-phone-host) { overflow: visible !important; width: 100%; }
.steelprofil-bitrix-form .sp-country-picker { flex: 0 0 5.3rem; position: relative; min-width: 5.3rem; display: flex; }
.steelprofil-bitrix-form .sp-country-trigger { display: flex !important; align-items: center; justify-content: center; gap: .25rem; min-height: 0; width: 100%; height: 100%; margin: 0 !important; padding: .1rem .2rem !important; background: #fff !important; color: #111 !important; border: 1px solid #d4d4d4 !important; border-radius: 0 !important; box-shadow: none !important; font-family: inherit; font-size: 14px !important; line-height: 1.2; cursor: pointer; }
.steelprofil-bitrix-form .sp-country-trigger:focus-visible,.steelprofil-bitrix-form .sp-country-option:focus-visible { outline: 2px solid #111; outline-offset: -2px; }
.steelprofil-bitrix-form .sp-country-flag { display: block !important; flex: 0 0 18px; width: 18px !important; height: 12px !important; max-width: none !important; margin: 0 !important; padding: 0 !important; border: 1px solid #ddd !important; object-fit: cover; }
.steelprofil-bitrix-form .sp-country-code { white-space: nowrap; }
.steelprofil-bitrix-form .sp-country-list { position: absolute; left: 0; top: 100%; z-index: 100000; width: 280px; max-width: calc(100vw - 40px); max-height: 270px; overflow-y: auto; overscroll-behavior: contain; list-style: none !important; padding: 4px 0 !important; margin: 0 !important; background: #fff !important; color: #111 !important; border: 1px solid #bbb; box-shadow: 0 4px 12px #0003; text-align: left; }
.steelprofil-bitrix-form .sp-country-option { display: flex !important; align-items: center; gap: .5rem; min-height: 44px; margin: 0 !important; padding: .35rem .6rem !important; background: #fff; color: #111; line-height: 1.3; font-size: 14px; cursor: pointer; }
.steelprofil-bitrix-form .sp-country-option:hover,.steelprofil-bitrix-form .sp-country-option:focus { background: #ededed; }
.steelprofil-bitrix-form .sp-country-option[aria-selected="true"] { background: #e5e5e5; font-weight: 600; }
.steelprofil-bitrix-form .sp-country-option .sp-country-code { min-width: 3.2rem; }
.steelprofil-bitrix-form .sp-country-name { white-space: normal; }
.steelprofil-bitrix-form .sp-phone-host::after { display:none !important; }
.steelprofil-bitrix-form .sp-phone-host .select-arrow,.steelprofil-bitrix-form .sp-phone-host .select2 { display:none !important; }
.steelprofil-bitrix-form [data-sp-legacy-id="phone_b24"] { min-width:0; flex:1; }
.steelprofil-bitrix-form button:disabled, .steelprofil-bitrix-form input[type="submit"]:disabled { cursor: wait; opacity: .7; }
.steelprofil-bitrix-form[data-sp-sent="true"] button:disabled { cursor: default; }