/* Keep uploaded promotional artwork fully visible at every breakpoint. */
.hero-track {
    aspect-ratio: auto !important;
    min-height: 0 !important;
    overflow: hidden;
    background: #eef4f2;
}

.hero-slide {
    width: 100%;
    height: auto;
}

.hero-slide.is-active {
    position: relative;
    inset: auto;
}

.hero-slide picture {
    display: block;
    width: 100%;
    height: auto;
}

.hero-slide img {
    width: 100% !important;
    height: auto !important;
    object-fit: initial !important;
    object-position: center !important;
}

/* Category artwork is often supplied as a complete icon/card image. */
.category-image {
    padding: 0 !important;
    background: #f4faf8 !important;
}

.category-image img,
.mobile-categories a > span img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
}

.category-image img {
    transform: scale(1.35);
}

.mobile-categories a > span {
    padding: 0;
    background: #f4faf8 !important;
}

@media (max-width: 700px) {
    .hero {
        padding-inline: 10px !important;
    }

    .hero-track {
        aspect-ratio: auto !important;
        min-height: 0 !important;
        border-radius: 15px !important;
    }

    .category-image img {
        transform: scale(1.3);
    }

    .mobile-categories a > span img {
        transform: scale(1.2);
    }
}