.rewards-mine-section {
    margin-bottom: 32px;
}

.rewards-others-section {
    margin-bottom: 32px;
}

.rewards-purchases-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}

.purchase-card {
    border-radius: 14px;
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 16px;
    transition: box-shadow 0.15s;
}

.purchase-card:hover {
    box-shadow: 0 4px 14px rgba(0,0,0,0.1);
}

.purchase-card.mine {
    border-left: 4px solid #1b4d68;
}

.purchase-card.other {
    border-left: 4px solid #d63a8a;
    background: #fff8fb;
    border-color: #f0c0d8;
}

.purchase-card-body {
    flex: 1;
}

.purchase-card-title {
    margin: 0 0 4px;
    font-size: 0.95rem;
    font-weight: 700;
    color: #1b3a4d;
}

.purchase-card-meta {
    margin: 0 0 6px;
    font-size: 0.82rem;
    color: #94a3b8;
}

.purchase-card-desc {
    margin: 0;
    font-size: 0.83rem;
    color: #64748b;
    line-height: 1.4;
}

.purchase-card-owner {
    font-size: 0.82rem;
    color: #8b2252;
    font-weight: 600;
}

@media (max-width: 560px) {
    .rewards-purchases-grid {
        grid-template-columns: 1fr;
    }
}