/*
 * Industries vertical page — hero band + content layout.
 */

.ecko-industries-page {
    background-color: var(--paper);
}

/* Hero band */
.ecko-industries-hero {
    background-color: var(--forest-deep);
    background-size: cover;
    background-position: center;
    color: var(--paper);
}

.ecko-industries-hero__overlay {
    background: linear-gradient(
        180deg,
        color-mix(in oklch, var(--forest-deep) 70%, transparent) 0%,
        color-mix(in oklch, var(--forest-deep) 85%, transparent) 100%
    );
    padding: 80px 0;
}

.ecko-industries-hero--has-image .ecko-industries-hero__overlay {
    background: linear-gradient(
        180deg,
        color-mix(in oklch, var(--forest-deep) 60%, transparent) 0%,
        color-mix(in oklch, var(--forest-deep) 80%, transparent) 100%
    );
}

.ecko-industries-hero__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

.ecko-industries-hero__inner .ecko-eyebrow {
    color: color-mix(in oklch, var(--paper) 80%, transparent);
    margin-bottom: 8px;
}

.ecko-industries-hero__title {
    color: var(--paper);
    margin: 0 0 16px;
    max-width: 24ch;
}

.ecko-industries-hero__lede {
    font-size: 18px;
    line-height: 1.5;
    color: color-mix(in oklch, var(--paper) 90%, transparent);
    max-width: 60ch;
    margin: 0;
}

/* Content area */
.ecko-industries-page__content {
    padding: 64px 0;
}

.ecko-industries-page__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 16px;
}

.ecko-industries-page__body {
    margin: 0 auto 48px;
    color: var(--ink);
    font-size: 16px;
    line-height: 1.7;
}

.ecko-industries-page__body p {
    margin: 0 0 16px;
}

.ecko-industries-page__catalog h2 {
    margin-bottom: 24px;
}

/* WC [products] shortcode output — bespoke card grid */
.ecko-industries-page__catalog .woocommerce ul.products {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.ecko-industries-page__catalog .woocommerce ul.products::before,
.ecko-industries-page__catalog .woocommerce ul.products::after {
    display: none;
}

.ecko-industries-page__catalog .woocommerce ul.products li.product {
    margin: 0 !important;
    width: auto !important;
    float: none !important;
}

.ecko-industries-page__catalog .woocommerce-result-count,
.ecko-industries-page__catalog .woocommerce-ordering {
    display: none;
}

@media (max-width: 1023px) {
    .ecko-industries-page__catalog .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 519px) {
    .ecko-industries-page__catalog .woocommerce ul.products {
        grid-template-columns: 1fr;
    }
    .ecko-industries-hero__overlay {
        padding: 48px 0;
    }
    .ecko-industries-hero__lede {
        font-size: 16px;
    }
}