/*
 * TSI PF – sekcja 4, wersja 1.1.0
 * Tylko /sesje-indywidualne/ i tylko section.section-id-4.
 */

body.tsi-pf-rzs4-active main#content > section.section-id-4.section-type-kolumny,
body.tsi-pf-individual-page main#content > section.section-id-4.section-type-kolumny {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    align-items: start !important;
    justify-items: stretch !important;
    gap: 0 !important;

    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.tsi-pf-rzs4-active main#content > section.section-id-4.section-type-kolumny > .column-id-4-0,
body.tsi-pf-rzs4-active main#content > section.section-id-4.section-type-kolumny > .column-id-4-1,
body.tsi-pf-individual-page main#content > section.section-id-4.section-type-kolumny > .column-id-4-0,
body.tsi-pf-individual-page main#content > section.section-id-4.section-type-kolumny > .column-id-4-1 {
    display: block !important;
    align-self: start !important;
    justify-self: stretch !important;

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    inset: auto !important;
    transform: none !important;
    translate: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

/* Usuwa pusty element pod lewym zdjęciem, który uruchamiał padding „kolumny tekstowej”. */
body.tsi-pf-rzs4-active main#content > section.section-id-4 .column-id-4-0 > .single-element-naglowek_h2_256px,
body.tsi-pf-individual-page main#content > section.section-id-4 .column-id-4-0 > .single-element-naglowek_h2_256px {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

body.tsi-pf-rzs4-active main#content > section.section-id-4 .column-id-4-0 > .single-element-obraz,
body.tsi-pf-rzs4-active main#content > section.section-id-4 .column-id-4-1 > .single-element-obraz,
body.tsi-pf-individual-page main#content > section.section-id-4 .column-id-4-0 > .single-element-obraz,
body.tsi-pf-individual-page main#content > section.section-id-4 .column-id-4-1 > .single-element-obraz {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 4 / 5 !important;

    margin: 0 !important;
    padding: 0 !important;
    inset: auto !important;
    line-height: 0 !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.tsi-pf-rzs4-active main#content > section.section-id-4 .column-id-4-0 > .single-element-obraz > img,
body.tsi-pf-rzs4-active main#content > section.section-id-4 .column-id-4-1 > .single-element-obraz > img,
body.tsi-pf-individual-page main#content > section.section-id-4 .column-id-4-0 > .single-element-obraz > img,
body.tsi-pf-individual-page main#content > section.section-id-4 .column-id-4-1 > .single-element-obraz > img {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center 25% !important;
    border: 0 !important;
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    body.tsi-pf-rzs4-active main#content > section.section-id-4.section-type-kolumny,
    body.tsi-pf-individual-page main#content > section.section-id-4.section-type-kolumny {
        grid-template-columns: 1fr !important;
    }

    body.tsi-pf-rzs4-active main#content > section.section-id-4 .column-id-4-1,
    body.tsi-pf-individual-page main#content > section.section-id-4 .column-id-4-1 {
        display: block !important;
    }
}