/**
 * Product-card component rules owned by Dealify.
 */

html body.dealify-theme .dealify-card__media {
    background: var(--dealify-card);
}

html body.dealify-theme .dealify-card__hot-badge {
    left: 12px;
    position: absolute;
    top: 12px;
    z-index: 10;
}

html body.dealify-theme .dealify-card__hot {
    align-items: center;
    background: #fff2ee;
    border-radius: 6px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    color: var(--dealify-red);
    display: inline-flex;
    font-size: 12px;
    font-weight: 700;
    gap: 4px;
    padding: 4px 8px;
}

html body.dealify-theme .dealify-card__hot svg {
    flex: 0 0 14px;
    height: 14px;
    width: 14px;
}