.cp-hero-section {
    position: relative;
    background: url('HeroBackground.png') center center no-repeat;
    min-height: 300px;
}

    .cp-hero-section::before {
        content: "";
        position: absolute;
        inset: 0;
        background: rgba(30, 41, 59, 0.7);
        z-index: 1;
    }

.cp-hero-content {
    position: relative;
    z-index: 2;
    min-height: 250px;
}

.cp-hero-store-logo {
    max-width: 500px;
    height: auto;
    background: rgba(255, 255, 255, 0.8);
}

.cp-card {
    min-width: 300px;
    background-color: var(--mud-palette-background-gray)
}

.cp-card-image {
    height: 200px;
    border: 1px solid var(--mud-palette-divider);
    background-color: rgba(30, 41, 59, 0.7);
    background-size: cover;
    background-position: center;
}

.cp-card-description {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 20px; /*var(--mud-typography-body2-lineheight);*/
}