/* Keep category results from collapsing when a provider-level fallback cover is used. */
.game-grid .game-slide > [gamecode][cover] {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 4 !important;
    overflow: hidden !important;
    background: linear-gradient(145deg, #172019 0%, #090d0a 100%) !important;
}

.game-grid .game-slide > [gamecode][cover] > div {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.game-grid .game-slide > [gamecode][cover] img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.game-grid .game-slide > [gamecode][cover][cover*="evolution-live.webp"] img,
.game-grid .game-slide > [gamecode][cover][cover*="Pragmatic-Play.webp"] img {
    object-fit: contain !important;
    padding: 12px !important;
    box-sizing: border-box !important;
}

.game-grid .game-slide > [gamecode][cover][cover*="Pragmatic-Play.webp"] img,
.game-grid .game-slide > [gamecode][cover][cover*="/Games/Pgsoft/63.webp"] img {
    opacity: 0 !important;
}

.game-grid .game-slide > [gamecode][cover][title]::after {
    content: attr(title) !important;
    position: absolute !important;
    z-index: 3 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    padding: 22px 8px 8px !important;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .92) 70%) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: left !important;
    white-space: normal !important;
    pointer-events: none !important;
}