.multi-step-form .multi-step-input-gap,
.multi-step-form .form-check,
.multi-step-form .form-check-label {
    position: relative;
    font-size: 13px;
}

/* Styl nagłówków formularza wieloetapowego */
.multi-step-form .request-h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--multi-step-h3-h2);
    margin-bottom: 20px;
    text-align: left;
}

.multi-step-form .request-h3 {
    font-size: 1rem;
    font-weight: 700;
    color: var(--multi-step-h3-h2);
    margin-bottom: 20px;
    text-align: left;
}

/* Styl etykiety */
.multi-step-form .multi-step-input-gap label {
    display: block;
    font-size: 14px;
    font-weight: 500;
    color: #c4c4c4;
    position: absolute;
    background: #1B223A;
    padding: 0 5px;
    left: 15px;
    top: -10px;
    border-radius: 0.5rem;
}

/* Nowy kontener dla input i ikon */
.multi-step-form .multi-step-input-container {
    position: relative;
}

/* Styl inputów i textarea */
.multi-step-form .multi-step-input-gap input,
.multi-step-form .multi-step-input-gap textarea {
    width: 100%;
    padding: 13px 35px 13px 15px; /* Dostosowany padding dla ikon */
    border-radius: 8px; /* Zaokrąglenie rogów */
    font-size: 1rem; /* Rozmiar tekstu */
    color: var(--multi-step-form-text); /* Kolor tekstu */
    background-color: var(--multi-step-form-bg); /* Tło pola */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid var(--multi-step-form-border); /* Domyślna obramówka */
    -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
    transition: border 0.3s, -webkit-box-shadow 0.3s;
    -o-transition: border 0.3s, box-shadow 0.3s;
    transition: border 0.3s, box-shadow 0.3s;
    transition: border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}

/* NOWE - Styl selecta z grubszą strzałką po lewej */
.multi-step-form .multi-step-input-gap select {
    width: 100%;
    padding: 13px 35px 13px 15px; /* Taki sam padding jak w inputach */
    border-radius: 8px;
    font-size: 1rem;
    color: var(--multi-step-form-text);; 
    background-color: var(--multi-step-form-bg); 
    -webkit-box-sizing: border-box; 
            box-sizing: border-box;
    border: 1px solid var(--multi-step-form-border);;
    -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;;
    transition: border 0.3s, -webkit-box-shadow 0.3s;;
    -o-transition: border 0.3s, box-shadow 0.3s;;
    transition: border 0.3s, box-shadow 0.3s;;
    transition: border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    /* Nowy, grubszy SVG + przesunięcie w dół i w lewo */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE2IDgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggc3Ryb2tlPSIjZmZmZmZmIiBzdHJva2Utd2lkdGg9IjMiIGZpbGw9Im5vbmUiIGQ9Ik0xLjUgMS41IEw4IDcuNSBMMTQuNSAxLjUiIC8+PC9zdmc+");
    background-repeat: no-repeat;
    background-position: 417px 50%;
    background-size: 20px 20px;
}

/* Placeholder w inputach */
.multi-step-form .multi-step-input-gap input::-webkit-input-placeholder, .multi-step-form .multi-step-input-gap textarea::-webkit-input-placeholder {
    color: var(--multi-step-form-placeholder); /* Kolor placeholdera */
    opacity: 1; /* Pełna widoczność placeholdera */
}
.multi-step-form .multi-step-input-gap input::-moz-placeholder, .multi-step-form .multi-step-input-gap textarea::-moz-placeholder {
    color: var(--multi-step-form-placeholder); /* Kolor placeholdera */
    opacity: 1; /* Pełna widoczność placeholdera */
}
.multi-step-form .multi-step-input-gap input:-ms-input-placeholder, .multi-step-form .multi-step-input-gap textarea:-ms-input-placeholder {
    color: var(--multi-step-form-placeholder); /* Kolor placeholdera */
    opacity: 1; /* Pełna widoczność placeholdera */
}
.multi-step-form .multi-step-input-gap input::-ms-input-placeholder, .multi-step-form .multi-step-input-gap textarea::-ms-input-placeholder {
    color: var(--multi-step-form-placeholder); /* Kolor placeholdera */
    opacity: 1; /* Pełna widoczność placeholdera */
}
.multi-step-form .multi-step-input-gap input::placeholder,
.multi-step-form .multi-step-input-gap textarea::placeholder {
    color: var(--multi-step-form-placeholder); /* Kolor placeholdera */
    opacity: 1; /* Pełna widoczność placeholdera */
}

/* Dodanie ikony zapytania */
.multi-step-form .multi-step-input-container .tooltip-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23343a40" viewBox="0 0 14 14" role="img" focusable="false" aria-hidden="true"><path d="M6.9198484 1.0005452C3.6064257 1.0448929.95652234 3.7671873 1.0006091 7.0807404c.0443477 3.3121186 2.7663813 5.9628046 6.0796735 5.9187176 3.3127704-.044609 5.9631954-2.766903 5.9191084-6.0801953-.044347-3.3123792-2.766511-5.96293475-6.0795426-5.9187175zm-.017739 9.6516168l-.03313-.000522c-.5102594-.01513-.8699972-.391042-.855519-.8937359.0142173-.494085.3826943-.8527791.8761272-.8527791l.029609.0005218c.5244764.015522.8801707.3876503.8654316.9048223-.014609.4955199-.3773464.8416929-.8825185.8416929zm2.1462964-4.2598539c-.1199995.1704777-.3838681.3821726-.7163452.6412151l-.3661291.2527817c-.2009992.1562603-.3223031.3032597-.3678247.4479114-.0358695.1138691-.0534781.1439994-.0566085.3756508l-.0005217.058826H6.1429817l.00404-.1183039c.0170903-.4862593.0290903-.7723017.2306113-1.0086487.3161727-.371216 1.013605-.8203013 1.0432136-.8393447.0999126-.0752606.1841732-.1609559.2469121-.2525208.1467386-.2023036.2116949-.3615639.2116949-.5180851 0-.2171731-.0644346-.4180419-.1918689-.5968674-.1224778-.1725646-.3551726-.2599555-.6916931-.2599555-.3337814 0-.5623023.1059126-.6989975.3232162-.1406081.2234339-.2116948.4580852-.2116948.6978235v.059608H4.6437698l.00261-.062217c.0371724-.8829095.3523017-1.5186463.9362561-1.8896015.3669117-.2362165.8234318-.3559552 1.3561255-.3559552.6973018 0 1.2859518.1694342 1.7493849.5036069.4695635.3386074.7077365.845736.7077365 1.5072988 0 .3700421-.1168691.7176496-.347477 1.0335614z"/></svg>');
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    cursor: pointer;
}

/* Styl dla ikon walidacji */
.multi-step-form .multi-step-input-container .multi-step-validation-icon,
.multi-step-form .form-check .multi-step-validation-icon {
    position: absolute;
    right: 35px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    pointer-events: none;
    z-index: 2;
}

/* Pozycjonowanie komunikatu błędu absolutnie względem input-gap */
.multi-step-form .multi-step-input-gap {
    position: relative;
}

.multi-step-form .form-error {
    left: 0;
    top: 100%;
    margin-top: 5px;
    color: red;
    font-size: 0.9rem;
    z-index: 1;
}

/* Pokazywanie "X" gdy występuje błąd */
.multi-step-form .multi-step-input-container input.input-error + .tooltip-icon + .multi-step-validation-icon::before,
.multi-step-form .form-check input.input-error + .multi-step-validation-icon::before,
.multi-step-form .multi-step-input-container select.input-error + .tooltip-icon + .multi-step-validation-icon::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM7 9V3H9V9H7ZM7 13V11H9V13H7Z' fill='%23ff0000'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

/* Pokazywanie "✔" gdy pole jest poprawne */
.multi-step-form .multi-step-input-container input.input-valid + .tooltip-icon + .multi-step-validation-icon::before,
.multi-step-form .form-check input.input-valid + .multi-step-validation-icon::before,
.multi-step-form .multi-step-input-container select.input-valid + .tooltip-icon + .multi-step-validation-icon::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' ...%3E%3C/svg%3E");
    background-size: contain; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM12.7071 5.70711L11.2929 4.29289L6.5 9.08579L4.70711 7.29289L3.29289 8.70711L6.5 11.9142L12.7071 5.70711Z' fill='%2300cc29'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

/* Styl komunikatów dla checkboxów */
.multi-step-form .form-check.checkbox-error label::after {
    content: "Nie wyrażono zgody";
    color: #c62828;
    margin-left: 10px;
    font-size: 0.9rem;
}

.multi-step-form .form-check.checkbox-valid label::after {
    content: "Wyrażono zgodę";
    color: #4caf50;
    margin-left: 10px;
    font-size: 0.9rem;
}

/* ---------------------------------------------------
   ZGODY: obramówka dla brakujących wymaganych zgód
   --------------------------------------------------- */
.multi-step-form .form-check.consent-error {
    border: 1px solid #c62828;
    border-radius: 12px;
    padding: 10px 12px;
    margin: 8px 0;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.multi-step-form .form-check.consent-error:focus-within {
    box-shadow: 0 0 0 3px rgba(198, 40, 40, 0.18);
}

/* Efekt focus dla input i textarea */
.multi-step-form .multi-step-input-gap input:focus,
.multi-step-form .multi-step-input-gap textarea:focus {
    outline: none;
    border: 1px solid var(--btn-background-color);;
    -webkit-box-shadow: 0 0 5px var(--btn-background-color);;
            box-shadow: 0 0 5px var(--btn-background-color);;
}

/* Efekt focus dla select */
.multi-step-form .multi-step-input-gap select:focus {
    outline: none;
    border: 1px solid var(--btn-background-color);;
    -webkit-box-shadow: 0 0 5px var(--btn-background-color);;
            box-shadow: 0 0 5px var(--btn-background-color);;
}

/* Kontrolowanie widoczności kroków formularza */
.multi-step-form .step {
    display: none !important;
}

.multi-step-form .step.active {
    background-color: var(--multi-step-bg);
    padding: 50px;
    border-radius: 24px;
    display: block !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
    width: 600px; 
    margin: auto;
    margin-top: 5.5rem;
    -webkit-box-shadow: var(--shadow-default);
            box-shadow: var(--shadow-default);
    border: 1px solid rgba(0,0,0,0.1);
}

.multi-step-form a {
    color: var(--primary-color);
    text-decoration: none; 
    font-weight: bold;
}

/* Opcjonalnie: efekt hover dla linków */
.multi-step-form a:hover {
    color: var(--primary-color);
    text-decoration: none; 
    font-weight: bold; 
}

span.required {
    color: #c62828;
    font-weight: 700;
}

/* Styl dla błędnych inputów / selectów */
.multi-step-form .multi-step-input-gap input.input-error,
.multi-step-form .multi-step-input-gap textarea.input-error,
.multi-step-form .multi-step-input-gap select.input-error {
    border: 1px solid #c62828;
    -webkit-box-shadow: 0 0 5px #c62828;
            box-shadow: 0 0 5px #c62828;
    background-repeat: no-repeat;
}

/* Styl dla poprawnych inputów / selectów */
.multi-step-form .multi-step-input-gap input.input-valid,
.multi-step-form .multi-step-input-gap textarea.input-valid,
.multi-step-form .multi-step-input-gap select.input-valid {
    border: 1px solid #4caf50;
    -webkit-box-shadow: 0 0 5px #4caf50;
            box-shadow: 0 0 5px #4caf50;
    background-repeat: no-repeat;
}

.multi-step-form .pesel-warning {
    display: none;
    background-color: #09581b;
    color: #fff;
    border-radius: 25px;
    padding: 5px;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}

.multi-step-form .data-warning {
    display: none;
    background-color: #c62828;
    color: #fff;
    border-radius: 25px;
    padding: 5px;
    margin-top: 5px;
    font-size: 12px;
    text-align: center;
}

.additional-info4{
    display: none;
}

.additional-info,
.additional-info2,
.additional-info3,
.Netcredit-Marketing,
.profiCreditDetails,
.NetcreditDetails,
.KredytOKDetails,
.superGroszDetails {
    display: none;
    font-size: 13px;
    border-left: 2px solid var(--primary-color);
    padding-left: 15px;
    margin-left: 10px;
    margin-bottom: 10px;
    border-radius: 3px;
}
.additional-info .small-info,
.additional-info2 .small-info,
.additional-info3 .small-info{
    font-size: 12px;
}

.additional-info5{
    display: none;
    font-size: 13px;
    border-left: 2px solid var(--primary-color);
    margin-left: 15px;
    border-radius: 3px;
}

.toggle-additional-info {
    color: var(--primary-color);
    cursor: pointer;
    font-weight: bold;
    margin-left: 10px;
    display: inline-block;
    position: relative;
}

label.form-check-label[for=acceptAll] {
    font-weight: bold;
}

#C1 {
    margin-left: 18px;
}

#C2{
    margin-left: 35px;
}

#ui-datepicker-div {
    display: none;
    background-color: var(--card-background-color);
    -webkit-box-shadow: var(--card-box-shadow);
            box-shadow: var(--card-box-shadow);
    margin-top: .25rem;
    border-radius: .5rem;
    padding: .5rem;
}

/* Styl dla nowej sekcji z wiadomościami */
.form-footer-messages {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px; /* Odstęp między wiadomościami */
    margin-top: 20px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap; /* Zapobiega zawijaniu */
    white-space: nowrap; /* Zapobiega zawijaniu tekstu */
    padding-bottom: 20px;
}

/* Styl dla paragrafów z wiadomościami */
.form-footer-messages p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 14px;
    margin: 0; /* Usuń domyślne marginesy */
}

.form-footer-messages-color p {
    color: var(--text-color);
}

/* Ikona dla "Twoje informacje są bezpiecznie szyfrowane" */
.safe-info::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22/%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M9%2012L11%2014L15%209.99999M20%2012C20%2016.4611%2014.54%2019.6937%2012.6414%2020.683C12.4361%2020.79%2012.3334%2020.8435%2012.191%2020.8712C12.08%2020.8928%2011.92%2020.8928%2011.809%2020.8712C11.6666%2020.8435%2011.5639%2020.79%2011.3586%2020.683C9.45996%2019.6937%204%2016.4611%204%2012V8.21759C4%207.41808%204%207.01833%204.13076%206.6747C4.24627%206.37113%204.43398%206.10027%204.67766%205.88552C4.9535%205.64243%205.3278%205.50207%206.0764%205.22134L11.4382%203.21067C11.6461%203.13271%2011.75%203.09373%2011.857%203.07827C11.9518%203.06457%2012.0482%203.06457%2012.143%203.07827C12.25%203.09373%2012.3539%203.13271%2012.5618%203.21067L17.9236%205.22134C18.6722%205.50207%2019.0465%205.64243%2019.3223%205.88552C19.566%206.10027%2019.7537%206.37113%2019.8692%206.6747C20%207.01833%2020%207.41808%2020%208.21759V12Z%22%20stroke%3D%22%2328a745%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}

/* Ikona dla "Brak wpływu na Twoją ocenę kredytową" */
.credit-info::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22/%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M12%2014.5V16.5M7%2010.0288C7.47142%2010%208.05259%2010%208.8%2010H15.2C15.9474%2010%2016.5286%2010%2017%2010.0288M7%2010.0288C6.41168%2010.0647%205.99429%2010.1455%205.63803%2010.327C5.07354%2010.6146%204.6146%2011.0735%204.32698%2011.638C4%2012.2798%204%2013.1198%204%2014.8V16.2C4%2017.8802%204%2018.7202%204.32698%2019.362C4.6146%2019.9265%205.07354%2020.3854%205.63803%2020.673C6.27976%2021%207.11984%2021%208.8%2021H15.2C16.8802%2021%2017.7202%2021%2018.362%2020.673C18.9265%2020.3854%2019.3854%2019.9265%2019.673%2019.362C20%2018.7202%2020%2017.8802%2020%2016.2V14.8C20%2013.1198%2020%2012.2798%2019.673%2011.638C19.3854%2011.0735%2018.9265%2010.6146%2018.362%2010.327C18.0057%2010.1455%2017.5883%2010.0647%2017%2010.0288M7%2010.0288V8C7%205.23858%209.23858%203%2012%203C14.7614%203%2017%205.23858%2017%208V10.0288%22%20stroke%3D%22%2328a745%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 8px;
}

/* Zapobieganie zawijaniu tekstu */
.form-footer-messages p {
    white-space: nowrap;
}

.margin-1{
    margin-top: 5.5rem;
}

.img-sm {
    max-width: 180px;
    height: auto;
}

@media (max-width: 1200px) {
    .toggle-additional-info {
        margin-left: 5px;
        font-size: 0.9rem;
    }

    .toggle-additional-info2 {
        margin-left: 5px;
        font-size: 0.9rem;
    }
}

@media (max-width: 768px) {
    .toggle-additional-info {
        /*display: block;*/
        margin-left: 0;
        margin-top: 10px;
        text-align: left;
    }

    .toggle-additional-info2 {
        display: block;
        margin-left: 0;
        margin-top: 10px;
        text-align: left;
    }

    .form-footer-messages {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; /* Ustawia elementy w kolumnie */
        gap: 20px; /* Zmniejsza odstęp między wiadomościami */
        white-space: normal; /* Pozwala na zawijanie tekstu */
    }

    .multi-step-form .pesel-warning {
        border-radius: 10px;
    }
}

@media (max-width: 480px) {
    .toggle-additional-info {
        font-size: 0.8rem;
        margin-top: 5px;
    }

    .multi-step-form .step.active{
        padding: 15px;
    }

    .navbar-brand img{
        height: 40px;
    }

    .mobile-item .info-label{
        font-size: 0.7rem;
    }

    .mobile-item .value-highlight{
        font-size: 0.8rem;
    }

    .toggle-additional-info2 {
        font-size: 0.8rem;
        margin-top: 5px;
    }

    .form-footer-messages {
        gap: 15px; /* Dalsze zmniejszenie odstępu */
    }

    .form-footer-messages p {
        font-size: 14px; /* Dostosowanie rozmiaru czcionki */
        text-align: center; /* Centruje tekst */
    }
}

/* ---------------------------------------------------
  przyciski "Rodzaj działalności"
   --------------------------------------------------- */

/* kontener przycisków jako grid 2 kolumn */
.multi-step-form .business-type-container .bus-type-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;                /* odstęp między przyciskami */
    margin-top: 1rem;         /* odstęp od labelki */
}

/* ukrywamy prawdziwe radio */
.multi-step-form .business-type-container .bus-type-input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* etykiety stylowane jak przyciski */
.multi-step-form .business-type-container .bus-type-label {
    display: block;
    text-align: center;
    border: 1px solid var(--multi-step-form-border);
    border-radius: 30px;
    background-color: var(--multi-step-form-bg);
    color: var(--multi-step-form-text);
    font-size: 1rem;
    cursor: pointer;
    position: static;
    transition:
      background-color 0.2s,
      border-color 0.2s,
      color 0.2s;
}

/* hover efekt */
.multi-step-form .business-type-container .bus-type-label:hover {
    background-color: var(--multi-step-form-border-hover, rgba(255,255,255,0.1));
}

/* zaznaczone radio → inny styl labelki */
.multi-step-form .business-type-container .bus-type-input:checked + .bus-type-label {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    color: #fff;
}

/* nowa, poprawiona etykieta nad przyciskami */
.multi-step-form .business-type-container .section-label {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    color: #c4c4c4;
    background: #1B223A;
    padding: 0 5px;
    border-radius: 0.5rem;
}

/* nadpisuje max-width z inline-style */
#kontomatik iframe {
  max-width: none !important;
  width: 100% !important;
  border-radius: 8px !important;
}