/* MOSINTER product centre */
.products-index-page {
    background: #f6f6f6;
    color: #171717;
}

.products-page-shell {
    width: calc(100% - 48px);
    max-width: 1900px;
    margin-inline: auto;
}

.products-index-hero {
    position: relative;
    display: flex;
    min-height: 560px;
    align-items: flex-end;
    padding: 154px 0 82px;
    overflow: hidden;
    border-bottom: 0;
    background-image: linear-gradient(90deg, rgba(42, 21, 7, 0.92) 0%, rgba(42, 21, 7, 0.66) 48%, rgba(42, 21, 7, 0.3) 100%), url('/assets/images/products/industrial-processing-equipment-banner-1916.webp');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: #ffffff;
}

.products-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 44px;
    color: rgba(255, 255, 255, 0.78);
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.products-breadcrumb a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
}

.products-breadcrumb a:hover,
.products-breadcrumb a:focus-visible {
    color: #ffffff;
}

.products-index-hero .eyebrow {
    color: #ffc59f;
}

.products-index-hero__content {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 56px;
}

.products-index-hero h1 {
    max-width: 860px;
    margin: 0 0 22px;
    color: #ffffff;
    font-size: clamp(42px, 5vw, 78px);
    letter-spacing: -0.05em;
}

.products-index-hero__lede {
    max-width: 720px;
    margin: 0;
    color: rgba(255, 255, 255, 0.86);
    font-size: clamp(17px, 1.3vw, 21px);
    line-height: 1.6;
}

.products-index-button {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 14px 22px;
    border: 1px solid #bf4d0a;
    background: #bf4d0a;
    color: #ffffff;
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-decoration: none;
    text-transform: uppercase;
    transition: background-color 220ms ease, border-color 220ms ease, transform 220ms ease;
}

.products-index-button:hover,
.products-index-button:focus-visible {
    border-color: #a84909;
    background: #a84909;
    color: #ffffff;
    transform: translateY(-2px);
}

.products-category-section {
    padding: 86px 0 104px;
}

.products-section-heading {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(280px, 0.9fr);
    gap: 64px;
    align-items: end;
    margin-bottom: 42px;
}

.products-section-heading h2 {
    margin: 0;
    color: #171717;
    font-size: clamp(34px, 4vw, 56px);
}

.products-section-heading > p {
    max-width: 560px;
    margin: 0;
    color: #746459;
    font-size: 16px;
    line-height: 1.7;
}

.products-category-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.products-category-card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    border: 1px solid #eae3df;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(45, 27, 15, 0.06);
    transition: border-color 220ms ease, box-shadow 220ms ease, transform 220ms ease;
}

.products-category-card:hover {
    border-color: #dfb79d;
    box-shadow: 0 16px 36px rgba(45, 27, 15, 0.11);
    transform: translateY(-4px);
}

.products-category-card__media {
    display: block;
    overflow: hidden;
    aspect-ratio: 16 / 10;
    background: #ece4df;
}

.products-category-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 360ms ease;
}

.products-category-card:hover .products-category-card__media img {
    transform: scale(1.04);
}

.products-category-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 24px 24px 22px;
}

.products-category-card__number {
    margin: 0 0 12px;
    color: #bf4d0a;
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 11px;
    letter-spacing: 0.08em;
    line-height: 1.3;
}

.products-category-card h3 {
    min-height: 2.25em;
    margin: 0 0 12px;
    color: #171717;
    font-size: clamp(21px, 1.5vw, 28px);
    line-height: 1.15;
}

.products-category-card h3 a {
    color: inherit;
    text-decoration: none;
}

.products-category-card h3 a:hover,
.products-category-card h3 a:focus-visible {
    color: #bf4d0a;
}

.products-category-card__body > p:not(.products-category-card__number) {
    min-height: 3.25em;
    margin: 0;
    color: #746459;
    font-size: 14px;
    line-height: 1.6;
}

.products-category-card__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: auto;
    padding-top: 24px;
    border-top: 1px solid #f3efed;
}

.products-category-card__link,
.products-category-card__quote {
    color: #bf4d0a;
    font-family: var(--font-mono, "DM Mono", monospace);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 0.03em;
    text-decoration: none;
    text-transform: uppercase;
}

.products-category-card__link {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.products-category-card__link span {
    transition: transform 220ms ease;
}

.products-category-card__link:hover span,
.products-category-card__link:focus-visible span {
    transform: translateX(4px);
}

.products-category-card__quote {
    color: #847164;
    white-space: nowrap;
}

.products-category-card__quote:hover,
.products-category-card__quote:focus-visible {
    color: #bf4d0a;
}

.products-index-cta {
    padding: 0 0 104px;
}

.products-index-cta__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    padding: 54px 64px;
    background: #221b17;
    color: #ffffff;
}

.products-index-cta h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 44px);
}

.products-index-cta p:not(.eyebrow) {
    max-width: 700px;
    margin: 0;
    color: #d3c8c1;
    font-size: 15px;
}

.products-index-cta .eyebrow {
    margin-bottom: 14px;
    color: #eba272;
}

.products-index-button--light {
    border-color: #ffffff;
    background: #ffffff;
    color: #bf4d0a;
}

.products-index-button--light:hover,
.products-index-button--light:focus-visible {
    border-color: #fbe8db;
    background: #fbe8db;
    color: #bf4d0a;
}

@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .products-page-shell {
        max-width: 1400px;
    }
}

@media screen and (min-width: 1200px) and (max-width: 1439px) {
    .products-page-shell {
        width: calc(100% - 48px);
        max-width: none;
    }

    .products-category-grid {
        gap: 18px;
    }

    .products-category-card__body {
        padding-inline: 18px;
    }
}

@media screen and (max-width: 1199px) {
    .products-page-shell {
        width: calc(100% - 48px);
    }

    .products-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width: 767px) {
    .products-page-shell {
        width: calc(100% - 32px);
    }

    .products-index-hero {
        min-height: 620px;
        padding: 126px 0 56px;
    }

    .products-breadcrumb {
        margin-bottom: 38px;
    }

    .products-index-hero__content,
    .products-index-cta__inner {
        align-items: flex-start;
        flex-direction: column;
    }

    .products-index-hero__content {
        gap: 28px;
    }

    .products-category-section {
        padding: 58px 0 72px;
    }

    .products-section-heading {
        display: block;
        margin-bottom: 30px;
    }

    .products-section-heading > p {
        margin-top: 18px;
    }

    .products-category-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
    }

    .products-category-card__body {
        padding: 22px 20px 20px;
    }

    .products-index-cta {
        padding-bottom: 72px;
    }

    .products-index-cta__inner {
        gap: 28px;
        padding: 36px 24px;
    }
}

/* Show the actual category equipment without cropping it. */
.products-category-card__media { background: #fff; }
.products-category-card__media img { object-fit: cover; padding: 0; }

/* Responsive photographic backgrounds; retain full-size desktop fallback. */
@media (max-width: 767px) {
.products-index-hero { background-image:  linear-gradient(90deg, rgba(42, 21, 7, 0.92) 0%, rgba(42, 21, 7, 0.66) 48%, rgba(42, 21, 7, 0.3) 100%), image-set(url("/assets/images/products/industrial-processing-equipment-banner-960.webp") 1x, url("/assets/images/products/industrial-processing-equipment-banner-1916.webp") 2x); }
}

/* Chinese category cards need a clear title/body weight hierarchy. */
html:lang(zh) .products-category-section .products-category-card h3 { font-weight:700; }
html:lang(zh) .products-category-section .products-category-card__body > p { font-weight:500; }
html:lang(zh) .products-category-section .products-category-card__actions a { font-weight:600; }

/* Explicit Chinese card labels: do not fall back to the small monospace style. */
html:lang(zh) body .products-category-section .products-category-card__number,
html:lang(zh) body .products-category-section .products-category-card__actions,
html:lang(zh) body .products-category-section .products-category-card__actions a {
 font-family:"Microsoft YaHei","PingFang SC","Noto Sans SC",Arial,sans-serif!important;
 font-weight:700!important; line-height:1.5!important; letter-spacing:normal!important;
}
html:lang(zh) body .products-category-section .products-category-card__number { font-size:13px!important; }
html:lang(zh) body .products-category-section .products-category-card__actions a { font-size:14px!important; }