/* Direct selected-category landing refinement. */

.category-landing-hero--wood { --category-accent: #d6ad79; }
.category-landing-hero--natural { --category-accent: #b2d09a; }
.category-landing-hero--produce { --category-accent: #9fd18d; }

.category-landing-hero {
    min-height: 690px;
}

.category-landing-hero__image {
    background-position: center;
    filter: saturate(0.78) contrast(1.04);
}

.category-landing-hero--coffee .category-landing-hero__image {
    background-position: center 48%;
    filter: saturate(0.82) contrast(1.08) brightness(0.92) blur(0.7px);
    transform: scale(1.012);
}

.category-landing-hero--spices .category-landing-hero__image,
.category-landing-hero--wood .category-landing-hero__image,
.category-landing-hero--natural .category-landing-hero__image {
    background-position: center;
    filter: saturate(0.88) contrast(1.06) brightness(0.88);
}

.category-landing-hero__overlay {
    background:
        radial-gradient(circle at 84% 18%, color-mix(in srgb, var(--category-accent) 18%, transparent), transparent 29%),
        linear-gradient(90deg, rgba(5, 20, 48, 0.99) 0%, rgba(7, 28, 66, 0.95) 48%, rgba(7, 28, 66, 0.66) 75%, rgba(7, 28, 66, 0.48) 100%);
}

.category-products-section--direct {
    border-top: 1px solid var(--ior-line);
    padding-top: 84px;
}

/* The product list follows the compact two-column logic of the supplied
   brochure while preserving real product photography and dynamic CMS data. */
.category-product-grid {
    align-items: stretch;
    gap: 20px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.category-product-card {
    border-top: 4px solid var(--ior-gold);
    display: grid;
    grid-template-columns: minmax(190px, 0.85fr) minmax(0, 1.15fr);
    min-height: 330px;
    transition: border-color 0.2s ease, box-shadow 0.25s ease, transform 0.25s ease;
}

.category-product-card:hover {
    border-top-color: var(--ior-green);
    box-shadow: 0 28px 64px rgba(7, 28, 66, 0.13);
    transform: translateY(-4px);
}

.category-product-card__image {
    height: 100%;
    min-height: 326px;
}

.category-product-card__image::after {
    background: linear-gradient(180deg, transparent 58%, rgba(7, 28, 66, 0.5));
    content: "";
    inset: 0;
    pointer-events: none;
    position: absolute;
}

.category-product-card__image > span {
    background: rgba(255, 255, 255, 0.94);
    color: var(--ior-navy);
    z-index: 2;
}

.category-product-card__body {
    padding: 24px;
}

.category-product-card__category {
    align-items: center;
    display: flex;
    gap: 7px;
}

.category-product-card__category::before {
    background: var(--ior-gold);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 7px;
    width: 7px;
}

.category-product-card h3 {
    font-size: clamp(1.65rem, 2.2vw, 2.35rem);
    margin-top: 12px;
}

.category-product-card__body h3 a {
    overflow-wrap: anywhere;
}

.category-product-card__body > p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.category-product-card__status {
    background: #f6f8f2;
    margin-top: 16px;
}

.category-product-card__link {
    background: #f5f0e4;
    border-top: 0;
    margin: auto -24px -24px;
    padding: 15px 24px;
}

.category-product-card__link:hover,
.category-product-card__link:focus-visible {
    background: var(--ior-navy);
    color: #fff;
}

@media (max-width: 1199.98px) {
    .category-landing-hero {
        min-height: 650px;
    }

    .category-product-card {
        grid-template-columns: 1fr;
    }

    .category-product-card__image {
        height: 245px;
        min-height: 245px;
    }
}

@media (max-width: 991.98px) {
    .category-product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .category-landing-hero {
        min-height: auto;
        padding-bottom: 58px;
    }

    .category-landing-hero--coffee .category-landing-hero__image {
        background-position: center;
        filter: saturate(0.84) contrast(1.06) brightness(0.9) blur(0.45px);
    }

    .category-landing-hero--spices .category-landing-hero__image,
    .category-landing-hero--wood .category-landing-hero__image,
    .category-landing-hero--natural .category-landing-hero__image {
        filter: saturate(0.86) contrast(1.04) brightness(0.86);
    }

    .category-products-section--direct {
        padding-top: 62px;
    }

    .category-product-grid {
        grid-template-columns: 1fr;
    }

    .category-product-card__image {
        height: 230px;
        min-height: 230px;
    }
}