.product-card {

    width: 100%;

    background: var(--panel);

    border: 1px solid var(--border);

    border-radius: var(--radius);

    box-shadow: var(--shadow);

    padding: 10px;

    display: grid;

    grid-template-columns: 96px 1fr auto;

    align-items: center;

    gap: 12px;

    text-align: left;

    cursor: pointer;

}

.product-card:hover {

    transform: translateY(-1px);

    transition: .12s ease;

}

.product-img {

    width: 96px;

    height: 72px;

    border-radius: 10px;

    object-fit: cover;

    background: #eee;

}

.product-title {

    font-weight: 700;

    margin-bottom: 4px;

}

.product-desc {

    color: var(--muted);

    font-size: 12px;

    line-height: 1.3;

}

.product-price {

    font-weight: 800;

    padding: 0 6px;

}