/* Products landing refinements: use the full hero, remove decorative numbering,
   add visual inventory choices, and separate the two closing actions. */
.industrial-products .ip-directory-intro {
    padding: 0;
}

.industrial-products .ip-directory-grid {
    align-items: stretch;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    min-height: 238px;
}

.industrial-products .ip-directory-copy {
    align-self: center;
    padding: 34px 40px 34px 0;
}

.industrial-products .ip-directory-image {
    min-height: 238px;
    overflow: hidden;
}

.industrial-products .ip-directory-image img {
    display: block;
    height: 100%;
    object-fit: cover;
    object-position: right center;
    width: 100%;
}

.industrial-products .ip-family-head {
    background: #10355e;
    border: 0;
    grid-template-columns: minmax(220px, 330px) minmax(0, 1fr);
    padding: 14px 18px;
}

.industrial-products .ip-family-head > span {
    display: none;
}

.industrial-products .ip-family-head strong {
    color: #fff;
    font-size: 19px;
    letter-spacing: .01em;
}

.industrial-products .ip-family-head small {
    color: #d9e6ef;
    font-size: 13px;
}

.industrial-products .ip-inventory-links a {
    display: grid;
    grid-template-rows: 122px auto auto;
    padding: 0 0 18px;
}

.industrial-products .ip-inventory-link-image {
    background: #f4f6f7;
    display: block;
    height: 122px;
    margin: 0 0 16px;
    overflow: hidden;
    width: 100%;
}

.industrial-products .ip-inventory-link-image img {
    display: block;
    height: 100%;
    object-fit: contain;
    padding: 7px;
    width: 100%;
}

.industrial-products .ip-inventory-links strong,
.industrial-products .ip-inventory-links a > span:not(.ip-inventory-link-image) {
    padding-left: 18px;
    padding-right: 18px;
}

.industrial-products .pm-online-catalog {
    background: #fff;
    border-bottom: 1px solid #d8e0e4;
}

.industrial-products .ip-final {
    background: #10355e;
    border: 0;
}

.industrial-products .ip-final .ip-kicker {
    color: #f2a516;
}

.industrial-products .ip-final h2 {
    color: #fff;
}

@media (max-width: 767px) {
    .industrial-products .ip-directory-grid {
        display: block;
        min-height: 0;
    }

    .industrial-products .ip-directory-copy {
        padding: 28px 18px 24px;
    }

    .industrial-products .ip-directory-image {
        height: 150px;
        min-height: 0;
    }

    .industrial-products .ip-family-head {
        display: block;
        padding: 11px 13px;
    }

    .industrial-products .ip-family-head strong,
    .industrial-products .ip-family-head small {
        display: block;
    }

    .industrial-products .ip-family-head small {
        margin-top: 3px;
    }

    .industrial-products .ip-inventory-links a {
        grid-template-columns: 92px minmax(0, 1fr);
        grid-template-rows: auto auto;
        min-height: 92px;
        padding: 0;
        text-align: left;
    }

    .industrial-products .ip-inventory-link-image {
        grid-row: 1 / span 2;
        height: 92px;
        margin: 0;
    }

    .industrial-products .ip-inventory-links strong {
        align-self: end;
        padding: 12px 12px 2px;
    }

    .industrial-products .ip-inventory-links a > span:not(.ip-inventory-link-image) {
        align-self: start;
        padding: 2px 12px 12px;
    }
}