/* Fixed story card size (matches Afisha preview tiles). */
.volgmed-guides {
    --vg-story-card-w: 155px;
    --vg-story-card-h: 130px;
}

.volgmed-guide-card {
    flex: 0 0 auto;
    box-sizing: border-box;
    width: var(--vg-story-card-w);
    min-width: var(--vg-story-card-w);
    height: var(--vg-story-card-h);
    aspect-ratio: auto !important;
    padding: 0;
    box-shadow: none !important;
}

.volgmed-guide-card:hover {
    box-shadow: none !important;
    transform: translateY(-2px);
}

.volgmed-guide-card.volgmed-guide-card--unviewed {
    outline: 2.5px solid #078877;
    outline-offset: 2px;
}

.volgmed-guide-card .volgmed-guide-card-canvas {
    display: block;
    width: 100%;
    height: 100%;
}

.volgmed-guide-card .volgmed-guide-background-image {
    position: absolute !important;
    inset: 0 !important;
    left: 0 !important;
    top: 0 !important;
    z-index: 0;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    transform: none !important;
    object-fit: contain !important;
    object-position: center center !important;
    pointer-events: none;
}

.volgmed-guide-card--afisha .volgmed-guide-background-image {
    object-fit: cover !important;
}
