/*
 * Category hero image alignment — v4.3.46
 * The copy controls the desktop row height. The image fills that space without
 * changing its intrinsic aspect ratio; object-fit crops overflow instead.
 */

.category-landing .category-intro__media {
    min-width: 0;
    overflow: hidden;
    border-radius: 22px;
    background: #f3eee8;
    box-shadow: 0 12px 28px rgba(32, 42, 59, .08);
}

@media (min-width: 781px) {
    .category-landing .category-intro__grid {
        align-items: stretch;
    }

    .category-landing .category-intro__media {
        position: relative;
        align-self: stretch;
        min-height: 320px;
    }

    .category-landing .category-intro__media .category-intro__image {
        position: absolute;
        inset: 0;
        display: block;
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        margin: 0;
        border-radius: 0;
        object-fit: cover;
        object-position: center center;
        box-shadow: none;
    }
}

@media (max-width: 780px) {
    .category-landing .category-intro__media {
        width: 100%;
        border-radius: 14px;
    }

    .category-landing .category-intro__media .category-intro__image {
        display: block;
        width: 100%;
        height: auto;
        max-height: none;
        margin: 0;
        border-radius: 0;
        object-fit: contain;
        box-shadow: none;
    }
}