/* Loaded after the main stylesheet so category artwork is never cropped. */
.home-category-strip .category-pill {
    min-height: 0 !important;
    grid-template-rows: auto auto auto !important;
}

.home-category-strip .category-pill span {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
    background:
        linear-gradient(135deg, rgba(76, 175, 128, 0.10), rgba(253, 199, 90, 0.12)),
        #FFFFFF !important;
}

.home-category-strip .category-pill span img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    object-fit: contain !important;
    padding: 0 !important;
}

@media (max-width: 680px) {
    .home-category-strip .category-pill span,
    .category-strip-compact .category-pill span {
        background:
            linear-gradient(135deg, rgba(76, 175, 128, 0.10), rgba(253, 199, 90, 0.12)),
            #FFFFFF !important;
    }

    .home-category-strip .category-pill span img,
    .category-strip-compact .category-pill span img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        padding: 7px !important;
    }

    .home-category-strip .category-pill {
        min-height: 0 !important;
        grid-template-rows: auto auto auto !important;
    }

    .home-category-strip .category-pill span {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        display: block !important;
    }

    .home-category-strip .category-pill span img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        display: block !important;
        padding: 0 !important;
    }

    .category-page-media {
        min-height: 0 !important;
        background:
            linear-gradient(135deg, rgba(76, 175, 128, 0.12), rgba(253, 199, 90, 0.14)),
            #FFFFFF !important;
    }

    .category-page-media img {
        width: 100% !important;
        height: auto !important;
        max-height: none !important;
        display: block !important;
        object-fit: contain !important;
        padding: 0 !important;
    }

    .category-page-media::after {
        display: none !important;
    }

    .category-page-hero > div {
        position: static !important;
        padding: 12px 14px 14px !important;
    }

    .category-page-hero h1 {
        color: var(--color-text) !important;
        text-shadow: none !important;
    }

    .category-page-hero .eyebrow {
        color: var(--brand-primary) !important;
    }

    .category-page-hero span {
        color: var(--color-muted) !important;
    }

    .header-search .live-results button,
    .header-search .live-results .small-btn {
        min-height: 38px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 12px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
        font-weight: 760 !important;
        white-space: nowrap !important;
    }

    .header-search .live-results .command-action {
        min-width: 76px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
    }

    .header-search .live-results .mini-stepper {
        min-width: 96px !important;
        height: 38px !important;
        display: grid !important;
        grid-template-columns: 32px 1fr 32px !important;
    }

    .header-search .live-results .mini-stepper button {
        min-height: 38px !important;
        height: 38px !important;
        padding: 0 !important;
    }
}