.site-content .ast-container {
    display: block !important;
}

.pj-section {
    width: 100%;
    padding: 2rem 0 0;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    float: none !important;
}

.pj-projekt {
    width: 100%;
    max-width: 900px;
    margin: 0 auto 170px !important;
    padding: 0 1.5rem;
    box-sizing: border-box;
    float: none !important;
}

.pj-projekt:last-child,
.pj-single > :last-child,
.pj-single > .pj-blok:last-child > :last-child {
    margin-bottom: 0 !important;
}

.pj-grid {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pj-img img {
    width: 100%;
    display: block;
    object-fit: cover;
}

.pj-img--top img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.pj-row-bottom {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.pj-img--bottom img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
}

.pj-img--top {
    position: relative;
    border: var(--border-frame);
    padding: 6px;
}

.pj-meta {
    margin-top: 24px;
    text-align: center;
}

.pj-titel {
    margin: 0 0 16px;
    font-size: 32px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: normal;
    color: var(--color-ink);
}

.pj-projekt .pj-titel {
    font-size: 22px;
    text-transform: uppercase;
}

.pj-projekt .pj-opis,
.pj-single .pj-opis,
.pj-blok-tekst p {
    margin: 0;
    color: var(--color-ink);
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 6 3 3;
    -webkit-hyphenate-limit-before: 3;
    -webkit-hyphenate-limit-after: 3;
}

.pj-projekt .pj-opis {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    overflow: hidden;
    margin-bottom: 24px;
}

.pj-fot-by {
    margin: 16px 0 0;
    font-size: 12px;
    letter-spacing: normal;
    text-align: center;
    color: var(--color-ink);
}

.single-projekt .site-content,
.single-projekt #primary,
.single-projekt  {
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

.ast-container {
padding: 0 !important;
}

.pj-single {
    width: 100%;
    background: transparent;
}

.pj-hero {
    width: 100%;
    max-height: 90vh;
    overflow: hidden;
    line-height: 0;
}

.pj-hero img {
    width: 100%;
    height: 90vh;
    object-fit: cover;
    display: block;
}

.pj-single .pj-meta {
    width: 80%;
    margin: 2rem auto;
    text-align: left;
}

.pj-single .pj-titel {
    margin: 0 0 0.8rem;
}

.pj-row {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 6px;
    line-height: 0;
}

.pj-row--para,
.pj-row:not(.pj-row--top) {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
}

.pj-cell--para,
.pj-cell {
    overflow: hidden;
    line-height: 0;
}

.pj-cell--para img,
.pj-cell img {
    width: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 4 / 5;
}

.pj-row--top {
    display: block;
}

.pj-cell--top {
    overflow: hidden;
    line-height: 0;
}

.pj-cell--top img {
    width: 100%;
    display: block;
    object-fit: cover;
    aspect-ratio: 5 / 4;
}

.pj-blok-tekst {
    max-width: 80%;
    margin: 2rem auto;
}


@media (max-width: 768px) {

    .pj-projekt {
        margin-bottom: 85px !important;
        padding: 0 10px;
    }

    .pj-projekt .pj-meta {
        padding: 0 14px;
    }

    .pj-projekt .pj-titel,
    .pj-single .pj-titel {
        font-size: 18px;
    }

    .pj-single .pj-titel {
        margin-bottom: 8px;
        text-transform: uppercase;
    }

    .pj-hero {
        max-height: none;
        width: auto;
        margin: 0 10px;
    }

    .pj-hero img,
    .pj-cell--para img,
    .pj-cell img,
    .pj-cell--top img {
        height: auto;
        aspect-ratio: auto;
    }

    .pj-single .pj-meta,
    .pj-blok-tekst {
        width: auto;
        max-width: none;
        margin: 1.2rem 10px;
    }

    .pj-fot-by {
        margin: 16px 10px 0;
    }

    .pj-row {
        width: auto;
        margin: 0 10px 10px;
    }

    .pj-row--para,
    .pj-row:not(.pj-row--top) {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .pj-projekt .pj-opis,
    .pj-single .pj-opis,
    .pj-blok-tekst p {
        text-align: left;
        -webkit-hyphens: manual;
        hyphens: manual;
    }
}