.input_linia::placeholder {
    color: #cbcaca;
    font-weight: bold;
    opacity: 1;
}

label.error{
    margin-top: 2px;
}

.input_linia.error{
    border: 2px solid #9B4444;
}

.submit_button_form_num_comanda{
    margin-top: 10px;
}

.confirmacio-telefon-ajuda {
    margin: 12px 0;
}

.confirmacio-pagament-ajuda {
    box-sizing: border-box;
    width: 100%;
    margin-top: 12px;
    padding: 28px;
    border: 1px solid #d9e7f0;
    border-top: 4px solid #005898;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(24, 70, 98, 0.09);
    color: #34444f;
    text-align: left;
}

.confirmacio-pagament-capcalera {
    margin-bottom: 24px;
}

.confirmacio-pagament-eyebrow {
    margin: 0 0 6px;
    color: #0072b1;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.confirmacio-pagament-ajuda h3 {
    margin: 0;
    color: #263944;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}

.confirmacio-pagament-ajuda form {
    display: grid;
    gap: 20px;
    margin: 0;
}

.confirmacio-pagament-camp {
    display: grid;
    gap: 8px;
}

.confirmacio-pagament-camp label {
    margin: 0;
    color: #263944;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.35;
}

.confirmacio-pagament-obligatori {
    color: #b43535;
}

.confirmacio-pagament-ajuda .input_linia,
.confirmacio-pagament-ajuda input[type="file"] {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    border: 1px solid #b9cbd7;
    border-radius: 8px;
    background: #fff;
    color: #34444f;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
}

.confirmacio-pagament-ajuda .input_linia {
    min-height: 48px;
    padding: 11px 13px;
}

.confirmacio-pagament-ajuda .input_linia:focus,
.confirmacio-pagament-ajuda input[type="file"]:focus-visible {
    border-color: #005898;
    box-shadow: 0 0 0 3px rgba(0, 88, 152, 0.13) !important;
    outline: none;
}

.confirmacio-pagament-ajuda input[type="file"] {
    padding: 7px;
    border-style: dashed;
    background: #f6fafc;
    cursor: pointer;
}

.confirmacio-pagament-ajuda input[type="file"]::file-selector-button {
    margin-right: 12px;
    padding: 9px 13px;
    border: 0;
    border-radius: 6px;
    background: #005898;
    color: #fff;
    cursor: pointer;
    font: inherit;
    font-size: 14px;
    font-weight: 600;
}

.confirmacio-pagament-ajuda textarea.input_linia {
    height: auto;
    min-height: 128px;
    resize: vertical;
}

.confirmacio-pagament-camp small {
    color: #667984;
    font-size: 13px;
    line-height: 1.35;
}

.confirmacio-pagament-accio {
    display: block;
    width: 100%;
}

#num_comanda_form_inner .confirmacio-pagament-accio .confirmacio_pagament_submit {
    box-sizing: border-box;
    width: 100%;
    min-height: 46px;
    margin: 2px 0 0;
    padding: 10px 18px !important;
    border: 2px solid #005898;
    border-radius: 24px;
    background: #005898;
    color: #fff;
    cursor: pointer;
    font-size: 15px !important;
    font-weight: 700;
    letter-spacing: 0.12em;
}

#num_comanda_form_inner .confirmacio-pagament-accio .confirmacio_pagament_submit:hover,
#num_comanda_form_inner .confirmacio-pagament-accio .confirmacio_pagament_submit:focus-visible {
    background: #fff;
    color: #005898;
    outline: none;
}

#num_comanda_form_inner .confirmacio-pagament-accio .confirmacio_pagament_submit:disabled {
    cursor: wait;
    opacity: 0.65;
}

.confirmacio-pagament-finalitzat {
    box-sizing: border-box;
    display: flex;
    width: 100%;
    max-width: 560px;
    min-height: 150px;
    margin-top: 12px;
    padding: 30px 28px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    border: 1px solid #cde6d5;
    border-radius: 12px;
    background: #f3faf5;
    box-shadow: 0 8px 24px rgba(39, 122, 63, 0.09);
    color: #276a3b;
    text-align: center;
}

.confirmacio-pagament-finalitzat-icon {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #277a3f;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.confirmacio-pagament-finalitzat p {
    margin: 0;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.45;
}

#div_resposta_consulta_num_comanda .cap-resultats {
    width: 100%;
    max-width: 560px;
    color: #34444f;
    font-size: 16px;
    text-align: left;
}

.confirmacio_canvi_email_boto {
    display: block;
    margin-top: 8px;
}

.confirmacio_canvi_email_form {
    display: grid;
    gap: 8px;
    margin-top: 10px;
    padding: 12px;
    border-radius: 6px;
    background: #eef6fb;
}

.confirmacio_canvi_email_form[hidden],
.confirmacio_canvi_email_resultat[hidden] {
    display: none;
}

.confirmacio_canvi_email_form label {
    display: grid;
    gap: 4px;
    font-weight: 700;
}

.confirmacio_canvi_email_form input[type="email"] {
    box-sizing: border-box;
    width: 100%;
}

.confirmacio_canvi_email_resultat {
    display: block;
    margin-top: 8px;
    color: #277a3f;
}

#contact_stage_buttons {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 15px;
}

#contact_stage_buttons[hidden] {
    display: none;
}

.contact_stage_button {
    min-height: 76px;
    padding: 12px 16px;
    border: 2px solid #cbcaca;
    border-radius: 8px;
    background: #fff;
    color: #005898;
    cursor: pointer;
    font: inherit;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    transition: border-color 150ms ease, background-color 150ms ease, color 150ms ease;
}

.contact_stage_button:hover,
.contact_stage_button:focus-visible,
.contact_stage_button.is-active {
    border-color: #005898;
    background: #005898;
    color: #fff;
    outline: none;
}

#contact_stage_buttons.contact_stage_error .contact_stage_button {
    border-color: #9b4444;
}

#placing_order_sales_notice {
    margin: 0 0 15px;
    padding: 12px 14px;
    border-left: 4px solid #005898;
    background: #eef6fb;
    color: #333;
    line-height: 1.4;
}

#placing_order_sales_notice[hidden] {
    display: none;
}

#contact_reason_field[hidden] {
    display: none;
}

#upload_image_list {
    display: grid;
    gap: 3px;
    margin-top: 6px;
    color: #555;
    font-size: 13px;
}

.upload_image_name {
    overflow-wrap: anywhere;
}

.contact_shipping_address_form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px 16px;
    margin: 4px 0 18px;
}

.contact_shipping_address_form[hidden] {
    display: none;
}

.contact_shipping_address_form .contact_shipping_field {
    display: flex;
    height: auto;
    min-width: 0;
    gap: 7px;
}

.contact_shipping_address_form .contact_shipping_field--wide {
    grid-column: 1 / -1;
}

.contact_shipping_address_form .contact_shipping_field_label {
    position: static;
    display: block;
    padding: 0;
    color: #333;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
    opacity: 1;
    pointer-events: auto;
}

.contact_shipping_address_form .input_linia {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}

@media (max-width: 768px) {
    .confirmacio-pagament-ajuda {
        padding: 22px 18px;
    }

    .confirmacio-pagament-ajuda h3 {
        font-size: 21px;
    }

    #contact_stage_buttons {
        grid-template-columns: 1fr;
    }

    .contact_stage_button {
        min-height: 58px;
    }

    .contact_shipping_address_form {
        grid-template-columns: 1fr;
    }

    .contact_shipping_address_form .contact_shipping_field--wide {
        grid-column: auto;
    }
}