/* ====================================================================
   PartnerService – «Запчасти»
   ==================================================================== */

.pairs section,
.pairs .section {
    background: transparent !important;
}

body {
    background: linear-gradient(rgba(255,255,255,.35),rgba(255,255,255,0)), url("../img/wirtgen/banner.jpg") center/cover no-repeat fixed !important;
}

.pairs-hero, .pairs-catalog, .pairs-steps {
    padding: 4.5rem 0;
}

@media(max-width:991.98px) {
    .pairs-hero, .pairs-catalog, .pairs-steps {
        padding: 3rem 0;
    }
}

/* ================================================================== */
/*                                HERO                                */
.pairs-hero {
    position: relative;
    min-height: 100vh; /* вся картинка видна */
    display: flex;
    text-shadow: 0 1px 3px rgb(0 0 0 /.6);
}

.pairs-hero__bg {
    position: absolute;
    inset: 0;
    background: url("../img/wirtgen/service4.jpg") center/cover no-repeat;
    filter: brightness(.55);
}

.pairs-hero__title {
    font-size: clamp(2.5rem,6vw,3.25rem);
    line-height: 1.15;
    color: var(--color-primary-600);
}

.pairs-hero__subtitle {
    font-size: 1.125rem;
}

.pairs-hero > .container {
    position: relative;
    z-index: 1;
}

/* ================================================================== */
/*                             SECTION HEADING                         */
.section-heading {
    font-size: clamp(1.8rem,4vw,2.2rem);
}

/* ================================================================== */
/*                              CATALOG CARD                           */
.card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    box-shadow: 0 2px 4px rgb(0 0 0 /.04);
}

table th {
    font-weight: 600;
}

table a {
    text-decoration: underline;
}

/* ================================================================== */
/*                             STEP CARD                               */
.step-card {
    background: rgba(255,255,255,.55);
    backdrop-filter: saturate(180%) blur(6px);
    border: 1px solid #e5e7eb;
    border-radius: 1rem;
    padding: 2rem;
    text-align: center;
    box-shadow: 0 2px 4px rgb(0 0 0 /.05);
    transition: transform .25s,box-shadow .25s;
}

    .step-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgb(0 0 0 /.08);
    }

.step-card__icon {
    font-size: 1.75rem;
    color: var(--color-primary-600);
    margin-bottom: 1rem;
}

.pairs-steps .section-heading {
    position: relative;
    padding: .45rem 1.25rem;
    color: var(--color-primary-600);
    line-height: 1.2;
}

    .pairs-steps .section-heading::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(255,255,255,.85);
        border-radius: .75rem;
        z-index: -1;
    }

/* ================================================================== */
/*                     Pairs: mobile cards for items                  */
/* ================================================================== */

.pairs .pairs-cards {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
}

.pairs .pairs-card {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: .75rem;
    padding: .9rem 1rem;
    box-shadow: 0 1px 3px rgb(0 0 0 / .04);
}

.pairs .pairs-card__head {
    margin-bottom: .4rem;
}

.pairs .pairs-card__title {
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: .1rem;
    word-break: break-word;
    overflow-wrap: anywhere;
}

.pairs .pairs-card__meta {
    font-size: .875rem;
    color: #6b7280;
}

.pairs .pairs-card__row {
    display: grid;
    grid-template-columns: max-content 1fr;
    column-gap: .75rem;
    align-items: start;
    padding: .35rem 0;
    border-top: 1px dashed #e5e7eb;
}

    .pairs .pairs-card__row:first-of-type {
        border-top: 0;
    }

.pairs .pairs-card__label {
    font-size: .8rem;
    color: #6b7280;
    white-space: nowrap;
}

.pairs .pairs-card__value {
    word-break: break-word;
    overflow-wrap: anywhere;
}

.pairs .pairs-card__article {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: .95rem;
}

.pairs .pairs-badge {
    display: inline-block;
    padding: .15rem .5rem;
    border-radius: 999px;
    border: 1px solid #e5e7eb;
    background: #f8fafc;
    font-size: .85rem;
}

/* чуть плотнее на xs */
@media (max-width: 360px) {
    .pairs .pairs-card {
        padding: .75rem .8rem;
    }
}