/* =====================================================================
   SP Jaczów — rekrutacja bezpośrednio pod hero, wariant zwarty v1.0
   Plik nadpisuje wyłącznie sekcję .sp11-recruitment.
   ===================================================================== */

body.sp11-site .spj-home-hero + .sp11-recruitment,
body.sp11-site .sp11-hero + .sp11-recruitment {
    margin-top: 0;
}

body.sp11-site .sp11-recruitment {
    padding-block: clamp(1.25rem, 3vw, 2.4rem);
    background:
        radial-gradient(circle at 8% 10%, rgba(214, 166, 59, 0.09), transparent 18rem),
        linear-gradient(180deg, #fffdf9 0%, #f4f6f8 100%);
    border-top: 0;
}

body.sp11-site .sp11-recruitment__panel {
    grid-template-columns: minmax(0, 1fr) minmax(10rem, 13rem);
    gap: clamp(1.25rem, 3vw, 2.25rem);
    padding: clamp(1.35rem, 3vw, 2.25rem);
    border-radius: 1rem;
    box-shadow:
        0 0.9rem 2.4rem rgba(11, 31, 51, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

body.sp11-site .sp11-recruitment__eyebrow {
    margin-bottom: 0.55rem;
    font-weight: 700;
}

body.sp11-site .sp11-recruitment h2 {
    font-family: Georgia, "Times New Roman", ui-serif, serif;
    font-size: clamp(1.8rem, 3.4vw, 2.65rem);
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.08;
}

body.sp11-site .sp11-recruitment__content > p {
    margin-top: 0.75rem;
    font-size: 1rem;
    line-height: 1.62;
}

body.sp11-site .sp11-recruitment__steps {
    gap: 0.6rem;
    margin-top: 1rem;
}

body.sp11-site .sp11-recruitment__steps li {
    min-height: 3rem;
    padding: 0.5rem 0.7rem;
}

body.sp11-site .sp11-recruitment__steps li > span {
    width: 1.85rem;
    height: 1.85rem;
    font-weight: 700;
}

body.sp11-site .sp11-recruitment__steps strong {
    font-weight: 700;
}

body.sp11-site .sp11-recruitment__actions {
    margin-top: 1.2rem;
}

body.sp11-site .sp11-recruitment__number {
    min-height: 11.5rem;
}

body.sp11-site .sp11-recruitment__number::before {
    width: 9rem;
    height: 9rem;
}

body.sp11-site .sp11-recruitment__number::after {
    width: 6.4rem;
    height: 6.4rem;
}

body.sp11-site .sp11-recruitment__number span {
    font-size: clamp(3.4rem, 7vw, 5.7rem);
    font-weight: 700;
    letter-spacing: -0.06em;
}

body.sp11-site .sp11-recruitment__number small {
    margin-top: 0.3rem;
    font-weight: 700;
    letter-spacing: 0.12em;
}

@media (max-width: 64rem) {
    body.sp11-site .sp11-recruitment__panel {
        grid-template-columns: 1fr;
    }

    body.sp11-site .sp11-recruitment__number {
        display: none;
    }
}

@media (max-width: 42rem) {
    body.sp11-site .sp11-recruitment {
        padding-block: 1rem 1.4rem;
    }

    body.sp11-site .sp11-recruitment__panel {
        gap: 1rem;
        padding: 1.15rem;
        border-radius: 0.85rem;
    }

    body.sp11-site .sp11-recruitment h2 {
        font-size: clamp(1.65rem, 8vw, 2.05rem);
        line-height: 1.12;
    }

    body.sp11-site .sp11-recruitment__steps {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.4rem;
    }

    body.sp11-site .sp11-recruitment__steps li {
        min-width: 0;
        min-height: 4.45rem;
        flex-direction: column;
        justify-content: center;
        gap: 0.35rem;
        padding: 0.45rem 0.25rem;
        text-align: center;
    }

    body.sp11-site .sp11-recruitment__steps strong {
        font-size: 0.82rem;
        overflow-wrap: anywhere;
    }

    body.sp11-site .sp11-recruitment__actions {
        gap: 0.65rem;
        margin-top: 1rem;
    }
}

@media (max-width: 22rem) {
    body.sp11-site .sp11-recruitment__steps {
        grid-template-columns: 1fr;
    }

    body.sp11-site .sp11-recruitment__steps li {
        min-height: 3rem;
        flex-direction: row;
        justify-content: flex-start;
        padding-inline: 0.65rem;
        text-align: left;
    }
}

@media (forced-colors: active) {
    body.sp11-site .sp11-recruitment {
        background: Canvas;
    }
}

@media print {
    body.sp11-site .sp11-recruitment__number {
        display: none !important;
    }
}